Twitter Cover Photoshop Anleitung [Teil 1]

Hast du unsere Twitter Seite besucht? Dann hast du vielleicht bemerkt, dass sie anders aussieht und den Prozess der Template Erstellung darstellt. Das ist natürlich eine metaphorische Erklärung und der Erstellungsprozess braucht viel Kraft und Mühe.

Falls dir unsere Cover-Idee gefällt oder du etwas Neues bei Photoshop lernen willst, dann kannst du hier erfahren, wie das TemplateMonster Werk mit Hilfe von Photoshop erstellst wurde.

1. Zunächst erstellt man eine neue Datei 1500×500 px. Die Hintergrundfarbe ist #f1f9fc.

Step 1

* * *

2.Jetzt nehmen wir die Farbe #5b5757 und mit dem Ellipse-Werkzeug (U) zeichnen wir ein Oval.

Step 2

* * *

3. Wir duplizieren es (wir klicken mit der rechten Maustaste auf das Ebenen-Thumbnail und wählen Ebene duplizieren) und verändern die Farbe auf #8ddab9 (Alt+Backspace). Die Ebene mit dem grauen Oval platzieren wir über die Ebene mit dem grünen Oval. Und jetzt machen wir eine Schnittmaske mit der rechten Maustaste.

Step 3a

* * *

4. Mit Rechteck-Werkzeug zeichnen wir den Rest des Containers. So sollte das Ergebnis aussehen:

Step 3b

* * *

5. Jetzt zeichnen wir das Rohr. Das machen wir mit dem Ellipse-Werkzeug (15px). Wir zeichnen jeden Teil des Rohrs und stellen sie nebeneinander. Das Ende des Rohrs wird mit dem Rechteck-Werkzeug erstellt.
Step 4

* * *

Step 5a

* * *

Step 5b

* * *

Step 5c

* * *

Step 5d

* * *

Step 5e

* * *

6. Mit dem Rechteck-Werkzeug bereichern wir das Rohr mit Armaturen und Anschlüsse.

Step 6

* * *

7. Jetzt machen wir ein wenig Geräusch. Das gleiche Rechteck-Werkzeug, die Farbe #ffffff, Opazität 73%

Step7

* * *

8. Mit dem Stiftwerkzeug zeichnen wir ein blaues Dreieck.
Step 8

* * *

9. Wir duplizieren die Ebene und spiegeln sie horizontal.
Step 9

* * *

10. Schritte 7-8 wiederholen wir zweimal

Step 10

* * *

11. Ich empfehle die Logos von Plattformen hinzuzufügen. Um sie richtig zu platzieren zentrieren wir sie horizontal und vertikal.
Step 11a

* * *

Step 11b

* * *

12. Jetzt füllen wir unseren Container mit Icons ein, die wir oft für Website Design verwenden. Wir zeichnen einen Kreis mit dem Ellipse-Werkzeug.

Step 12

* * *

13. Geh auf Fülloptionen (auf das Thumbnail mit der rechten Maustaste klicken) – Kontur füllen Innerhalb1px – Farbe #db4632 – Opazität– 55%

Step 13a

* * *

Step 13b

* * *

14. Die Ebene duplizieren wir 6 Mal. Mit folgenden Farben füllen wir den Kontur: #ffb301, #009a57, #7dacf5

Step14

* * *

15. Jetzt herunterladen wir Font Awesome und nehmen alle nötige Symbole (vergiss nicht, dass es eine Schrift). Die Symbole zentrieren wir in jedem Kreis.
Step 15

* * *

16. Mit dem Rechteck-Werkzeug zeichnen wir ein graues Rechteck.
Step 16

* * *

17. Dupliziere es.

Step 17

* * *

18. Mit dem Zeichenstift-Werkzeug (P) zeichnen wir einen Kragen.
Step 18

* * *

19. Wir wählen das Linienwerkzeug (5px) und zeichnen die Feder.

Step 19a

* * *

Step 19b

* * *

20. Die Linien duplizieren und sie horizontal spiegeln.

Step 20

* * *

21. Fügen wir zwei Kreisen zum Ende des Feders hinzu (Ellipse-Werkzeug)

Step 21

* * *

22. Jetzt zeichnen wir mit dem Zeichenstift-Werkzeug (P) ein blaues Dreieck und duplizieren es drei Mal.
Step 22

* * *

23. Mit dem Rechteck-Werkzeug zeichnen wir noch ein Rechteck und stellen die Ebene unter der Ebene mit dem Kragen.
Step 23

* * *

24. Wir zeichnen drei großen blauen Ovale (Eclipse Werkzeug) und drei kleine blaue Ovale. Jetzt bearbeiten wir das blaue Rechteck so, dass es keine weißen Räume zwischen blauen Elementen gibt (CTRL+T, die CTRL-Taste gedrückt halten, um das Rechteck Trapez verwandeln).

Step 24a

* * *

Step 24b

* * *

Step 24c

* * *

Es ist der erste Teil der Anleitung. Bald in unserem Blog kommt der zweite Teil.

Dieser Artikel wurde aus dem Englischen übersetzt. Das Original findest du hier: Twitter Cover Photoshop Tutorial [Part 1]