Share
Was Sie erstellen werdenIn diesem Lernprogramm erstellen wir ein handgezeichnetes Poster, das unser Zuhause gemütlich macht und jedem Innenraum eine wärmere Atmosphäre verleiht. Wir verwenden verschiedene Zeichenwerkzeuge und -funktionen von Adobe Photoshop, um originelle Buchstaben zu erstellen und unsere Handschrift zu digitalisieren. Diese werden vom Papier in Photoshop übertragen und so bearbeitet, dass sie zu unserem Poster passt.
Am Ende dieses Tutorials haben Sie einige Tipps und Tricks gelernt, die Sie dazu inspirieren werden, weitere Illustrationen für die Beschriftung zu erstellen, z. Und wenn Sie sich fragen, wie Ihr Poster aussehen würde, wenn es gedruckt und in einem Rahmen platziert wird, können Sie einige dieser Posterrahmen-Modelle ausprobieren, um zu sehen, wie es im wirklichen Leben aussehen würde!
Lass uns anfangen!
Alles fängt von vorne an. Zunächst müssen wir wissen, was wir schaffen werden. Da wir planen, ein Poster zur Einzugsparty zu gestalten, habe ich mich für ein gemütliches Angebot entschieden. Ich habe ein paar grobe Skizzen gemacht, die geschrieben haben "Zuhause ist, wo dein Herz ist" und das Wort "Zuhause" hervorheben..
In der ersten Skizze versuche ich, das Zitat in eine Hausform einzufügen, aber in diesem Fall denke ich, dass das Bild etwas beengt und mit den nicht benötigten Details beschäftigt ist, während der Hauptteil der Komposition - die Beschriftung selbst - ist zu eintönig. Abgesehen davon interagiert es nicht mit dem Wort "Herz", das ein weiteres wichtiges und bedeutungsvolles Element des gesamten Satzes ist und mit dem Wort "Zuhause" in Einklang steht..
Wenn ich so denke, mache ich eine weitere grobe Skizze (noch rauer als die erste, wie Sie vielleicht bemerken werden), in der ich beide Wörter deutlich betone. Ich füge auch einen Hauch von Symbolik hinzu, indem ein stilisiertes Dach über dem Wort "Zuhause" dargestellt wird und das Wort "Herz" in eine Herzform gebracht wird. Jetzt sieht alles ausgewogener und sinnvoller aus. Lassen Sie uns aus der zweiten Skizze ein Poster machen!
Wenn Sie dieselbe Skizze als Referenzbild verwenden möchten, können Sie dies tun rechter Mausklick auf dem Screenshot unten und sparen es zu Ihrem Computer.
Lass uns einen erstellen 3000 x 3000 px, 300 ppi Neues Dokument und platzieren Sie Ihre Skizze dort.
Verwenden Sie die Pipettenwerkzeug (I) Wählen Sie die dunkelblaue Farbe aus der Skizze und wenden Sie sie auf das Symbol an Hintergrundebene Verwendung der Farbeimerwerkzeug (G).
Senken Sie die Opazität des Skizzieren zu 25%, Machen Sie es halbtransparent, wenn es Sie zu sehr ablenkt.
Jetzt nehmen wir die Stiftwerkzeug (P) und fangen Sie an, die Buchstaben des Wortes "Zuhause" zu skizzieren. Verwenden Sie die Polylinie, um den linken Stamm des Buchstabens "H" zu zeichnen. Schließen Sie den Pfad und gehen Sie zum rechten Stamm, um ihn dünner zu machen.
Fühlen Sie sich wackelig und unsicher mit dem Stiftwerkzeug? Keine Sorge, Sie brauchen nur etwas Übung! Dieses Tool ist eigentlich nicht so gruselig und schwer zu benutzen, wie es vielleicht scheint! Lesen Sie diese einfach zu befolgenden Anweisungen zum Stiftwerkzeug und überzeugen Sie sich selbst!
Machen Sie eine rechteckige Form für die Querstange und lassen Sie uns alle Elemente unseres Buchstabens vereinen! Wählen Sie alle mit der Direktauswahl-Tool (A) und begebt euch zum Pfadvorgänge Menü in der Systemsteuerung oben. Lass uns auswählen Formen kombinieren und wenden Sie es an, indem Sie drücken Formkomponenten zusammenführen am unteren Rand des Menüs. Da haben wir es! Nun werden alle Teile des Briefes zusammengeführt!
Gehen wir weiter und verfolgen den Buchstaben "O". Es wird aus mehreren Elementen bestehen, beginnen wir mit dem Hauptteil. Versuchen Sie, die Linie glatt und gebogen zu gestalten, indem Sie bei jedem Punkt die Ankerpunkte ziehen. Mache ein Oval und dann noch ein für die Theke des "O".
Wählen Sie beide Ovale mit Direktauswahl-Tool (A) und diesmal lass uns Überlappende Formen ausschließen in dem Pfadvorgänge Speisekarte. Klicken Formkomponenten zusammenführen den inneren Kreis ausschneiden.
Wir können unseren Brief mit Farbe füllen, um zu sehen ob Pfadvorgänge Arbeit. Lass uns die öffnen Pfade Panel (Fenster> Pfad) und klicken Sie auf Pfad mit Vordergrundfarbe füllen An der Unterseite der Tafel wird die Vordergrundfarbe was in unserem derzeit auf weiß gesetzt ist Farbe Panel.
Lasst uns Rückgängig machen (Strg-Alt-Z) unsere vorherige Aktion, um die Füllung zu entfernen und den Brief weiter zu gestalten.
Verwenden Sie die Stiftwerkzeug (P) Um den Schrägstrich des Buchstabens "O" zu formen, verwenden Sie die Skizze als Basis und zeichnen Sie darüber. Beginnen Sie am oberen linken Teil des Buchstabens "O" und bewegen Sie sich schrittweise nach rechts, um eine bananenförmige Kurve zu bilden.
Denken Sie daran, dass Sie die Richtung des Pfads ändern können, ohne die Maustaste (oder den Stift Ihres Grafiktabletts) loszulassen und ohne zwischen den Werkzeugen zu wechseln. Klicken und ziehen Sie einfach, um die Ziehpunkte des Ankerpunkts sichtbar zu machen. Halten Sie dann die Maustaste gedrückt und klicken Sie Alt, drehen und bewegen Sie den Griff nach oben. Schließen Sie den Pfad und verbinden Sie ihn mit dem allerersten Ankerpunkt des Swash.
Wir können immer die verwenden Direktauswahl-Tool (A) um die Ankerpunkte zu verschieben, sodass die Linien glatt aussehen.
Wir wählen beide Elemente des "O" aus und verwenden die Formen kombinieren und Formkomponenten zusammenführen Funktionen, um die Formen zu vereinen.
Lass uns weitergehen und die Stiftwerkzeug (P) den Buchstaben "M" mit der Polylinie herausziehen.
Weiter zum Buchstaben "E" '; Dieser wird etwas komplexer als die vorherigen Buchstaben. Beginnen Sie mit dem Erstellen einer elliptischen Form Stiftwerkzeug (P) ähnlich wie wir es mit dem Buchstaben "O" gemacht haben. Verwenden Sie gerade Linien, um das Ende des Buchstabens zu bilden, und bilden Sie dann weiter einen gekrümmten Pfad für den inneren Teil des "E"..
Nach und nach aufsteigen. Runter halten Alt um die Richtung des Ankergriffs zu ändern, um an der Querstange des Buchstabens "E" eine Ecke zu bilden. Beenden Sie die Silhouette und schließen Sie den Pfad.
Fügen Sie eine tropfenartige Form für den inneren Teil (den Zähler) des Buchstabens hinzu. Jetzt können wir beide Elemente auswählen und anwenden Überlappende Formen ausschließen (Vergiss es nicht Formkomponenten zusammenführen nach der Auswahl der gewünschten Funktion im Pfadvorgänge).
Wir können unseren Brief im überprüfen Pfade Panel durch Füllen mit weißer Farbe.
Nun fügen wir der gegenüberliegenden Seite der Querstange einen Swash hinzu, indem Sie die Stiftwerkzeug (P) eine gebogene Form bilden.
Wählen Sie beide Teile und Formen kombinieren in dem Pfadvorgänge, Klicken Formkomponenten zusammenführen den Effekt anwenden.
Großartig! Alle Buchstaben des Wortes "Zuhause" sind fertig. Lass uns einen Blick auf sie werfen und die Pfade um die Buchstaben mit weißer Farbe zu füllen.
Lassen Sie uns jetzt die Buchstaben interessanter und vielfältiger aussehen lassen, indem Sie einige Effekte auf die Füllung anwenden.
Lassen Sie uns mit einer Farbverlaufsfüllung zu unseren Briefen etwas Volumen hinzufügen. Nehmen Sie die Verlaufswerkzeug (G) (Sie finden es im selben Dropdown-Menü wie das Farbeimer Werkzeug).
Zunächst einmal zum Schichten Panel und Transparente Pixel sperren unserer "Heimat" -Schicht, so dass alles, was wir tun, nur auf unsere Briefe angewendet wird, ohne die Umgebung um sie herum zu beeinflussen.
Gehe zum Farbe Panel und blau für die Vordergrundfarbe und weiß für die Hintergrundfarbe.
Dann schnapp dir das Verlaufswerkzeug (G) und ziehen Sie das Wort "home" von unten nach oben, wobei Sie einen vertikalen linearen Farbverlauf von blau nach weiß anwenden. Sie können die Einstellungen für den Verlauf in der Systemsteuerung oben überprüfen und den gewünschten Verlaufstyp auswählen.
Lassen Sie uns mit den Buchstaben einen Schattenwurf im Hintergrund erzeugen, damit das Wort "Heimat" etwas mehr hervorgehoben wird. Ein ... kreieren Neue Schicht direkt unter der "home" -Schicht. Halten Sie nun die neue Ebene ausgewählt und halten Sie die Steuerung Taste und klicken Sie auf die "Home" -Schicht. Auf diese Weise erstellen wir eine Auswahl "marschierende Ameisen" um die Buchstaben.
Stellen Sie die Vordergrundfarbe in dunkelblau ein Farbe Tafel, nimm die Farbeimerwerkzeug (G) Klicken Sie zum Füllen auf und erstellen Sie eine dunkelblaue Kopie des Wortes "Heimat" auf einer neuen Ebene. Jetzt können wir die unterste Ebene um einige Pixel nach unten und nach rechts verschieben, um den dunkelblauen Schatten sichtbar zu machen.
Nun wollen wir sehen, wie wir den Buchstaben sanfte Schatten hinzufügen und sie dreidimensionaler gestalten können. Wir werden die verwenden Stiftwerkzeug (P) oder der Freiform-Stiftwerkzeug um die Form zu erzeugen. Lasst uns Vergrößern (Strg +) Klicken Sie auf den Buchstaben "E" und zeichnen Sie einen Pfad, der den Taumelstrich mit der Querstange verbindet, wie in der Abbildung unten gezeigt.
Bauen Sie den Pfad weiter auf und erstellen Sie eine rechteckige Form. Es muss nicht perfekt sein - stellen Sie sicher, dass es breiter ist als der Buchstabe.
Wählen Sie die "Home" -Ebene in der Schichten Panel gedrückt halten Alt, und klicken Sie auf die Neue Ebene erstellen Taste. Im Pop-Up Neue Schicht Fenster, kreuzen Sie an Verwenden Sie die vorherige Ebene, um eine Schnittmaske zu erstellen um eine verknüpfte Ebene zu erstellen. Neben unserer neuen Ebene wird ein kleiner Pfeil angezeigt, der darauf hinweist, dass alles, was wir darauf zeichnen, nur innerhalb der Grenzen der Objekte auf der Hauptebene angezeigt wird.
Mal sehen, wie es funktioniert. Klicken Sie mit der rechten Maustaste und Auswahl treffen. Verwenden Sie die Verlaufswerkzeug einen diagonalen linearen Farbverlauf von blau nach weiß anwenden.
Schalten Sie die Mischmodus der verknüpften Schicht zu Multiplizieren, den weißen Teil des Farbverlaufs transparent machen. Auf diese Weise haben wir einen sanften Schatten erstellt, der die Querstrebe (und ihren Schwung) vom Körper des Buchstabens "E" trennt..
Fügen Sie einen ähnlichen Schatten auf der Querstange hinzu. Diesmal ändern Sie die Richtung des Verlaufs in die entgegengesetzte Richtung.
Verwenden Sie die gleiche Technik, um dem Buchstaben "O" einen Schatten hinzuzufügen, der den gekräuselten Swash von der Schüssel des Buchstabens trennt.
Jetzt sieht das ganze Wort dreidimensional aus und ist fertig! Fahren wir mit dem nächsten Element der Komposition fort!
Als nächstes fügen wir eine Herzform hinzu. Glücklicherweise müssen wir es nicht manuell zeichnen, da wir das übernehmen können Werkzeug für benutzerdefinierte Form, Wähle ein Herz aus der Liste von Formen Erstellen Sie in der Systemsteuerung oben ein Herz mit der gewünschten Größe, indem Sie unsere Skizze als Referenz verwenden.
Nehmen Sie die Direktauswahl-Tool (A) Bewegen Sie die Ankergriffe, um das Herz an der Unterseite mehr zu wölben und zu verrunden. Wenn Sie die Ziehpunkte nicht sehen können, verwenden Sie die Punktwerkzeug konvertieren Klicken und ziehen Sie die Griffe aus dem Ankerpunkt.
Wir können zwischen wechseln Füllen und Schlaganfall Farbe (oder wenden Sie beide an oder setzen Sie beide auf keine), und wählen Sie im Dropdown-Menü die gewünschte Farbe aus.
Ich setze die Füllen Farbe zu Keiner vorerst, da ich die Buchstaben meiner Skizze im Herzen sehen muss.
Gehen wir weiter zum Wort "Herz". Für solche handschriftlichen Schriftzüge im Skriptstil ziehe ich es vor, einen echten Pinsel und Papier zu verwenden. Wenn Sie schon immer Hand-Schriftzüge ausprobieren wollten, ist dies ein guter Ausgangspunkt. Einer der besten Pinselstifte ist der Tombow Fudenosuke oder jeder andere Pinsel Ihrer Wahl.
Sie können dies auch nur mit einem üblichen Gelstift oder sogar mit einem Bleistift tun, um eine sogenannte "falsche Kalligraphie" zu erstellen, die dickeren Abstriche manuell zu zeichnen und sie mit Farbe zu füllen. In unserem Fall spielt es keine Rolle, wie Sie diesen handschriftlichen Effekt erreichen, solange er gut aussieht, da wir ihn sowieso in Photoshop anpassen werden.
Also zeichne ich meine Briefe einfach auf ein Blatt Papier und positioniere sie so, dass die Komposition der Form eines Herzens ähnelt. Wir können die Position jedes Buchstabens später anpassen, wenn er nicht zu unserem Herzen passt. Machen Sie sich also keine Sorgen, aber versuchen Sie trotzdem, dass er den Buchstaben in unserer Referenzskizze ähnelt.
Scannen Sie Ihre Beschriftung (oder erstellen Sie ein Foto) und ziehen Sie sie in Photoshop. Gehe zu Bild> Einstellungen> Pegel (Control-L) Von hier aus müssen wir den Gesamtkontrast und die Helligkeit unserer Beschriftungsschicht erhöhen, um die dunklen Buchstaben wirklich schwarz und die Hintergrundfarbe weiß zu machen, sodass die Papierstruktur verschwinden kann.
Ziehen Sie dazu den schwarzen Regler nach rechts und den gegenüberliegenden (weißen) Regler nach links, um ihn näher an den mittleren Regler zu bringen. Sie werden den Unterschied sehen, wenn Sie die Position der beiden Schieberegler anpassen, damit das Bild scharf und sauber erscheint.
Wenn Sie mit Ihrer Kontrastbeschriftung zufrieden sind, gehen Sie zu Wählen Sie> Farbbereich um das Optionsfenster zu öffnen. Von hier haben Sie die Pipette standardmäßig ausgewählt. Bewegen Sie den Mauszeiger über das Wort "Herz" und klicken Sie auf einen der schwarzen Buchstaben. Lassen Sie die Unschärfe Schieberegler bei 40% oder passen Sie den Wert an, wenn Sie der Meinung sind, dass nicht alle schwarzen Bereiche in der Vorschau sichtbar sind. Klicken OK Sobald Sie fertig sind, sehen Sie eine Auswahl der "marschierenden Ameisen" um die Buchstaben. Kopieren (Control-C) die Buchstaben.
Jetzt können wir Einfügen (Kontrolle-V) das "Herz" -Wort in unser Poster und drücken Control-T zum Free Transform um die Größe der Ebene zu ändern und sie zu drehen, sodass sie der Herzform entspricht.
Wenn einige Buchstaben nicht in die Herzform passen, verwenden Sie die Lasso-Werkzeug (L) um den Buchstaben auszuwählen (ziehen Sie ihn einfach ein) und drücken Sie dann Control-T erneut und drehen / ändern Sie den ausgewählten Buchstaben einzeln.
Machen wir unsere Buchstaben sichtbar und strahlend. Wählen Sie die Ebene "Herz" und gehen Sie zu Bild> Anpassung> Umkehren, Ändern der Farbe der Buchstaben von Schwarz zu Weiß.
Lassen Sie uns einige kleinere Details um die Buchstaben hinzufügen. Nehmen Sie die Pinselwerkzeug (B) und entweder das öffnen Bürste Panel (Fenster> Pinsel) oder drücken Sie die rechte Maustaste Um die Pinselliste zu öffnen, wählen Sie a Harte runde Bürste.
Wenn Sie nichts davon in Ihrer Liste sehen, öffnen Sie ein Dropdown-Menü, indem Sie auf das kleine Zahnradsymbol in der oberen rechten Ecke klicken und suchen Rundbürsten mit Größe auf der Liste. Klicken Sie darauf und ersetzen Sie oder Anhängen es zu Ihrer Pinselliste.
Die Pinseleinstellungen finden Sie oben im Bedienfeld. Ich behalte beides Opazität und Fließen beim 100%, die Linien scharf und dick machen. Ich zeichne mit dem Grafiktablett Punkte und Striche um den Buchstaben "H".
Fügen Sie weitere Striche und Punkte um jeden Buchstaben hinzu. Wenn Sie fertig sind und mit dem Ergebnis zufrieden sind, wählen Sie die Herzformebene aus und klicken Sie auf Werkzeug für benutzerdefinierte Form das machen Gestalten Menü in der Systemsteuerung oben aktiv und stellen Sie das ein Füllen Farbe rot, füllt den inneren Teil des Herzens.
Geben Sie unserem "Herz" einen goldenen oder metallischen Look, indem Sie einen einfachen linearen Farbverlauf von Gelb nach Weiß anwenden. Auf diese Weise sieht es dreidimensionaler aus.
Als Nächstes zeichnen wir das Wort "ist", das in unserem Zitat zweimal verwendet wird. Sie können es also tatsächlich zweimal schreiben, um jedes Element einzigartig und handgeschrieben aussehen zu lassen, oder das Element, das Sie erstellen, einfach zu duplizieren.
Ich benutze das gleiche Harte runde Bürste und mein Grafiktablett hier, um den kleinen Buchstaben "i" zu zeichnen, wobei die Skizze als Referenz verwendet wird. Wie Sie sehen, zeichne ich zuerst die obere und die untere horizontale Linie, und dann füge ich zwei vertikale Linien für die Kanten des Buchstabens hinzu und definiere dessen Dicke. Und zum Schluss fülle ich den inneren Teil des Buchstabens einfach mit hellblauer, fast weißer Farbe.
Dann verwende ich genau die gleiche Technik für den Buchstaben "s": Ich ziehe die Silhouette heraus und fülle dann den inneren Teil mit Farbe.
Hier können wir sehen, wie unser Poster so weit aussieht. Ich habe die Kopie der "is" -Schicht verwendet (Kontrolle-J) um es direkt unter dem Herzen hinzuzufügen.
Jetzt können wir mit dem nächsten Element unserer Komposition fortfahren und die "wo Ihre" Wörter direkt über der Herzform einfügen.
Sie können mit dem experimentieren Harte runde Bürsten oder Kalligraphische Bürsten von Adobe Photoshop, um einen handgeschriebenen Effekt zu erzielen, wenn Sie eine feste Hand und ein Grafiktablett haben. Oder Sie können der gleichen Technik folgen, die wir für das Wort "Herz" verwendet haben..
Lassen Sie uns also mit dem Pinselstift den Ausdruck "wo Ihr" auf Papier ausschreiben, scannen Sie ihn ein und bringen Sie ihn in Photoshop, um ihn sauber und kontrastreich zu machen Pegel (Control-L). Als nächstes verwenden Wählen Sie> Farbbereich um die schwarzen Buchstaben auszuwählen, Kopieren (Control-C) sie und Einfügen (Kontrolle-V) direkt in das Plakat. Benutzen Freie Transformation (Control-T) um die Wörter zu drehen und ihre Größe zu ändern, sodass sie in den oberen Teil der Herzform passen.
Vergiss es nicht Bild> Anpassung> Umkehren die Ebene, um die Buchstaben weiß zu machen.
Wie Sie dem folgenden Screenshot entnehmen können, habe ich auf die gleiche Weise rote Punkte und Striche am linken Rand des Herzens hinzugefügt wie auf das Wort "Herz". Es gibt einen komplizierten und verspielten Look für das Gesamtdesign unseres Plakats. Bleiben wir also dabei und fügen mehr dekorative Details dieser Art hinzu.
Fügen Sie diese kleinen dekorativen Details um das Herz hinzu Harte runde Bürste mit 100% Deckkraft und Fließen.
Sobald wir mit dem Herzen fertig sind, gehen wir zum oberen Teil unseres Plakats und zeichnen ein stilisiertes Dach unseres Hauses im selben ornamentalen Stil. Mach ein Neue Schicht, Setzen Sie die Vordergrundfarbe auf hellblau, und ändern Sie die Größe des Pinsels. Dadurch wird die dreieckige Basis des Daches etwas dicker als die Punkte und Striche um das Dach.
Ich füge ein verwirbeltes Element auf der rechten Seite des Daches hinzu, das einen sehr vereinfachten, fast abstrakten Rauch aus dem Kaminkamin darstellt.
Als Nächstes füge ich einige Striche unter dem Wort "Heimat" hinzu und biege sie in die entgegengesetzte Richtung, um das Dach auszugleichen.
Lasst uns weitergehen und eine erstellen Neue Schicht für ein weiteres Set dekorativer Elemente. Hier mache ich die Vordergrundfarbe viel dunkler und füge Wirbel, Striche und Punkte um die Buchstaben des Wortes "Zuhause" hinzu. Sie können Bild> Anpassung> Umkehren die Ebene, wenn die Striche zu dunkel sind, um mit und dann zu arbeiten Umkehren zurück, wenn Sie mit dem ganzen Wort fertig sind.
Unsere dunklen Ornamente hier sind fertig! Lass uns weitermachen!
Wir werden noch mehr Wirbel und Schläge um das Herz herum hinzufügen. Füllen Sie zunächst die linke Seite des Bildes und bewegen Sie sich dann auf die andere Seite. Erstellen Sie ähnliche Ornamente, damit die Komposition ausgewogen wirkt.
Beenden Sie dazu das Hinzufügen von hellblauen horizontalen Strichen auf beiden Seiten des Wortes "is" ganz unten im Poster.
Tolle Arbeit, Leute! Ich hoffe, dieses Tutorial wird Sie dazu inspirieren, mehr handschriftliche, verspielte Poster für Ihr gemütliches Interieur oder für den Druck zu erstellen. Fühlen Sie sich frei, alle Tipps und Tricks zu verwenden, die in diesem Artikel beschrieben werden, und vergessen Sie nicht, Ihr Ergebnis mitzuteilen.
Viel Spaß beim Entwerfen!
Accentsconagua