Wie man einen druckfertigen Flyer mit Photoshop und Illustrator erstellen

German (Deutsch) translation by Alex Grigorovich (you can also view the original English article)

In diesem Tutorial erstellen wir 3D-Text und integrieren ihn in eine natürliche Umgebung. Wir werden keine 3D-Programme verwenden. Sie benötigen also nur Adobe Illustrator und Photoshop, um diesen Effekt zu erzielen.

Schluss Bildvorschau

Schauen Sie sich das Bild an, das wir erstellen werden.

Tutorial Details

Programme: Adobe Illustrator, Adobe Photoshop
Schwierigkeit: Mittelstufe

Schritt 1

Wir werden Adobe Illustrator öffnen (mit CMYK als Farbeinstellungen), um mit der Erstellung unseres 3D-Textes zu beginnen.

Geben Sie das Wort "Escape" ein (ich verwende die Schriftart Impact) und ändern Sie die Farbe in Blau (#1A98BB). Diese Farbe ist einfacher zu verarbeiten und entspricht in etwa der Farbe, die wir für unser Endergebnis verwenden werden.

Schritt 2

Normalerweise verwenden wir das Extrude & Bevel-Tool, um eine 3D-Version unseres Textes zu erstellen. Da Illustrator jedoch nicht wirklich mit dem umgehen kann, was wir tun möchten, werden wir es selbst erstellen. (Unten sehen Sie, was wir erhalten würden, wenn wir das Werkzeug Abschrägen und Extrudieren verwenden würden)

Klicken Sie auf Ihren Text und gehen Sie zu Typ > Konturen erstellen. Kopieren Sie nun den Text mit Befehl + C und fügen Sie ihn mit Befehl + F ein. Verdunkeln Sie den Text mit dem schwarzen Schieberegler in Ihrem Farbfenster.

Jetzt werden wir den Text verkleinern und zur gleichen Zeit an derselben Stelle belassen. Dazu klicken wir auf unseren dunklen Text, halten Alt und Umschalt gedrückt und bringen dann eine der Ecken des Felds hinein.

Schritt 3

Markieren Sie alle Buchstaben und öffnen Sie Ihren Pathfinder (Umschalt + F9). Klicken Sie im Dropdown-Menü Fenster (falls noch nicht geöffnet) auf das Symbol Zum Formbereich hinzufügen. Klicken Sie auf Erweitern. Dadurch werden die beiden "Escape" - Wörter in eine Form gebracht.

Schritt 4

Klicken Sie auf das Stiftwerkzeug (P) und klicken Sie auf den Eckanker, um ihn zu löschen, wenn sich Ecken und jetzt L-förmige Bereiche befanden.

Schritt 5

Nachdem Sie alle "L" -Bereiche entfernt haben, die Sie mit Befehl + F ausführen können, sollte dies Ihren ursprünglichen Text zurückbringen. Sobald Sie dies tun, werden Sie möglicherweise feststellen, dass einige der abgerundeten Kanten nicht richtig aussehen. Um diese abgerundeten Kanten zu korrigieren, können Sie den soeben eingefügten Originaltext löschen, auf das Stiftwerkzeug (P) klicken und die Punkte auf der Kurve löschen, bis Sie einen Winkel erhalten, der richtig aussieht.

Schritt 6

Jetzt können wir unseren Text in Photoshop einfügen. Erstellen Sie ein neues Dokument (Befehl + N). Wir werden dies als Cover-Design behandeln, also werden wir unsere Einstellungen auf 8 Zoll breit und 10 Zoll hoch und die Farbeinstellung von CMYK ändern. Wir werden unsere Auflösung auf 300 dpi ändern, damit die Druckqualität erreicht wird. Sobald wir unser Dokument geöffnet haben, möchten wir die Hilfslinien mit einem halben Zoll Abstand von jeder Kante anklicken und ziehen (mit unserem Lineal - Befehl + R). Dies wird als unsere Blutung funktionieren.

Schritt 7

Gehen Sie zu stock.xchng, um das Bild zu erhalten, das wir für unseren Hintergrund verwenden werden. Öffnen Sie das Bild in Photoshop. Wir werden es ein wenig an unsere Zwecke anpassen.

Schritt 8

Gehen Sie zu Bild > Anpassung > Farbe ersetzen. Klicken Sie auf den Teil der Rasenfläche, der am gelbesten ist, und passen Sie ihn mit dem Farbton so an, dass er grüner aussieht. Sie können die Sättigung auch verringern, um ein realistischeres Erscheinungsbild zu erzielen.

Schritt 9

Ziehen Sie unser Foto in das von uns erstellte Photoshop-Dokument und ändern Sie die Größe des Fotos so, dass es mit dem Transformationswerkzeug (Befehlstaste + T) in den Bereich passt.

Schritt 10

Für den Hintergrund streben wir einen entsättigten Look an, also öffnen wir unseren Farbton/Sättigung mit Befehl + U und senken die Sättigung auf -20.

Schritt 11

Jetzt können wir unseren Text einbringen. Wir werden zuerst das Gesicht des Textes und dann den 3D-Teil einbringen, damit wir mit jedem einzeln arbeiten können. Kopieren Sie diese und fügen Sie sie jeweils in unser Photoshop-Dokument ein (Befehl + C, Befehl + V). Wenn Sie die Größe des Texts nicht ändern oder das Dokument nicht vergrößern oder verkleinern, sollten beide Textebenen perfekt ausgerichtet sein.

Schritt 12

Nachdem Sie den Text und das Hintergrundbild an der gewünschten Stelle platziert haben, können wir mit dem Hinzufügen des Grases beginnen.

Beginnen wir mit der Erstellung eines neuen Ordners (klicken Sie auf das Ordnersymbol unten in der Ebenenpalette). Wir nennen ihn "Gras" und erstellen dann eine neue Ebene innerhalb des Ordners.

Klicken und ziehen Sie mit dem quadratischen Auswahlrechteck (M) ein Feld um die untere Hälfte des Dokuments unter dem Foto (stellen Sie sicher, dass zwischen dem Foto und dem Feld keine weiße Lücke vorhanden ist), damit das Foto nicht ausgewählt wird. Klicken Sie nun auf die Vordergrundfarbe und auf das Gras auf dem Foto, bis Sie ein dunkles Grün finden. Füllen Sie das von uns erstellte Festzelt mit dieser Farbe.

Schritt 13

Klicken Sie auf das Pinselwerkzeug (B) und ändern Sie den Pinsel in den generischen Einblatt-Graspinsel, der mit Photoshop geliefert wird. Klicken Sie nun auf die Vordergrundfarbe und dann auf das Gras auf dem Hintergrundfoto. Machen Sie dasselbe mit der Hintergrundfarbe. Dies sollte Ihnen zwei verschiedene, aber ähnliche Grüns geben.

Öffnen Sie mit F5 die Pinseleinstellungen und stellen Sie den Farbton-Jitter auf der Registerkarte Farbdynamik auf 20% ein.

Schritt 14

Erstellen Sie eine neue Ebene (Befehlstaste + Umschalttaste + N) im Grasordner und malen Sie dort, wo das Hintergrundfoto endet, mit einem 125-px-Pinsel. Wenn Sie sich zum unteren Rand des Dokuments bewegen, vergrößern Sie den Pinsel (]), sodass Sie am Ende einen Pinsel mit etwa 200px erhalten, wenn Sie den unteren Rand des Dokuments erreichen. Dies sollte schnell gehen, damit Löcher für die zukünftigen Schichten zurückbleiben.

