Photoshop und Illustrator sind großartige Werkzeuge, mit denen Sie Dinge erstellen können, die nur in Ihrer Vorstellung existieren. In diesem Tutorial erstellen wir Wörter aus ineinandergreifenden Gitarrensaiten. Lass uns anfangen!
Die folgenden Assets wurden während der Erstellung dieses Tutorials verwendet.
Wir werden in Illustrator anfangen. Erstellen Sie ein neues Dokument, indem Sie auf gehen Datei> Neu (Befehl / Strg + N). Ich habe folgende Dokumentgröße verwendet:
Wähle aus Liniensegmentwerkzeug (\), und während Sie gedrückt halten Verschiebung Zeichnen Sie eine horizontale Linie über die Breite des Dokuments, irgendwo im oberen Viertel der Seite. Jetzt eingestellt:
Verwendung der Werkzeug drehen (R) Drehen Sie die horizontale Linie um 11 °.
Verwendung der Werkzeug verschieben durch zu gehen Objekt> Transformieren> Verschieben (Befehl / Strg + Umschalt + M) duplizieren Sie die Zeile mit den folgenden Werten:
Vergiss nicht zu klicken Kopieren anstelle von OK.
Duplikat die neue Linie 4 weitere Male einfach durch Objekt> Transformieren> Erneut transformieren (oder Befehl / Strg + D), Sie haben also insgesamt 6 Zeilen.
Jetzt werden wir die Buchstaben zeichnen.
Verwenden Sie die Scherenwerkzeug (C) um den oberen Pfad an zwei Punkten in einer Entfernung zu schneiden, die ungefähr der Länge des ersten Wortes entspricht. Verwendung der Direktauswahl-Tool (A) packe den Pfad in der Mitte und lösche ihn. (Vergiss nicht zu drücken Löschen zweimal, so dass Sie auch die Endpunkte des unerwünschten Pfads löschen.)
Verwendung der Stiftwerkzeug (P) Klicken Sie auf den rechten Endpunkt des ersten Pfads, um den Pfad fortzusetzen, und beginnen Sie den ersten Buchstaben zu zeichnen. Es ist eine gute Idee, die Pfade in zu sehen Gliederungsansicht (Ansicht> Gliederung, Befehl / Strg + Y) präziser arbeiten zu können.
Die Buchstaben können vorerst aus verschiedenen Pfaden bestehen, vor allem weil einige Pfade dupliziert werden müssen (die beiden Kurven des 'm' sind ähnlich, die Kurven des 'u' usw.), müssen aber eingestellt sind also nett mit dem nächsten Buchstaben verbunden).
Diese Phase des Tutorials wird wahrscheinlich einige Arbeit erfordern, die Pfade anpassen und korrigieren, damit die Kurven makellos aussehen. Dies ist jedoch die Grundlage für unser Artwork. Daher muss es perfekt aussehen.
Fügen Sie alle Buchstaben, die Sie benötigen, zu einer Zeichenfolge hinzu, und passen Sie den linken Endpunkt der zweiten Linie so an, dass er dort beginnt, wo der Endpunkt des letzten Buchstabens endet.
Lassen Sie uns alle Buchstaben auf allen sechs Zeichenketten erstellen. Gleiche Buchstaben können dupliziert werden. Nachdem Sie alle Pfade gezeichnet haben, sollte unser Kunstwerk so aussehen Gliederungsansicht.
Jetzt müssen wir alle Pfade miteinander verbinden, sodass am Ende jeder String nur ein Pfad ist. Stellen Sie sicher, dass sich die Punkte, die verbunden werden müssen, an derselben Position befinden. Wenn dies nicht der Fall ist, passen Sie ihre Positionen mit dem an Direktauswahl-Tool (A).
Wenn Sie sich in der richtigen Position befinden, wählen Sie beide Endpunkte mit der Taste Direktauswahl-Tool (A), und Durchschnittlich Sie (Objekt> Pfad> Mittelwert, Befehl / Strg + Wahltaste + J). Sie können diesen Schritt auslassen, wenn Sie absolut sicher sind, dass die Pfade genau übereinander liegen. Dann Beitreten Sie (Objekt> Pfad> Verknüpfen, Befehl / Strg + J). Gehen Sie das gesamte Dokument durch und verbinden Sie alle benachbarten Pfade, sodass nur noch 6 Pfade zur Verfügung stehen.
Als nächstes erstellen wir die Farbe der Saiten. Gehe zum Farbpalette (Fenster> Farbe), und addiere die Werte.
Eine bräunliche Farbe erzeugen. (Ich verwende CMYK-Werte, da dieses Bildmaterial zum Drucken erstellt wurde.) Ziehen Sie diese Farbe nach Farbfelder, So können wir es beim nächsten Mal problemlos verwenden.
Als nächstes definieren wir die Schieberegler von Gradient (Fenster> Farbverlauf). Ziehen Sie die bräunliche Farbe auf den ersten und den letzten Schieberegler des Farbverlaufs, und ziehen Sie Weiß in die Mitte des Farbverlaufs, um einen neuen Schieberegler zu erstellen. Dieser mittlere Schieberegler sollte bei 50% liegen. Ziehen Sie diesen Farbverlauf auch auf Farbfelder.
Wählen Sie nun alle 6 Pfade aus und setzen Sie den Strich auf den gerade erstellten Verlauf.
Klicke auf Farbverlauf über Strich anwenden in der Verlaufspalette, um ein stringähnliches Aussehen zu erzielen.
Die Richtung jedes Pfades sollte von links nach rechts gehen, andernfalls folgen die Buchstaben nicht der Schreibrichtung.
Falls Ihr Pfad nicht in die richtige Richtung eingestellt ist, klicken Sie mit dem Stiftwerkzeug auf den rechten Endpunkt Ihres Pfads, um die Reihenfolge des Pfads umzukehren.
Es gibt nur noch ein letztes, was wir mit den Zeichenfolgen in Illustrator tun müssen: um die Verriegelung zu kümmern.
Verwendung der Stiftwerkzeug Zeichnen Sie einen neuen Pfad um die zweite Zeichenfolge und lassen Sie den Teil aus, der ausgeblendet werden soll. Dies sollte sehr genau erfolgen. Stellen Sie sicher, dass Sie den Pfad schließen.
Stellen Sie als Nächstes sicher, dass es sich vor dem String-Pfad befindet (Objekt> Anordnen> Nach vorne bringen), aber höchstwahrscheinlich wird es so sein, wie es später erstellt wurde. Wählen Sie beide Pfade aus (den neuen geschlossenen Pfad und den String-Pfad) und machen Sie einen Schnittmaske (Objekt> Schnittmaske> Erstellen, Befehl / Strg + 7). Nun sollte ein Teil des Buchstabens 'k' hinter dem unteren Teil des Buchstabens 'c' verschwunden sein..
Wiederholen Sie diesen Schritt an der vierten Zeichenfolge für den Buchstaben 'f'..
Der untere Teil von 'e' in 'ich' sollte jetzt über dem Aufstieg von 'f' liegen..
Wir sind jetzt mit dem Vektorteil von Strings fertig, er sollte dem Bild unten ähnlich aussehen. Dann speichern Sie die Datei als "Streicher".
Erstellen Sie in Illustrator noch ein neues Dokument (Größe: 350 x 350 mm), ansonsten dieselben Einstellungen wie beim letzten Mal. Mit dem Liniensegment-Werkzeug Shift-Draw eine senkrechte Linie von etwa 240 mm Länge. Stellen Sie das ein Füllfarbe (X) zu keiner und Hubgewicht auf 6,4 pt.
Drücken Sie die Wahltaste und mit Auswahlwerkzeug (V) Umschalt-Ziehen die Linie nach rechts (ca. 35 mm). Wiederholen Sie diesen Schritt mit der zweiten Zeile, machen Sie jedoch den Abstand etwas größer (ca. 45 mm). Wiederholen Sie den Vorgang mit noch größerem Abstand (55 mm). (Sie könnten auch die verwenden Werkzeug verschieben für diese Schritte.)
Wählen Sie alle vier Zeilen aus und verwenden Sie die Werkzeug drehen (R) um 11 ° drehen. Setzen Sie die Strichfarbe auf Weiß. Speichern Sie das Dokument als "Bünde". Es ist Zeit, zu Photoshop überzugehen.
In Photoshop erstellen Sie eine Neues Dokument (Datei> Neu, Befehl / Strg + N) mit folgenden Werten:
Füllen Sie den Hintergrund mit Standard schwarz (C: 91 M: 79 Y: 62 K: 97 oder # 000000).
Öffnen Hölzerne Beschaffenheit Ziehen Sie die Ebenenminiatur in das neue Dokument, um eine neue Ebene zu erstellen. Verwenden Sie die Free Transform Tool (Bearbeiten> Freie Transformation, Befehl / Strg + T) drehen und verschieben, um die Größe der Textur zu verringern, wie in der Infopalette angezeigt. Doppelklicken Sie auf den Namen der Ebene, um sie umzubenennen 'Holz'. Stellen Sie die Deckkraft auf 83%.
Jetzt gehen wir zu Fügen Sie eine Ebenenmaske hinzu Beim Klicken Ebene> Ebenenmaske> Alle anzeigen. Verwenden Sie eine große, weiche Kante Pinsel (B) (ca. 350 px, Härte 0%) auf die Maske zeichnen. Klicken Sie auf den linken Punkt oben auf dem Holzbild und halten Sie ihn dann gedrückt Verschiebung und klicken Sie auf den rechten Punkt, um eine gerade Linie zu zeichnen. Machen Sie dasselbe am unteren Rand des Holzbildes.
Verknüpfen Sie dann die Maske Verwischen (Filter> Unschärfe> Gaußsche Unschärfe) die Maske mit einem Radius von 160 px.
Befehl / Strg klicken auf der Maske zu Auswahl laden, dann Erstellen Sie eine neue Helligkeits- / Kontrastanpassungsebene (Symbol befindet sich in der Fußzeile oder auf der Registerkarte "Ebenen") mit den folgenden Werten.
Befehl / Strg klicken auf der Maske zu Auswahl laden wieder und Erstellen Sie eine neue Farbton- / Sättigungs-Einstellungsebene mit:
Wählen Sie diese 3 Schichten aus ('Holz' Schicht und die 2 Einstellungsebenen) und Gruppe Sie (Befehl / Strg + G). Nennen Sie die Gruppe wood bg.
Wechseln Sie wieder zu Illustrator und Kopieren die vier Zeilen von Bünde, dann Einfügen in die Photoshop-Datei (alternativ in Photoshop bleiben und Platz (Datei > Platz) die Datei "Bünde"). Ich füge normalerweise Vektordaten als ein Intelligente Objekte Um sie für die spätere Verwendung editierbar zu halten, können Sie sie auch als einfügen Pixel jetzt. Stellen Sie sicher, dass Sie die Bünde zu 100% einfügen / platzieren (überprüfen Sie das Infopalette). Positionieren Sie die Linien wie unten gezeigt. Benennen Sie die Ebene "Bünde".
Befehl / Strg klicken auf der Maske der Schicht "Holz" zu Auswahl laden, und Fügen Sie eine Ebenenmaske hinzu (Ebene> Ebenenmaske> Auswahl anzeigen) auf die Schicht 'Bund'. Wir werden nun die folgenden drei Ebenenstile hinzufügen: Abschrägung und Relief, Farbüberlagerung und Schlagschatten mit den unten angegebenen Werten.
Unser Artwork sollte jetzt so aussehen.
Okay, wie wir sehen können, fügen sich die Seiten der Gitarre immer noch nicht gut in den Hintergrund ein.
Verwenden Sie die Ellipse-Werkzeug (U) Eine Ellipse erstellen, die sich über die Breite unseres Dokuments erstreckt.
Verwendung der Free Transform Tool (Befehl / Strg + T) Drehen Sie die Ellipse um 11 ° und bewegen Sie sie etwas nach oben.
Auswahl laden (Befehl / Strg klicken auf der Ellipsenebene) und ausschalten Sichtweite (Klicken Sie auf das Augensymbol links neben der Ebenenminiatur), Sie können diese Ebene jedoch auch löschen. Drücken Sie Umschalttaste + F6 (Auswählen> Ändern> Feder) zu Feder die Auswahl und stellen Sie die Federradius bis 250 Pixel.
Drücken Sie Befehl / Strg + Umschalt + I (Auswählen> Umkehren) zu Auswahl umkehren, drücken Sie D um sicherzustellen, dass die Füllfarbe auf schwarz eingestellt ist, Erstellen Sie eine neue Ebene (Ebene> Neue Ebene),und Füllen Sie die Auswahl durch Schlagen Wahl / Alt + Rücktaste. Legen Sie die Ebene fest Mischmodus zu multiplizieren, die Ebene Opazität bis 30%. Drücken Sie Option + D, um die Auswahl aufzuheben. Name die Schicht 'verdunkeln'.
Duplikat diese Ebene (durch Ziehen auf die Erstellen Sie ein neues Ebenensymbol), stellen Sie das ein Opazität auf 73% und vergrößern sie auf etwa 148% (mit der Free Transform Tool). Benennen Sie diese Ebene "dunkler mehr".
Es ist jetzt an der Zeit zu Platz unsere Saiten, genauso wie wir die Bünde platziert haben (Kopieren, Einfügen oder Platzieren). Wir müssen es auf etwa 120% vergrößern. Benennen Sie die Ebene "Streicher".
Wir werden jetzt Hinzufügen zwei Ebenenstile: Abschrägung und Relief und Schlagschatten, wie gezeigt.
Modifiziere den Schichtreihenfolge, damit "Streicher" geht unten "dunkler mehr".
Als Nächstes erstellen wir einen Lichteffekt, um die Saiten dreidimensionaler zu gestalten. Auswahl laden von "Streicher" (Befehl / Strg klicken auf der Schicht) und Verkleinern Sie die Auswahl (Wählen Sie> Ändern> Vertrag aus.) um 3 px. Drücken Sie Befehl / Strg + Umschalttaste + I zu Auswahl umkehren, und klicken Sie auf die Kurvenanpassungsebene. Set ist wie gezeigt.
Auswahl laden des "Streicher" nochmal (Befehl / Strg klicken auf der Ebene), Auswahl umkehren und füllen Sie die Maske der Einstellungsebene mit Schwarz. Verwischen die Maske mit einem Radius von 1,5 Pixel.
Legen Sie die Ebene fest Mischmodus zu Farbe ausweichen, das Opazität bis 35%. Benennen Sie die Ebene 'Beleuchtung'. Wähle aus "Zeichenfolgenebene" und die Kurvenanpassungsebene, Gruppe und nennen Sie die Gruppe 'Text'.
Fügen Sie innerhalb der Gruppe eine weitere hinzu Kurvenanpassungsebene um das gesamte Kunstwerk noch dunkler zu machen. Legen Sie die Ebene wie gezeigt fest.
Klicke auf das "Streicher" Schicht und fügen Sie ein Helligkeit / Kontrast-Einstellungsebene mit den angezeigten Werten. Aktivieren Sie das Clipping-Symbol (oder Schnittmaske erstellen von dem Ebenenpalette, Befehl / Strg + Wahltaste / Alt + G), um die Anpassung auf die darunter liegende Ebene zu begrenzen ("Streicher" nur).
Unser Artwork sollte jetzt ungefähr so aussehen:
Lassen Sie uns die Saiten eine Weile liegen und tragen Sie das Tragen des Holzteils. Auswahl laden der Saiten (Befehl / Strg klicken auf der Schicht) und Fügen Sie die Auswahl hinzu der Schicht "Bünde" (Befehl / Strg + Umschalt klicken auf der Ebene, aber nicht auf der Maske). Erweitern Sie die Auswahl (Wählen Sie> Ändern> Erweitern.) um 50 Pixel.
Stellen Sie jetzt das ein Federradius (Umschalt + F6) auf 40 Pixel und fügen Sie ein Farbton / Sättigungseinstellungsschicht mit eingestellten Werten.
Auswahl laden der letzten Schicht, die wir erstellt haben (Farbton / Sättigungseinstellungsschicht), und Invertieren Sie die Auswahl.
Verwendung der Lasso-Werkzeug (L) subtrahieren den oberen und unteren Teil der Auswahl. Auswahl zusammenziehen das ist noch übrig (Wählen Sie> Ändern> Vertrag aus.) um 50 Pixel.
Füge hinzu ein Farbbalance-Einstellungsebene wie gezeigt.
Wir können die Maske weiter verfeinern, indem Sie auf klicken Maskenrand verfeinern in dem Eigenschaftenpalette. Stelle sicher Ansichtsmodus ist an Überlagerung, Auf diese Weise können Sie leicht sehen, wie sich Ihre Maske ändert.
Stellen Sie es wie gezeigt ein.
Nun sollte das Tragen auf dem Holz so aussehen:
Lass uns die verwenden Elliptisches Laufschriftwerkzeug (M) eine runde Auswahl treffen (gedrückt halten) Verschiebung einen regelmäßigen Kreis bilden). Machen Sie den Durchmesser etwa 0,8 mm (Sie können die Breite / Höhe im überprüfen Infopalette).
Stellen Sie das ein Vordergrundfarbe zu:
und das Hintergrundfarbe zu
Stellen Sie das ein Verlaufswerkzeug (G) zu Vordergrund zum Hintergrund und Linearer Verlauf in dem Optionsleiste, Opazität sollte 100% sein. Erstellen Sie eine neue Ebene und fülle es mit dem Farbverlauf. Benennen Sie die Ebene 'Inlay-Punkt'.
Hinzufügen ein bisschen Lärm (Filter> Noise> Add Noise) wie gezeigt dann Verblassen der Lärm (Bearbeiten> Rauschen hinzufügen, Befehl / Strg + Umschalt + F) bis 68%.
Lasst uns Hinzufügen zwei Ebenenstile: Abgeflachte Kante und Relief und Schlagschatten, und wende die folgenden Einstellungen an.
Duplikat das 'Inlay-Punkt' Lege die Ebene doppelt und platziere die neuen Punkte wie gezeigt.
Erstellen Sie eine neue Ebene und Laden Sie die Auswahl von den drei Punkten (Befehl / Strg-Klick auf die Ebene, dann Befehl / Strg + Shift-Klick auf die beiden anderen Ebenen). Stellen Sie das ein Pinselwerkzeug (B) bis 130 px, Härte auf 0% im Optionsleiste, das Vordergrundfarbe auf Weiß, und malen Sie die oberen rechten Seiten aller drei Punkte, um Hervorhebungen hinzuzufügen.
Benennen Sie die Ebene "Highlights". Wählen Sie die drei Layer "Inlay Dot" und die Ebene "Highlights" aus, gruppieren Sie sie und benennen Sie die Gruppe 'Inlay'.
Es ist jetzt an der Zeit, zu unseren Fäden zurückzukehren, um sie zu perfektionieren.
Platzieren Sie Schatten auf den Strings, um ihnen mehr Tiefe zu verleihen. Ich habe das zuerst manuell gemacht Auswählen Bereiche (mit der Lasso-Werkzeug) auf welchen Schatten projiziert werden soll. Stellen Sie sicher, dass die Auswahl genau dort ist, wo sie die verschiedenen Bereiche (Bereiche mit und ohne Schatten) aufteilt..
Als nächstes die SWahl von Zeichenketten muss sein Überschnitten mit der aktuellen Auswahl (entweder Befehl / Strg + Wahltaste / Alt + Umschalt klicken Klicken Sie auf die Ebene "Strings" oder klicken Sie auf die Ebene "Strings" und gehen Sie zu Wählen Sie> Auswahl laden, und klicken Sie auf Mit Auswahl überschneiden).
Stellen Sie das ein Vordergrundfarbe zu einem bräunlichen Grau:
Erstellen Sie eine neue Ebene und mit einem ungefähr 80 px breite Bürste fangen Sie an, die Schatten zu malen. (Sie können Auswahl verbergen die störenden "marschierenden Ameisen" durch Drücken von loswerden Befehl / Strg + H, oder Ansicht> Extras).
Legen Sie die Ebene fest Mischmodus zu Multiplizieren, Opazität bis 84%. Benennen Sie die Ebene "Schatten".
Wiederholen Schritt 17 für jeden Bereich, in dem sich die Kurven des Textes treffen oder überschneiden. Dies ist ein zeitaufwändiger Schritt, aber es ist wichtig, es richtig zu machen, da das Artwork wirklich lebendig wird.
Sobald die Schatten fertig sind, Auswahl laden Klicken Sie erneut auf "Schatten" und Verwischen mit einem Radius von 5,0 Pixeln.
Erstellen Sie eine neue Ebene innerhalb der Gruppe 'Text' und nenne es 'retuschieren'. Klicke auf das Stempel-Werkzeug klonen (S), und setzen Ausgerichtete Probe zu Alle Schichten in dem Optionsleiste. Jetzt können Sie die Unvollkommenheiten der Buchstaben 'm', 'g' und 'o' retuschieren..
Ich denke, wir müssen die Seiten oder das Artwork noch etwas dunkler machen, also klicken wir auf Elliptisches Laufschriftwerkzeug (M) Setzen Sie den Cursor in die Mitte des Bildmaterials (sowohl horizontal als auch vertikal). Runter halten Option / Alt und machen Sie eine Ellipse ähnlich wie diese.
Drücken Sie Umschalt + F6 zu Feder die Auswahl um 200 Pixel. Umkehren die Auswahl, Erstellen Sie eine neue Ebene, drücken Sie D und Füllen die schicht mit schwarz. Drücken Sie Befehl / Strg + D zu Abwählen. Legen Sie die Ebene fest Mischmodus zu Multiplizieren, Opazität bis 21%. Benennen Sie die Ebene 'Rand'.
Es gibt nur noch ein letztes, was wir noch tun müssen. Fügen Sie die horizontal zentrierten Credits unten hinzu.
Klicken Sie auf die Ebene 'Hintergrund' und ziehen Sie eine Hilfslinie vom linken Lineal in die Mitte. einstellen Absatz zu Zentrierausrichtung, klicke auf das Horizontales Werkzeug (T), Klicken Sie genau auf den Guide und Kopieren Einfügen folgender Text:
Songtext: Sleepy Brown | Musik lässt mich so gut fühlen
Verwenden Sie die Schrift 'Aller' bei einer Größe von 5 pt. Stellen Sie 'Sleepy Brown' auf Aller fett.
Vielen Dank, dass Sie sich die Zeit genommen haben, um dieses Lernprogramm abzuschließen. Lassen Sie uns kurz zusammenfassen, was wir gelernt haben.
Ich hoffe, Sie fanden dieses Tutorial verständlich, interessant und lehrreich. Fragen, Kommentare und Vorschläge sind willkommen.