TUTORIAL-ARTIKEL

Anfänger

10 Min.

Ein Social-Media-Banner designen.

Gib deinem Social-Media-Auftritt einen neuen Look. Kombiniere in Adobe Illustrator ein tolles Foto mit deinem Logo und individuell formatiertem Text.

Tutorial anzeigen in Illustrator
Lerne direkt in der Applikation

Die Beispieldateien umfassen u. a. ein Adobe Stock-Bild, mit dem du die Schritte dieses Tutorials nachvollziehen kannst. Wenn du die Beispieldatei anderweitig verwenden möchtest, kannst du sie bei Adobe Stock lizenzieren. In der ReadMe-Datei in diesem Ordner findest du die Bedingungen für die Verwendung dieser Beispieldateien.

Die Beispieldatei hat die passende Größe für ein Banner für einen YouTube-Kanal. Füge ein eigenes Foto als Hintergrund hinzu, oder verwende das Beispielfoto. Wähle „Datei > Platzieren“. Füge das Bild per Klicken und Ziehen auf der Zeichenfläche hinzu. Klicke bei Bedarf im Bedienfeld „Eigenschaften“ auf „Bild zuschneiden“, um das Bild in die Zeichenfläche einzupassen. Öffne das Kontextmenü. Wähle „Anordnen > In den Hintergrund“, damit der Text sichtbar wird.

Füge dein Logo zum Banner hinzu. (Oder verwende das Logo links neben der Zeichenfläche zum Üben.) Wir haben in unserem Beispiel außerdem ein farbiges Rechteck hinzugefügt und mit den Farben im Hintergrundbild verblendet. Dann wurde mit „Schrittweise nach hinten“ das Rechteck hinter den Text verschoben.

Jetzt werden Text und Design angepasst. Markiere jede Textzeile einzeln. Ersetze sie durch deinen eigenen Text. Ändere Schrift, Stil, Laufweite (Zeichenabstand) und Flächenfarbe. Hier siehst du einige unserer Variationen.

Probiere variable OpenType-Schriften aus. Stärke und Breite lassen sich dynamisch anpassen. Wähle dazu im Bedienfeld „Eigenschaften“ im Abschnitt „Zeichen“ eine variable Schrift wie „Myriad Variable Concept“ aus. Klicke auf „Mehr Optionen“ (drei Punkte) und dann auf „Variable Schriftart“.

Blende zur abschließenden Prüfung im Bedienfeld „Ebenen“ die verborgene Ebene „Frame“ ein. Ziehe sie über die Ebene „Artwork“. Positioniere den Text und die Grafikelemente innerhalb des Rechtecks, das den sicheren Bereich kennzeichnet. Sicher bedeutet, dass Objekte innerhalb des Rechtecks unverändert bleiben, falls das Banner für andere Zwecke skaliert wird.

Führe diese einfachen Schritte aus, um ein Banner zu erstellen, das stilistisch zu deinem Social-Media-Kanal und zu deiner Persönlichkeit passt und auf allen Geräten klasse aussieht.

Bei Adobe Stock stehen mehr als 100 Millionen hochwertige, lizenzfreie Fotos, Grafiken, Videos und Templates zu deiner Verfügung. Teste Adobe Stock . Zehn Bilder sind für dich kostenlos.


Probiere diese Tutorials mit Illustrator aus

Illustrationen und andere Grafiken mit Vektoren erstellen