Dein erstes Design erstellen.
In dieser Videoreihe werden grundlegende Techniken zum Designen in Photoshop vorgestellt. Du erfährst, wie du mit Ebenen und Ebenenmasken arbeitest, Bilder kombinierst sowie Grafiken, Text und Effekte zu deinem Design hinzufügst. Im Rahmen dieses Tutorials führst du verschiedene Kreativinhalte zu einer Komposition zusammen, die du für ein Print- oder Web-Projekt weiterverwenden kannst. Verwende dafür dein eigenes Bildmaterial, oder lade die bereitgestellten Beispieldateien herunter.
Veröffentlicht am
Typekit heißt jetzt Adobe Fonts.
Ebenen erstellen.
Jedes Photoshop-Design setzt sich aus Ebenen zusammen. Lege nacheinander Ebenen für die Inhalte an, die du in deinem Design verwenden möchtest. In diesem Video werden die Funktionen des Bedienfelds „Ebenen“ und die Grundlagen zur Arbeit mit Ebenen erläutert.
Diese Videoreihe führt dich in die Erstellung von Designs mit Photoshop ein – wie du Ebenen verwendest, Bilder kombinierst und Text und Grafiken hinzufügst.
Nach diesem Tutorial wirst du einfache Kompositionen erstellen können, zum Beispiel für deine Print- und Online-Projekte.
In diesem Video beschäftigen wir uns mit Ebenen.
Wenn du Photoshop öffnest, wird dieser Startbildschirm angezeigt.
Hier kannst du ein vorhandenes Bild öffnen oder ein neues Dokument anlegen.
Unser Beispiel-Design soll auf einem vorhandenen Bild basieren.
Klicke im Startbildschirm auf „Öffnen“ (Open), oder wähle „Datei“ > „Öffnen“.
Navigiere zu einem Bild auf deinem Computer, zum Beispiel zu „landscape.jpg“ für dieses Tutorial.
Klicke auf „Öffnen“ (Open).
Fügen wir ein weiteres Element zum Design hinzu – eine Sonne –, um eine Komposition zu erstellen.
Die Sonne wird als neue Ebene hinzugefügt, damit sie vom Foto unabhängig bewegt und bearbeitet werden kann.
Das Bedienfeld „Ebenen“ (Layers) ist von zentraler Bedeutung für deinen Workflow.
Hier verwaltest du die Ebenen deiner Kompositionen.
Aktuell befindet sich im Bedienfeld „Ebenen“ (Layers) nur die Ebene „Hintergrund“ (Background).
Um eine neue Ebene für die Sonne hinzuzufügen, klicke auf das Symbol zum Erstellen einer neuen Ebene im Bedienfeld „Ebenen“ (Layers).
Die neue Ebene wird oberhalb von „Hintergrund“ eingefügt.
Es empfiehlt sich, Ebenen zu benennen, damit du den Überblick über deine Inhalte behältst.
Doppelklicke auf den Namen der neuen Ebene.
Gib „sun“ (Sonne) ein, und drücke die Eingabetaste.
Die neue Ebene ist nun erstellt und ausgewählt.
Das erkennst du daran, dass sie hervorgehoben ist.
Um eine Sonne auf dieser Ebene zu erstellen, fülle jetzt einen ausgewählten Bereich mit einer Farbe.
Klicke auf der Werkzeugleiste länger auf das Auswahlrechteck-Werkzeug (Rectangular Marquee Tool).
Um eine kreisförmige Auswahl für die Sonne zu erstellen, wähle das Auswahlellipse-Werkzeug (Elliptical Marquee Tool).
Platziere den Cursor in dein Design.
Halte die Umschalttaste gedrückt, und ziehe einen Kreis auf.
Wenn der Kreis die gewünschte Größe hat, lasse Maus- und Umschalttaste los.
Durch Drücken der Umschalttaste erzeugst du einen Kreis.
Um diesen Bereich auf der Ebene „sun“ zu füllen, wähle „Bearbeiten“ > „Fläche füllen“ (Edit > Fill).
Wähle im Menü „Inhalt“ (Contents) die Option „Farbe“ (Color), und bestimme eine Farbe mithilfe des Farbwählers.
Ziehe diesen Regler etwas nach oben, bis du zu den Orangetönen gelangst.
Die Farbe passt ganz gut.
Klicke ungefähr hierhin, um die Farbe aufzunehmen.
Klicke auf „OK“ und dann wieder auf „OK“.
Die Auswahl wird nun nicht mehr benötigt – mit „Auswahl“ > „Auswahl aufheben“ (Select > Deselect) hebst du sie auf.
Wähle auf der Werkzeugleiste das Verschieben-Werkzeug aus, und ziehe die Sonne an die gewünschte Stelle.
Eventuell werden magentafarbene Hilfslinien eingeblendet, mit deren Hilfe du die Sonne mittig setzen kannst.
Da sich die Sonne auf einer eigenen Ebene befindet, kannst du sie verschieben und bearbeiten, ohne das restliche Bild zu verändern.
Und du kannst dieser Ebene individuelle Eigenschaften zuweisen.
Wähle für die ausgewählte Ebene „sun“ beispielsweise den Mischmodus „Multiplizieren“ (Multiply), um die Farbe der Sonne mit den Farben der Ebene darunter zu vermischen.
Setze die Deckkraft (Opacity) auf 80 %, um die Sonne transparenter zu machen.
Fügen wir ein weiteres Bild zum Design hinzu.
Wähle „Datei“ > „Öffnen“ (File > Open), und navigiere zu einem Foto mit einem interessanten Himmel.
Klicke auf „Öffnen“ (Open).
Um beide Bilder nebeneinander anzuzeigen, wähle „Fenster“ > „Anordnen“ > „Alle nebeneinander“ (Window > Arrange > Tile All Vertically).
Ziehe jetzt das Bild mit dem Himmel in dein Design.
Das Verschieben-Werkzeug ist ja noch ausgewählt, also halte die Umschalttaste gedrückt, und ziehe das Bild mit dem Himmel auf das Bild mit der Landschaft.
Lasse die Maustaste und dann die Umschalttaste los, die die beiden Bilder aneinander ausrichtet.
Das ursprüngliche Bild mit dem Himmel brauchst du nicht mehr, also schließe es mit einem Klick auf das X auf der Registerkarte.
Im Bedienfeld „Ebenen“ (Layers) siehst du jetzt, dass die Ebene mit dem Himmel „Ebene 1“ (Layer 1) heißt und über der zuletzt ausgewählten Ebene, der Ebene „sun“, eingefügt wurde.
Doppelklicke auf den Namen der neuen Ebene, und nenne sie „sky“ (Himmel).
Drücke dann die Eingabetaste.
Im Moment überdeckt der Himmel die Sonne und das Hintergrundbild.
Ziehe im Bedienfeld „Ebenen“ (Layers) die ausgewählte Ebene „sky“ unter die Ebene „sun“.
Sobald eine Linie erscheint, lasse die Maustaste los.
Jetzt ist die Sonne auf dem Himmelbild sichtbar.
Der Himmel soll auch hinter dem Hintergrundbild platziert werden.
Die Ebene „Hintergrund“ ist eine spezielle, gesperrte Ebene, die du zunächst entsperren musst.
Mache einen Doppelklick auf den Ebenennamen „Hintergrund“, und benenne die Ebene in „landscape“ (Landschaft) um.
Klicke auf „OK“.
Ziehe nun die Ebene „sky“ unter die Ebene „landscape“.
Sobald du eine Linie siehst, lasse die Maustaste los.
Das Bild mit der Landschaft verdeckt nun das Bild mit dem Himmel, was der Stapelreihenfolge der Ebenen entspricht.
Speichere dein Design.
Wähle „Datei“ > „Speichern unter“ (File > Save As).
Gib als Dateinamen „Design“ ein, und wähle „Photoshop“ als Dateiformat bzw.
Dateityp.
Lasse „Ebenen“ (Layers) aktiviert, und klicke auf „Speichern“ (Save).
Klicke im nächsten Dialog auf „OK“.
Im letzten Video dieser Reihe werde ich noch genauer auf das Speichern von Dateien eingehen.
Bis dahin solltest du deine Arbeit öfter speichern, um den Fortschritt deines Designs zu bewahren.
Bilder mithilfe von Ebenenmasken kombinieren.
Ebenenmasken stellen die flexibelste Methode dar, um Bilder zu kombinieren. Eine Ebenenmaske verbirgt einen Teil einer Ebene, damit die Inhalte der darunterliegenden Ebenen sichtbar werden. Mithilfe von Ebenenmasken ersetzt du in deinem Beispiel-Design den ausdruckslosen Himmel auf einem Bild durch ein dramatisches Wolkenspiel aus einem anderen Bild und arbeitest nach und nach weitere Elemente ein.
In diesem Video lernst du Ebenenmasken kennen – eines der wichtigsten Design-Werkzeuge von Photoshop zum Kombinieren von Bildern.
Ich klicke auf das Augensymbol neben der Ebene „sun“ (Sonne), damit wir das Bild darunter besser sehen können.
Der Himmel der Ebene „landscape“ (Landschaft) wirkt eher langweilig, daher ersetzen wir ihn durch einen anderen.
Dazu verwenden wir die Ebene „sky“ (Himmel), die noch unter der Ebene „landscape“ verborgen ist.
Ich blende die Ebene „landscape“ kurz aus, damit du den dramatischen Himmel und das Wolkenspiel auf der Ebene „sky“ sehen kannst.
Ich blende die Ebene wieder ein.
Mithilfe einer Ebenenmaske werden wir den oberen Bereich der Ebene „landscape“ ausblenden, damit der Himmel der darunterliegenden Ebene „sky“ sichtbar wird.
Dazu muss zunächst der Teil der Ebene „landscape“ ausgewählt werden, der nicht ausgeblendet werden soll.
Das wäre der Vordergrund.
Achte darauf, dass „landscape“ im Bedienfeld „Ebenen“ (Layers) ausgewählt ist.
Wähle auf der Werkzeugleiste das Schnellauswahl-Werkzeug aus.
Klicke in den unteren Bereich des Bildes, und ziehe den Cursor über alle Elemente, die du auswählen möchtest.
Falls dir die Auswahl des gesamten Vordergrunds nicht im ersten Anlauf gelingt, kannst du auf einen anderen Bereich klicken und ihn durch Ziehen der Maus zur Auswahl hinzufügen.
Wenn du zu viel ausgewählt hast, klicke und ziehe bei gedrückter Wahl- (macOS) oder Alt-Taste (Windows) über den Bereich, um ihn aus der Auswahl auszuschließen.
Was du nicht auswählst, wird durch die Maske, die du gleich erstellen wirst, ausgeblendet.
Klicke bei ausgewählter Ebene „landscape“ im Bedienfeld „Ebenen“ (Layers) auf das Symbol für eine neue Ebenenmaske, um für die Ebene „landscape“ eine Ebenenmaske zu erstellen.
Auf der Maske erscheint der Auswahlbereich in Weiß, die Bereiche außerhalb der Auswahl sind schwarz.
Der schwarze Bereich der Maske blendet den oberen Teil des Bildes auf der Ebene „landscape“ aus, sodass die Wolken auf der darunterliegenden Ebene „sky“ sichtbar werden.
Der weiße Teil der Maske sorgt dafür, dass der untere Teil des Landschaftsfotos sichtbar bleibt.
Vielleicht hilft dir folgende Eselsbrücke, dir das Prinzip zu merken.
Auf Ebenenmasken gilt: Schwarz macht unsichtbar, Weiß macht sichtbar.
Um die Ebene „sky“ neu zu positionieren, wähle sie im Bedienfeld „Ebenen“ (Layers) aus.
Wähle das Verschieben-Werkzeug aus, klicke auf den Himmel, und ziehe ihn bis zum gewünschten Ausschnitt, der durch den schwarzen Teil der Ebenenmaske sichtbar gemacht wird.
Du kannst eine Ebenenmaske auch erst anlegen und dann direkt auf ihr malen.
Das probieren wir mit der Ebene „sun“ (Sonne).
Klicke im Bedienfeld „Ebenen“ (Layers) auf das Augensymbol neben der Ebene „sun“, um sie wieder sichtbar zu machen.
Wähle die Ebene „sun“ aus, und klicke auf das Symbol zum Erstellen einer Ebenenmaske unten im Bedienfeld „Ebenen“ (Layers).
Es wird eine Ebenenmaske zur Ebene „sun“ hinzugefügt.
Wie du siehst, ist die Miniatur der Ebenenmaske komplett weiß, das heißt, sie verbirgt nichts von dem Bild.
Der Grund ist, dass die Ebenenmaske angelegt wurde, ohne dass eine Auswahl aktiv war.
Jetzt malst du auf dieser Ebenenmaske mit dem Pinsel-Werkzeug aus der Werkzeugleiste.
Standardmäßig ist eine relativ kleine Pinselgröße eingestellt.
Vergrößere sie, indem du die Auswahl für die Pinselvorgaben hier auf der Optionsleiste öffnest und den Regler „Größe“ (Size) nach rechts ziehst.
Schließe die Auswahl der Pinselvorgaben durch Drücken der Eingabetaste wieder.
Achte auf das Farbfeld für die Vordergrundfarbe unten auf der Werkzeugleiste, und stelle sicher, dass es auf Schwarz eingestellt ist.
Falls dem nicht so ist, klicke auf das Symbol für die Standardfarben für Vorder- und Hintergrund und dann auf den doppelten Pfeil, um die Farben zu vertauschen.
Wenn du auf einer Ebenenmaske arbeitest, stehen dir nur Schwarz, Weiß und Grautöne zur Verfügung.
Übermale nun einen Bereich der Sonne.
Du malst mit Schwarz auf der Ebenenmaske, daher wird dieser Teil der Sonne ausgeblendet.
Da du mit einem sehr weichen Pinsel malst, verblasst die schwarze Farbe an den Kanten.
Durch die Grautöne auf der Maske wird die Sonne nur teilweise ausgeblendet.
Wenn du deine Meinung änderst und die Sonne wieder komplett darstellen möchtest, wechsle zu Weiß.
Klicke dazu erneut auf den doppelten Pfeil über den Farbfeldern.
Male dann mit Weiß über denselben Bereich der Maske, um die Sonne wieder komplett sichtbar zu machen.
Um eine Ebene teilweise durch eine Ebenenmaske auszublenden, kannst du alternativ einen Schwarz-Weiß-Verlauf zur Maske hinzufügen.
Diese Methode eignet sich gut, um ein Bild in ein anderes übergehen zu lassen.
Fügen wir also einen Verlauf zur Maske der Ebene „sun“ hinzu, sodass die Sonne nach unten verblasst.
Achte darauf, dass die Miniatur der Maske für die Ebene „sun“ ausgewählt ist.
Um die Sonne sanft verblassen zu lassen, male einen Verlauf auf die Maske – also einen Übergang von Weiß zu Schwarz.
Wähle das Verlaufswerkzeug auf der Werkzeugleiste aus.
Auf der Optionsleiste muss ein Schwarz-Weiß-Verlauf angezeigt sein.
Ziehe mit gedrückter Umschalttaste eine Linie von ungefähr hier bis zur Mitte der Sonne.
Lasse die Maustaste und dann die Umschalttaste los.
Falls dir der Verlauf nicht gefällt, starte einen neuen Versuch von einem anderen Ausgangspunkt.
Oder wähle eine andere Richtung für den Verlauf, bis du mit dem Ergebnis zufrieden bist.
Die Maske im Bedienfeld „Ebenen“ (Layers) weist nun einen Schwarz-Weiß-Verlauf auf.
Ich klicke mit gedrückter Wahl- (macOS) bzw.
Alt-Taste (Windows) auf die Miniatur der Ebenenmaske.
Jetzt wird deutlich, wie die Maske von Weiß – für sichtbare Bereiche – über Grauwerte – für teilweise sichtbare Bereiche – zu Schwarz übergeht – für ausgeblendete Bereiche.
Mit Wahl+Klick bzw.
Alt+Klick auf die Miniatur der Maske kehre ich zur normalen Ansicht zurück.
Wenn du eine Komposition wie diese hier erstellst, lassen sich Teile von Bildern ganz einfach mithilfe von Ebenenmasken ausblenden, ohne dass sie im ursprünglichen Bild gelöscht werden.
Damit bleibst du immer flexibel und kannst deine Bearbeitungen später noch ändern.
Text und Effekte hinzufügen.
Füge zu deinem Design Text hinzu. Gestalte ihn mit kreativen Ebeneneffekten. Erfahre, wie du mit Textebenen arbeitest und über Adobe Fonts auf eine riesige Schriftensammlung zugreifst.
In diesem Video geht es darum, wie du Text zu deinem Design hinzufügen und die Formatierung mittels Typekit-Schriften und anderen Schrifteigenschaften ändern kannst.
Du lernst auch, wie du Ebeneneffekte auf die Inhalte deines Designs anwendest.
Als Erstes fügen wir Text hinzu.
Achte darauf, dass die Ebene „sun“ (Sonne) im Bedienfeld „Ebenen“ (Layers) ausgewählt ist, und wähle das Horizontaler-Text-Werkzeug (Horizontal Type Tool) aus.
Klicke auf der Optionsleiste auf das Menü für die Schriftgröße, und wähle 72 Punkt aus.
Klicke in das Design, und gib „THE“ in Großbuchstaben ein.
Klicke auf der Optionsleiste auf das Häkchen, um die Eingabe zu bestätigen.
Im Bedienfeld „Ebenen“ (Layers) wurde eine neue Ebene angelegt und automatisch mit „THE“ benannt.
Textebenen verhalten sich wie andere Ebenen.
Sie sind aber vektorbasiert, das heißt, sie lassen sich ohne Qualitätsverlust skalieren und bearbeiten.
Ändere nun das Erscheinungsbild des Textes.
Die Textebene und das Horizontaler-Text-Werkzeug sind noch ausgewählt.
Navigiere zur Optionsleiste, um einige Änderungen vorzunehmen.
Klicke auf das Farbfeld, um den Farbwähler zu öffnen.
Wähle die Farbe Weiß aus, und klicke auf „OK“.
Klicke auf den Pfeil rechts neben dem Feld für die Schriftfamilie.
Scrolle durch die Schriften im Menü, um eine Vorschau für den ausgewählten Text zu erhalten.
Du kannst eine Schrift von deinem Computer wählen oder, wenn du Creative Cloud-Abonnent bist, auf die Typekit-Schriftenbibliothek zugreifen.
Um eine Schrift aus der Typekit-Bibliothek zu wählen, klicke auf die Schaltfläche „Schriften aus Typekit hinzufügen“ (Add Fonts From Typekit).
Die Typekit-Website wird in deinem Standard-Browser geöffnet.
Du müsstest bereits mit deiner Adobe ID angemeldet sein.
Achte darauf, dass die Schaltfläche „Synchronisierung“ (Sync) aktiviert ist.
Die Schrift wird dann mit deinem Computer synchronisiert.
Gib im Suchfeld „fact“ ein.
Für dieses Projekt benötigst du die Schrift „Factoria“.
Klicke auf den Namen „Factoria“.
Klicke auf „Schriftarten verwenden“ (Use fonts).
Um eine vollständige Liste der Schriftschnitte zu erhalten, klicke auf „Alle Schriftarten anzeigen“ (Show all fonts).
Aktiviere die Option „Light“, um diesen Schriftschnitt zu den standardmäßig ausgewählten Schnitten hinzuzufügen.
Klicke auf „Ausgewählte Schriftarten synchronisieren“ (Sync selected fonts).
Klicke anschließend auf „Creative Cloud-Anwendung starten“ (Launch the Creative Cloud application).
Dort kannst du überprüfen, ob die ausgewählte Schrift mit deinem Computer synchronisiert wurde.
Wechsle nun wieder zu Photoshop, und stelle sicher, dass die Textebene und das Horizontaler-Text-Werkzeug noch immer ausgewählt sind.
Wähle die Schrift „Factoria“ aus, indem du hier die ersten Buchstaben des Namens eingibst.
Wenn du „Factoria Light“ in der Liste siehst, klicke darauf, um diese Schrift anzuwenden.
Falls du keinen Zugriff auf Typekit hast, kannst du auch eine andere Schrift auswählen.
Ändere die Schriftgröße in 32 Punkt, und drücke die Eingabetaste.
Um den Text an die gewünschte Stelle im Design zu verschieben, wähle das Verschieben-Werkzeug aus, klicke auf den Text, und ziehe ihn.
Magentafarbene Hilfslinien helfen dir, den Text mittig auszurichten.
Gib weiteren Text ein.
Wähle auf der Werkzeugleiste wieder das Horizontaler-Text-Werkzeug aus.
Klicke auf eine beliebige Stelle im Design außerhalb des Wortes „THE“, um weiteren Text einzugeben.
Gib „GREAT AMERICAN WEST“ ein.
Klicke auf der Optionsleiste auf das Häkchen, um die Eingabe zu bestätigen.
Ändere die Schrift in „Factoria Bold“.
Fange an, den Namen hier oben einzugeben, und wähle diese Schrift oder eine beliebige andere aus.
Ändere die Schriftgröße in 62 Punkt, und drücke die Eingabetaste.
Stelle sicher, dass immer noch die Farbe Weiß ausgewählt ist.
Wähle das Verschieben-Werkzeug aus, und ziehe den Text mithilfe der Hilfslinien in die Mitte des Designs.
Um den Text interessanter zu gestalten, füge nun noch ein paar Ebenenstile hinzu.
Ebenenstile sind eine gute Methode, um Effekte wie Schlagschatten, Konturen, abgeflachte Kanten und andere Merkmale zu Ebeneninhalten hinzuzufügen, die von transparenten Inhalten umgeben sind.
Prüfe, ob die Textebene „GREAT AMERICAN WEST“ noch ausgewählt ist.
Klicke im Bedienfeld „Ebenen“ (Layers) auf das Symbol zum Hinzufügen eines neuen Ebenenstils, und wähle „Schlagschatten“ (Drop Shadow).
Im Dialogfeld „Ebenenstil“ (Layer Style) kannst du den Schatten nach Bedarf anpassen und Eigenschaften wie Transparenz oder Abstand bearbeiten.
Richte die Einstellungen, die du hier siehst, für dein Design ein.
Auf der linken Seite im Dialogfeld „Ebenenstil“ (Layer Style) siehst du weitere verfügbare Effekte.
Aktiviere die Option „Kontur“ (Stroke), um sie auf den Text anzuwenden.
Klicke auf das Wort „Kontur“ (Stroke), um die Einstellungen anzupassen.
Passe wieder einige der Optionen an die hier gezeigten Werte an, und klicke auf „OK“.
Die Effekte werden sowohl auf den Text angewendet als auch im Bedienfeld „Ebenen“ (Layers) aufgelistet.
Du kannst sie später jederzeit ändern.
Mit einem Doppelklick auf einen Effekt kannst du das Dialogfeld „Ebenenstil“ erneut öffnen.
Photoshop bietet eine umfangreiche Auswahl an Effektoptionen, sodass du dein Design exakt nach deinen Wünschen gestalten kannst.
Dazu gehören Filtereffekte wie Weichzeichnung, 3D-Elemente oder Verzerrungen.
Damit kannst du deine Designs immer weiter verbessern, je vertrauter du mit Photoshop wirst.
Vektorgrafiken hinzufügen.
Photoshop ist nicht nur zum Bearbeiten von Fotos konzipiert. Erweitere dein Design z. B. durch benutzerdefinierte Formen. Platziere ein Logo, das mit Adobe Illustrator erstellt wurde. Vektorgrafiken wie dieses Logo lassen sich beliebig skalieren und verfeinern.
In diesem Video erfährst du, was Vektorgrafiken sind, wie du mit Photoshop eine benutzerdefinierte Form erstellst und ein mit Illustrator erstelltes, vektorbasiertes Logo zu deinem Design hinzufügst.
Vektorgrafiken bestehen aus Linien und Kurven.
Sie lassen sich flexibel verschieben oder skalieren, ohne dass Details oder Klarheit darunter leiden.
Aus diesem Grund sind Vektorgrafiken ideal für Logos oder Zeichnungen geeignet.
Beginnen wir mit der Erstellung einer Vektorform in Photoshop.
Klicke auf der Werkzeugleiste länger auf das Rechteck-Werkzeug.
Wähle im Menü das Eigene-Form-Werkzeug (Custom Shape Tool) aus.
Klicke auf der Optionsleiste auf den Pfeil neben „Form“ (Shape), um die Auswahl an Formen zu öffnen.
Hier siehst du die Standardformen.
Da nichts Passendes dabei ist, klicke auf das Zahnrad rechts neben der Auswahl, und wähle die Kategorie „Formen“ (Shapes).
Klicke dann auf „OK“.
Wähle den fünfzackigen Stern aus, und klicke auf die Optionsleiste, um die Auswahl wieder zu schließen.
Um die Form zu deinem Design hinzuzufügen, klicke in das Bild, und ziehe mit gedrückter Umschalttaste, um eine Form mit gleich langen Kanten zu erstellen.
Lasse die Maustaste und danach die Umschalttaste los.
Im Bedienfeld „Ebenen“ (Layers) wurde eine Formebene angelegt.
Um die Farbe des Sterns zu ändern, doppelklicke auf die Miniatur auf der Formebene, und wähle eine Farbe über den Farbwähler aus.
Während du verschiedene Farben anklickst, ändert die Form ihre Farbe.
Wähle Weiß, und klicke auf „OK“, um den Farbwähler zu schließen.
Da es sich bei der Form um eine Vektorgrafik handelt, lässt sie sich ohne Qualitätsverlust bearbeiten.
Klicke auf der Werkzeugleiste länger auf das Pfadauswahl-Werkzeug (Path Selection Tool).
Wähle das Direktauswahl-Werkzeug (Direct Selection Tool) aus.
Klicke in den Stern, und ziehe an einem der Punkte, um die Form zu verändern.
Klicke außerhalb des Sterns, wenn du fertig bist.
Um die Größe der Form zu ändern, wähle im Menü „Bearbeiten“ (Edit) den Befehl „Frei transformieren“ (Free Transform).
Ziehe eine Ecke mit gedrückter Umschalttaste nach innen, um den Stern zu verkleinern.
Klicke dann auf der Optionsleiste auf das Häkchen, um die Änderung zu bestätigen.
Wähle das Verschieben-Werkzeug aus, und ziehe den Stern links neben den Text.
Magentafarbene Hilfslinien helfen dir dabei, den Stern am Text auszurichten.
Dupliziere den Stern.
Mache im Bedienfeld „Ebenen“ (Layers) einen Rechts- bzw.
Ctrl-Klick auf die Formebene, und wähle „Ebene duplizieren“ (Duplicate Layer).
Klicke auf „OK“.
Ziehe dann die Kopie des Sterns nach rechts neben den Text.
Nun fügst du eine Vektorgrafik hinzu – ein Logo, das mit einem anderen Programm erstellt wurde, nämlich Adobe Illustrator.
Wähle „Datei“ > „Platzieren und verknüpfen“ (File > Place Linked).
Wähle das mit Illustrator erstellte Logo mit dem Suffix „.ai“ aus, und klicke auf „Platzieren“ (Place).
Lasse die Standardeinstellungen im nächsten Dialogfeld unverändert, und klicke auf „OK“.
Nachdem du das Logo in dein Design importiert hast, kannst du es nach Wunsch transformieren.
Ziehe mit gedrückter Umschalttaste am Begrenzungsrahmen des Logos, um es zu verkleinern.
Wenn das Logo die gewünschte Größe hat, lasse die Maustaste und danach die Umschalttaste los.
Um die Platzierung des Logos zu bestätigen, klicke entweder auf der Optionsleiste auf das Häkchen, oder drücke die Eingabetaste.
Ziehe das Logo in die Mitte des Designs.
Das neue Logo wurde auf einer eigenen Ebene platziert, direkt über der zuletzt ausgewählten Ebene.
Es handelt sich hier um eine Smart-Objekt-Ebene, d. h., wenn du das Objekt skalierst, drehst oder sonstige Transformationen auf das Logo auf dieser Ebene anwendest, hat das keine Auswirkungen auf die Qualität.
Ein Doppelklick auf die Miniatur dieser Ebene würde das Logo in Illustrator öffnen, wo du es bearbeiten kannst.
Alle Änderungen in Illustrator würden auf diese verknüpfte Kopie des Logos übertragen werden, hier im Photoshop-Design.
Um Ebeneninhalte leichter organisieren und bequemer mit mehreren Ebenen arbeiten zu können, lassen sich Inhalte im Bedienfeld „Ebenen“ (Layers) gruppieren.
Fasse den Text, die Sterne und die Sonne in einer Gruppe zusammen.
Klicke dazu auf die Textebene „GREAT AMERICAN WEST“, um sie auszuwählen.
Halte die Befehls- (macOS) bzw.
Strg-Taste (Windows) gedrückt, und klicke nacheinander auf die Textebene „THE“, die beiden Ebenen mit den Sternen und die Ebene „sun“, um sie alle auszuwählen.
Klicke dann im Bedienfeld „Ebenen“ (Layers) auf das Symbol für eine neue Gruppe, um eine Gruppe anzulegen und diese Ebenen automatisch in diese Gruppe aufzunehmen.
Klicke auf den Pfeil links neben dem Gruppennamen, um die fünf Ebenen einzublenden.
Während die Ebenengruppe im Bedienfeld „Ebenen“ (Layers) ausgewählt und das Verschieben-Werkzeug auf der Werkzeugleiste aktiviert ist, ziehe die gruppierten Grafiken an die gewünschte Stelle im Design.
Wie schon erwähnt, zeichnen sich Vektorgrafiken dadurch aus, dass sie uneingeschränkt verschoben oder skaliert werden können, ohne an Detailgrad oder Klarheit zu verlieren.
Vektorinhalte lassen sich auf viele Arten mit Photoshop erstellen, und du kannst Vektorgrafiken aus anderen Programmen wie Adobe Illustrator importieren.
Design exportieren und speichern.
Speichere das Ergebnis im PSD-Format, um alle Ebenen und Effekte beizubehalten, falls du das Design später nachbearbeiten möchtest. Speichere eine Kopie als PDF-Datei, um sie an andere weiterzugeben. Mit den Exportfunktionen von Photoshop kannst du das Design komplett oder teilweise in Web-kompatible Formate exportieren.
Es gibt viele Möglichkeiten zur Weitergabe eines Photoshop-Designs für Print-, Bildschirm- und Online-Projekte.
In diesem Video lernst du, wie du ein Design speicherst und exportierst – in gängigen Formaten für unterschiedliche Einsatzzwecke.
Zunächst speicherst du eine Master-Kopie deines Designs im nativen Photoshop-Format, also als PSD-Datei.
Wenn du eine Komposition mit Ebenen erstellst, ist es wichtig, eine vollständige Version des Designs zu bewahren, damit du später jederzeit darauf zugreifen und Ebenen, Anpassungen und Effekte in Photoshop bearbeiten kannst.
Wähle „Datei“ > „Speichern unter“ (File > Save As).
Ändere im Dialogfeld „Speichern unter“ (Save As) den Namen in „Design-complete“.
Wähle als Dateiformat bzw.
Dateityp „Photoshop“, und lasse „Ebenen“ (Layers) aktiviert, um die Ebenen zu erhalten.
Klicke dann auf „Speichern“ (Save), um die Datei auf deiner Festplatte zu speichern.
„Kompatibilität maximieren“ (Maximize Compatibility) sollte aktiviert bleiben, sodass auch Programme wie Lightroom, die keine Ebenen erkennen, diese Datei öffnen können.
Du hast nun eine vollständige Master-Version der Datei, die du in Zukunft bearbeiten kannst.
Auf Basis dieser Master-Datei kannst du Kopien deines Designs in anderen Formaten oder in anderen Größen für bestimmte Projekte ausgeben.
Wenn du deine Datei zur Prüfung oder zum Drucken weiterleiten möchtest, und der Empfänger verfügt nicht über Photoshop, speichere eine Kopie deines Designs im PDF-Format.
Wähle dazu „Datei“ > „Speichern unter“ (File > Save As).
Lasse „Ebenen“ (Layers) aktiviert.
Wähle „Photoshop PDF“, und klicke auf „Speichern“ (Save).
Klicke im angezeigten Hinweis auf „OK“.
Im Dialogfeld „Adobe PDF speichern“ (Save Adobe PDF) lässt du die eingestellten Standardwerte unverändert, es sei denn, du sendest die Datei an einen Druckdienstleister, der andere Einstellungen vorgibt.
Klicke auf „PDF speichern“ (Save PDF).
Klicke dann auf „Ja“ (Yes).
Die PDF-Kopie der Datei lässt sich in einem PDF-Anzeigeprogramm öffnen, z.
B. im kostenlosen Tool Adobe Acrobat Reader.
Falls die Datei in Photoshop geöffnet wird, sind die Ebenen verfügbar.
Sprechen wir nun darüber, wie du dein Design für das Web ausgeben kannst.
Mithilfe der Exportfunktionen von Photoshop kannst du die ganze Datei oder einzelne Ebenen ausgeben, und zwar in Formaten, die für das Web am besten geeignet sind.
Um das komplette Design zu exportieren, wähle im Menü „Datei“ (File) „Exportieren“ > „Exportieren als“ (Export > Export As).
In der Mitte wird dir eine Vorschau des Designs angezeigt, und du kannst hier ein Bildformat wählen.
Zur Auswahl stehen JPEG für fotobasierte Designs, GIF oder PNG für grafiklastige Designs oder auch SVG für skalierbare Vektorgrafiken.
Durch den Export in diese Formate wird das Design auf eine Ebene reduziert, d. h., du kannst nicht mehr auf die einzelnen Photoshop-Ebenen des Bildes zugreifen.
Da dieses Design überwiegend Fotos enthält, exportiere es im JPEG-Format.
Über die Optionen auf der rechten Seite lassen sich Qualität und Größe reduzieren, um bei Bedarf eine kleinere Datei zu erhalten.
Darüber hinaus stehen Optionen für einen Copyright-Hinweis und Kontaktinformationen zur Verfügung, sowie zum Konvertieren des exportierten Bildes in den SRGB-Farbraum, der bei Web-Projekten gängig ist.
Klicke auf „Alle exportieren“ (Export All), um eine Kopie des kompletten Designs als reduzierte JPEG-Datei zu speichern.
Auch einzelne Elemente oder Ebenen, wie das Logo, lassen sich exportieren.
Wähle dazu im Bedienfeld „Ebenen“ (Layers) die entsprechende Ebene aus, und wähle im Kontextmenü „Exportieren als“ (Export As).
Das Dialogfeld „Exportieren als“ (Export As) wird wieder geöffnet.
Wähle diesmal „SVG“ als Format.
Klicke auf „Alle exportieren“ (Export All) – jetzt wird nur das Logo auf der Festplatte gespeichert.
Wenn du die Datei schließen möchtest, wähle „Datei“ > „Schließen“ (File > Close).
Je routinierter du im Umgang mit Photoshop wirst, desto mehr ausgefeilte Design-Funktionen und -Techniken wirst du nutzen können, um deine Ideen in die Tat umzusetzen.
Du wirst Zeichenflächen für mobile und Webdesigns kennenlernen, Creative Cloud-Bibliotheken, Adobe Stock, Ebenenkompositionen oder den speziellen Arbeitsbereich für Designer.
Informationen zu diesen und vielen anderen Design-Funktionen von Photoshop findest du in den zahlreichen Tutorials zu Photoshop auf der Adobe-Website.