Wir werden diese Farbe etwas dunkler machen, da dies unter einer anderen Schicht sein wird. Gehen Sie also zu den Kurven (Befehl + M) und stellen Sie den Eingang auf 47 und den Ausgang auf 55 ein.

Schritt 15

Wir werden Schritt 14 wiederholen, außer diesmal werden wir die meisten der restlichen Löcher füllen, die wir beim ersten Mal verpasst haben. Wir müssen die Kurven auf dieser Grasschicht nicht anpassen.

Schritt 16

Erstellen Sie eine neue Ebene (Befehl + Umschalt + N) im Grasordner. Um dem Gras einige Glanzlichter zu verleihen, verwenden wir unseren Graspinsel (B) mit der gleichen Farbe und Farbe in nur wenigen Bereichen. Gehen Sie erneut in die Kurven (Befehl + M) und stellen Sie den Eingang auf 58 und den Ausgang auf 39 ein.

Schritt 17

Wir werden eine neue Ebene (Befehl + Umschalt + N) über dem Schriftzug erstellen, damit wir etwas Gras malen können, so dass es aussieht, als würde es vor den Buchstaben liegen.

Nachdem Sie das Gras vor den Buchstaben gemalt haben, erstellen Sie eine neue Ebene (Befehl + Umschalt + N) und machen einen leichten Grasdurchgang. Wir werden diese Ebene mit den Kurven (Befehl + M) abdunkeln und die Eingabe auf 42 einstellen und die Ausgabe auf 56.

Schritt 18

Nachdem wir unser Gras fertig haben, werden wir mit der Arbeit an unserem Schriftzug beginnen.

Erstellen Sie einen neuen Ordner mit dem Namen "text face" und einen neuen Ordner mit dem Namen "text shadow".

Legen Sie die Textfläche und den Textschatten in die entsprechenden Ordner.Jetzt gehen wir zu Befehl + Klicken Sie auf die Textflächenebene, um einen Auswahlrahmen zu erstellen, erstellen Sie mit Befehl + Umschalt + N eine neue Ebene im Ordner "Textfläche" und füllen Sie sie (Befehl + Löschen) mit #EDE6DA.

Schritt 19

Gehen Sie in den Ordner "Textschatten" und erstellen Sie eine neue Ebene (Befehl + Umschalt + N).

Da unser Sonnenlicht von rechts kommt, wie Sie an den Bäumen auf dem Foto sehen können, müssen wir den hellsten Teil unseres Textes auf der rechten Seite jedes Buchstabens machen. Um unsere Glanzlichter zu erstellen, verwenden wir das Polygonale Lasso-Werkzeug (L), um die Bereiche auszuwählen, die hervorgehoben werden sollen, die Bereiche, die von der Sonne getroffen werden würden.

