Share
Wenn Sie auf Twitter sind und diesen Blog lesen, besteht die Chance, dass Sie Ihr Profil bereits mit einem coolen Twitter-Hintergrund angepasst haben. In diesem Lernprogramm erstellen wir ein eigenes Maskottchen um ein zentrales Maskottchen: einen sehr detaillierten Twitter-Vogel, den Sie selbst zeichnen müssen! Machen Sie sich bereit, mehr zu tun, als in diesem künstlerischen Tutorial zu klicken!
Beim Erstellen eines Twitter-Hintergrunds müssen verschiedene Aspekte berücksichtigt werden. Das größte Problem ist die Tatsache, dass Sie ein Bild in Ihrem Twitter-Profil nicht zentrieren können. Geben Sie alle Ideen auf, die Sie zum Einwickeln von Grafiken um den Körper haben. Sie können entweder ein kachelförmiges Design erstellen oder das Bild links ausrichten. Da sich die Körpergröße je nach Auflösung, in der sie angezeigt wird, nicht ändert, müssen Sie sich auch Gedanken darüber machen, dass der Hauptinhalt über mehrere Bildschirmgrößen sichtbar bleibt und die Darstellung nahtlos ausgeblendet wird.
Wenn Ihr Text zu weit nach rechts geht, können viele Leute ihn möglicherweise nicht lesen. Wenn Ihre Illustration sehr detailliert ist und nach nur 250 Pixeln endet, wirkt sie auf großen Bildschirmen ungerade, da sie nicht nach rechts und unten ausgeblendet wird. Und schließlich arbeiten Sie im Webformat. Denken Sie beim Entwerfen über die Dateigröße nach.
Um all diesen Anforderungen gerecht zu werden, erstellen wir einen relativ kleinen Hintergrund, der nach links ausgerichtet wird und nach unten und rechts ausgeblendet wird. Und mit Ausblenden meine ich nicht, die Hälfte des Bildes zu löschen, sondern allmählich weniger Elemente zu verwenden. Es ist eine übliche Praxis, dass Twitter-Hintergründe eine kurze Biografie und Links enthalten, wo die Person online zu finden ist.
Mein eigener Hintergrund hat diese nicht, weil ich der Meinung bin, dass das Profil bio ohnehin auf der rechten Seite sichtbar ist und Sie auch einen Link auswählen können, den die Leute verwenden können. Ich verlinke auf mein Portfolio, wo es mehrere Links meiner Online-Präsenz gibt, falls jemand interessiert ist. Um dies praktischer zu gestalten, gibt es jedoch eine kurze Biografie (in diesem Fall totaler Schwindel wegen mangelnder Inspiration) und ein paar Links.
Schauen Sie sich das Bild an, das wir erstellen werden. Sie können die endgültige Bildvorschau unten oder das Bild in voller Größe hier anzeigen.
Das erste, was Sie hier tun müssen, ist das Maskottchen, einen Zwitschervogel, zu zeichnen. Es gibt viele nette, helle und glänzende Twitter-Vögel, also wollte ich einen, der nicht nur anders ist, sondern auch meinen Stil repräsentiert. Bei einem Twitter-Profil dreht sich alles um den Besitzer.
Der unten gezeigte Prozess ist sehr gestreckt, kann aber verkürzt werden. Ich möchte nicht, dass Sie denken, dass dies nur eine Möglichkeit ist, wie Sie es tun sollten, aber wenn Sie nicht viel Erfahrung mit Strichzeichnungen haben, ist es gut, sich Zeit zu nehmen und jede Etappe richtig zu machen. Nach einiger Erfahrung kann ein einfaches Gekritzel ausreichen, um mit Photoshop zu beginnen.
Beginnen Sie jedoch damit, zunächst ein normales Stück Papier zu erhalten und einige grundlegende Skizzen des Vogels zu zeichnen. Konzentrieren Sie sich auf die richtige Körperhaltung und sorgen Sie sich nicht um die Details. diese werden später behandelt.
Wie Sie vielleicht bemerken, ist die Position der Beine in der Abbildung unten nicht identisch mit dem Endergebnis. In der Tat habe ich sie in jeder Phase geändert, weil es etwas schwierig ist, sie gleichzeitig natürlich und ästhetisch wirken zu lassen. Zeichnen Sie einfach ein grobes Bild Ihres Vogels in dieser ersten Phase.
Jetzt benötigen Sie Pauspapier. Es ist im Grunde ein halbtransparentes Papier, mit dem Sie etwas auf ein Referenzbild zeichnen können, in diesem Fall unsere grobe Skizze. Ich habe zwei Stifte benutzt: einen 2B und einen 8B. Je höher die Zahl, desto weicher die Spitze. Ich habe die 2B verwendet, um die Umrisse zu verfolgen, und 8B, um Schatten zu zeichnen. Der Radiergummi wird in zwei Hälften geschnitten, sodass Sie die scharfe Kante verwenden können, um kleine Bereiche zu löschen. Das ist hilfreich für das Hinzufügen von Highlights.
Ich habe auch ein zusätzliches Blatt Pauspapier dazwischen geschoben, um die grobe Skizze weniger sichtbar zu machen. Wenn Ihr Bild zu viel Kontrast aufweist, ist es eine gute Idee, es mehr auszublenden, damit Sie nicht verwirrt werden.
Verwenden Sie den Stift, um die Umrisse des Vogels zu verfolgen. Sie können sich jetzt um die Details kümmern.
Sie sollten jetzt die allgemeine Gliederung jedes Teils des Vogels abgeschlossen haben.
Fügen Sie eine Schattierung hinzu, damit der Vogel dreidimensional aussieht. Beachten Sie, dass die Schatten sehr einfach sind und nicht sehr realistisch aussehen müssen. Dies ist nur ein Teil des gesamten Prozesses und kein endgültiges Bild. Machen Sie sich also keine Sorgen, ob es gut aussieht. Alles, was Sie tun müssen, ist, Formen und Beleuchtung klar zu definieren.
Dieser Teil ist wichtig, da alle Schatten in zukünftigen Schritten zu durchgehenden Linien werden. Leerzeichen sind Hervorhebungen und parallele Linien sind Schatten. Machen Sie die Linien weiter entfernt und kürzer, und das menschliche Auge nimmt es als Farbverlauf wahr. Dies ist im Grunde ein von Hand gezeichneter Halbtonbildschirm.
Schnappen Sie sich ein weiteres Stück Pauspapier und platzieren Sie es über der von Ihnen erstellten Bleistiftskizze. Dieses Mal verwenden wir diese als Referenz für den letzten Line-Art-Vogel.
Jetzt müssen Sie nur noch parallele Linien über die Schatten zeichnen. Um sie auszublenden, zeichnen Sie die Linien immer kürzer.
Denken Sie daran, dass Sie auch die Kontur ausblenden können, nicht nur die Schattenlinien.
Seien Sie dieses Mal sehr vorsichtig mit allen Details. Lassen Sie diese Formen wie echte Federn aussehen, nicht als einfache Kurven.
Setzen Sie diesen Vorgang über Kopf und Körper fort. Achten Sie darauf, genügend Highlights wegzulassen.
Wie ich schon sagte, die Füße wurden einer letzten Änderung unterzogen. Ich wollte etwas zwischen einer Angriffsposition und einem niedrigen Flugniveau.
Ich habe den zweiten Flügel im Allgemeinen dunkler gemacht als den ersten. Das macht die Zeichnung dynamischer und realistischer. Wenn Sie ein gleiches Licht auf den gesamten Vogel werfen, wirkt er weniger interessant. Selbst wenn die Haltung zu symmetrisch ist, können Sie sich immer auf die Beleuchtung verlassen, um sie etwas aufzupeppen.
Und da ist alles erledigt. Vielleicht ein bisschen zu groß und gestreckt, aber es spielt keine Rolle, da man sowieso nicht alles im Twitter-Hintergrund sieht.
Scannen Sie es oder machen Sie ein Foto davon und legen Sie es in Photoshop ab. Gehen Sie zu Bild> Einstellungen> Pegel und erhöhen Sie den Kontrast beträchtlich. Verdunkeln Sie die Linien, bringen Sie aber auch einige Highlights zum Vorschein.
Gehen Sie zu Auswählen> Farbbereich. Klicken Sie im Fenster auf einen schwarzen Bereich des Fotos, um eine Auswahl der schwarzen Linien zu erhalten. Drücken Sie OK und kopieren Sie die Auswahl (Befehl + C)..
Erstellen Sie ein neues Photoshop-Dokument mit einer Breite von 750 px und einer Höhe von 700 px und einer Auflösung von 72 dpi. Fügen Sie den Vogel ein (Befehlstaste + V), doppelklicken Sie auf seine Ebene und fügen Sie einen Farbüberlagerungseffekt hinzu. Wählen Sie ein dunkles Blau (# 387ebc) und drücken Sie OK. Erstellen Sie eine neue leere Ebene (Befehlstaste + Umschalttaste + N), klicken Sie im Ebenenmenü auf beide Ebenen, und führen Sie sie zusammen (Befehlstaste + E). Dadurch wird der Ebenenstil abgeflacht.
Verwenden Sie nun in einer neuen leeren Ebene unter der Strichgrafik das Stiftwerkzeug (P), um dem Vogel eine Hintergrundfarbe zu geben (# 33ccff)..
Für diesen Teil wäre es am besten, ein Stifttablett zu haben, das jedoch nicht unbedingt erforderlich ist. Sie können entweder einen normalen Pinsel oder das Stiftwerkzeug verwenden, um die Lichter und Schatten zu erstellen. Ich habe es mit einem Tablet gemacht. Verfolgen Sie in diesem Schritt die ersten Highlights mit Weiß und machen Sie eine Schnittmaske so, dass sie nur im Vogel erscheint.
Zeichnen Sie jetzt größere Striche eines hellen Cyan (# 7ff4fe). Machen Sie für jedes eine eigene Ebene.
Malen Sie unter dem vorherigen auch größere Lichter mit einem etwas dunkleren Cyan (# 4de2ff)..
Eine abschließende Highlight-Farbe sind einige graue Akzente (# ddded9).
Verwenden Sie jetzt ein helles Gelb (# f5e456), um den Schnabel einzufärben, und fügen Sie auch einige Schatten hinzu, mit einem dunkleren Gelb (# bcb833)..
Um den Vogel zu beenden, füllen Sie den Schnabel mit demselben dunkelblauen und zeichnen Sie das Auge. Verwenden Sie Weiß und das gleiche dunkle Gelb.
Sie müssen jetzt zum Zeichenbrett zurückkehren, um ein paar Wolken zu malen. Ich habe dafür verschiedene Arten von Kommentarfeldern verwendet. Da dies ein soziales Netzwerk ist, sind Comic-Shout-Outs genau richtig. Zeichne die Umrisse mit einem Grauton nach (# d0cdbe).
Dem Hintergrund einen helleren Farbton geben (#edeedb).
Zeichne jetzt ein paar dünne Linien für Schatten (# dfe0d0) und Lichter (#ffffff).
Wiederholen Sie diesen Vorgang, um einige andere Arten von Kommentarfeldern zu erstellen. Zusammen drücken sie einfache Aussagen, Gedanken und Ausrufe aus. Ich versuche auf meinem Profil nicht zu viel zu schreien, also machen Sie sich keine Sorgen, diese sind rein dekorativ. Ich schreie meine Anhänger nicht an :)
Es ist Zeit, eine Biografie und Links hinzuzufügen. Der einfache kleine Text lautet Calibri Regular und die Schlagzeilen sind in Rockwell Std Fett. Das Etzeichen ist Mrs. Eaves Medium Italic. Verwenden Sie die gleichen Farben wie der Vogel.
Denken Sie immer daran, verschiedene Antialiasing-Methoden auszuprobieren, wenn Sie mit type arbeiten, insbesondere bei niedrigen Auflösungen. Im ersten Beispiel befindet sich das Wort im Sharp-Modus. Beachten Sie, dass die mittleren Buchstaben unter dem unteren Rand zu knicken scheinen. Es mag subtil sein, aber es ist ein Fehler.
Nicht nur das, auch die Buchstaben sind nicht einmal parallel. Jeder scheint seine eigene Orientierung zu haben. Um dies zu beheben, versuchen Sie eine alternative Methode des Antialiasing, in diesem Fall Strong. Jetzt haben die Buchstaben eine gemeinsame Orientierung und eine ebene Grundlinie.
Während das vorhergehende eine subtile Lösung sein kann, ist das nächste ein sehr häufiger Fehler. Ungleichmäßiges Tracking kann dazu führen, dass sich einige Buchstaben überlappen und andere zu weit voneinander entfernt sind. Während Sie diese Fehler normalerweise nicht in regelmäßigen kleinen Textzeilen feststellen können, werden große Inkonsistenzen diese Inkonsistenzen sichtbar machen.
Um dies zu beheben, müssen Sie den Abstand zwischen den einzelnen Buchstaben manuell ändern. Wähle das Textwerkzeug (T), klicke in eine Textzeile und ziehe eine Auswahl der ersten beiden Buchstaben. Geben Sie eine geeignete Zahl in das Feld für die Verfolgung ein. Wenn Sie genau das richtige Leerzeichen gefunden haben, wählen Sie den zweiten und den dritten Buchstaben aus und führen Sie dasselbe aus. Durchlaufen Sie jeden Abstand von zwei mal zwei Buchstaben, bis alle Verfolgungen korrekt sind. Sie können den Unterschied zwischen benutzerdefiniertem und Standard-Tracking in der obigen und unteren Instanz des Wortes erkennen.
Finden Sie die Vektorformebene, in der Sie den Vogel nachverfolgt haben. Klicken Sie auf die Vektormaske-Miniaturansicht der Ebene, um den Pfad anzuzeigen. Verwenden Sie das Pfadauswahl-Werkzeug (schwarzer Pfeil), um den Pfad auszuwählen und ihn zu kopieren (Befehl + C). Öffnen Sie den Illustrator, fügen Sie den Pfad ein (Befehlstaste + V) und drücken Sie die Eingabetaste in dem Fenster, das in Illustrator (Verbundform) geöffnet wird. Wählen Sie die Strichfarbe und wählen Sie Weiß (hier ist es schwarz, damit Sie es sehen können). Stellen Sie das Strichgewicht auf 2 pt.
Rufen Sie das Konturfenster (Fenster> Kontur) auf und nehmen Sie die folgenden Einstellungen vor. Stört den grauen Hintergrund nicht.
Kopieren Sie es (Befehl + C) und fügen Sie es (Befehl + V) als intelligentes Objekt in die Photoshop-Datei ein. Wiederholen Sie den Vorgang auch mit den Kommentarfeldern.
Verwenden Sie die gleiche Überschrift, um den Kommentar ein paar typografische Akzente zu setzen. Wir verwenden auch eine Vielzahl von Vögeln aus dem Birds 2 Vector Pack von Go Media's Arsenal. Fügen Sie sie einfach als Smart Objects ein und geben Sie ihnen eine Farbüberlagerung mit der gewünschten Farbe.
Verwenden Sie verschiedene Vögel mit unterschiedlichen Farben. Versuchen Sie, es nicht zu übertreiben oder zu überlappen.
Ich wollte auch die Idee von Vögeln vermitteln, die Botschaften tragen, also legte ich Briefe herum, in die Nähe oder in der Nähe der eigentlichen Vögel. Sie haben alle eine der drei früher verwendeten Schriftarten.
Wiederholen Sie das Motiv auch in der oberen Ecke. Mach es nicht wissenschaftlich. Halten Sie die Ausrichtung willkürlich und nicht unbedingt in eine Richtung.
Und dann verbreiten Sie einfach die Vögel über die Leinwand. Denken Sie daran, sie nach rechts und unten auszublenden, indem Sie immer weniger platzieren.
Das ist es! Unser Twitter-Hintergrund ist vollständig. Sie können die endgültige Bildvorschau unten oder das Bild in voller Größe hier anzeigen.
Dies ist die Version, die ich auf meinem Twitter-Profil habe.
Accentsconagua