Schritt 20

Malen Sie mit einem weißen abgerundeten 90px-Pinsel (B) mit 0% Härte bei 20% Deckkraft Striche auf die ausgewählten Bereiche. Ändern Sie den Mischmodus in Überlagern.

Um den überschüssigen Bereich zu entfernen, drücken Sie Befehlstaste + Klicken Sie auf die Textschattenebene, Befehlstaste + Umschalttaste + I, um die umgekehrte Auswahl zu erhalten, und löschen Sie sie dann.

Schritt 21

Jetzt machen wir unsere Schatten genauso wie die Lichter in Schritt 19. Wenn Sie Ihre Schatten ausgewählt haben, wiederholen Sie Schritt 20, außer dass wir diesmal einen schwarzen Pinsel für unsere dunkelsten Bereiche verwenden.

Schritt 22

Um einige dunklere Schatten hinzuzufügen und unseren Buchstaben mehr Kontrast zu verleihen, wiederholen wir Schritt 21, aber anstatt den Mischmodus auf Überlagern zu ändern, ändern wir ihn auf Multiplizieren. Es ist auch einfacher, wenn wir den Pinsel auf etwa 5% Deckkraft ändern. Auf diese Weise können Sie den Schatten langsam abdunkeln und er wird auch glatter.

Schritt 23

Der Text kann viel mehr bearbeitet werden und es können viel mehr Schatten- / Glanzlichtdetails hinzugefügt werden. Da dies jedoch ein Tutorial ist, werden wir ihn unverändert lassen und mit der Arbeit an dem Schatten beginnen, den der Text auf das Gras wirft.

Erstellen Sie eine neue Ebene (Befehl + Umschalt + N) und legen Sie sie über dem Ordner "grass" ab. Verwenden Sie einen 200px schwarzen Pinsel (B) mit 100% Deckkraft und 0% Härtefarbe unter dem Text, um sicherzustellen, dass das Schwarz nicht zu stark unter das Gras vor den Buchstaben fällt. Ändern Sie den Mischmodus auf Multiplizieren.

Schritt 24

Jetzt können wir anfangen, das Gesicht des Textes anzugehen. Wir werden damit beginnen, ihm einen inneren Schatten zu geben. Klicken Sie auf das erste Symbol unten in der Ebenenpalette und dann auf Inner Shadow.

Gehen Sie nun zu Abschrägen und Prägen auf dem ersten Symbol am unteren Rand der Ebenenpalette und passen Sie Ihre Einstellungen an, ähnlich wie bei mir. Diese beiden Einstellungen geben der Textfläche eine Kante.

Schritt 25

Wir gehen zu Befehl + Klicken Sie auf die Textflächenebene und erstellen Sie eine neue mit Befehl + Umschalt + N. Klicken Sie mit dem Verlaufswerkzeug (G) mit einer Deckkraft von schwarz bis 0% auf die linke Seite des Texts und ziehen Sie ihn auf der rechten Seite. Dies sollte dem Text einen Farbverlauf geben, der rechts schwarz ist. Verringern Sie die Deckkraft auf 5%.

Schritt 26

Wenn die Textfläche noch ausgewählt ist, erstellen Sie eine neue Ebene (Befehl + Umschalt + N) im Ordner "Textfläche" und ändern Sie Ihre Vordergrundfarbe in eine gelb-orange Farbe (etwa #FFC600) und erstellen Sie einen Verlauf (G) befindet sich am oberen Rand der Buchstaben. Ändern Sie den Mischmodus in Überlagern.

Schritt 27

Erstellen Sie eine neue Ebene im Ordner "text face", nehmen Sie einen 200px großen schwarzen Pinsel (B) mit 5% Deckkraft und 0% Härte und klicken und ziehen Sie eine Linie direkt über das Gras. Das gibt uns einen subtilen Schatten direkt über dem Gras.

Schritt 28

Jetzt werden wir unserem Textgesicht einen verwitterten Look verleihen.

Erstellen Sie im Ordner "text face" eine neue Ebene und erstellen Sie dann mit dem quadratischen Auswahlwerkzeug (M) ein Feld, das die "Escape" abdeckt. Füllen Sie das Feld mit Schwarz.

Schritt 29

Gehen Sie zu Filter > Rendern > Fasern und passen Sie Ihre Einstellungen an etwas an, das ich habe.

Schritt 30

Deaktivieren Sie den Bereich mit Befehl + D und gehen Sie zu Filter > Weichzeichnen > Bewegungsunschärfe. Befehl + Klicken Sie auf die Textfläche und dann auf Befehl + Umschalt + I, um die umgekehrte Auswahl zu erhalten. Löschen Sie den Mischmodus und ändern Sie ihn in Multiplizieren mit einer Deckkraft von 5%.

Schritt 31

Klicken Sie auf das zweite Symbol unten in der Ebenenpalette, um unserer Faserebene eine Maske hinzuzufügen. Klicken und ziehen Sie mit einem schwarzen Farbverlauf von 0% (G) von unten nach oben, damit die untere Hälfte der Fasern aus dem Text entfernt wird.