Wie wir mit Illustrator unsere Instagram Story Cover erstellt haben

In unserem Tutorial zeigen wir dir Schritt für Schritt wie du mit Adobe Illustrator selbst Cover für deine Instagram Story Highlights erstellen kannst.

Lege ein neues Artboard mit den Maßen 1080 x 1920 an.

 

Lege mit dem Ellipsen Tool einen Kreis mit den Maßen 1080 x 1080 an (halte Shift gedrückt um einen perfekten Kreis zu ziehen).

Richte den Kreis sowohl vertikal als auch horizontal an der Mitte des Artboards aus.

 

Erstelle eine weitere Kreisfläche mit den Maßen 1000 x 1000 Pixel und zentriere sie ebenfalls mittig. Aus dieser Form erstellen wir gleich die inneren Kreiselemente.

Erstelle eine Rechteckform mit den Maßen 1080 x 180 Pixel und zentriere sie mittig.

 

Markiere die kleinere Kreisfläche gemeinsam mit der Rechteckform. Wähle das Shape-Builder Tool aus und erstelle 2 Halbkreise.

 

Entferne die 3 Formen die aus dem Rechteck entstanden sind.

 

Selektiere die beiden Halbkreise und setze die Rahmenbreite auf 36 Pixel. Du kannst direkt eine deiner Rahmenfarben wählen.

 

Entferne die beiden „inneren“ Pfade mit der Direkt-Auswahl um 2 gerahmte Halbkreise zu erhalten.

 

Setze die Rahmenabschlüsse der beiden Halbkreise auf rund.

 

Färbe den zweiten Halbkreis nach deinen Wünschen.

 

Erstelle eine weitere Kreisfläche mit den Maßen 780 x 780 Pixel und zentriere sie mittig. Färbe diese Form nach deinen Wünschen ein.

Bisher diente der Rahmen der untersten Kreisfläche als Orientierungshilfe; du kannst ihn jetzt entfernen.

 

Suche dir ein Icon aus. Wir können als Quelle Ionicons empfehlen, da du hier die icons kostenlos als .svg (Vektorformat) erhälst.

 

Öffne die Iocn.svg Datei mit Illustrator und kopiere die Iconform.

 

Füge das Icon ein. Erstelle einen Text mit deiner Schrift (in unserem Fall: Exo Bold, 100pt) und richte die Schrift mittig aus.

 

Wähle icon und Text aus und richte sie horizontal zentriert aus (Ausrichten –> an Auswahl ausrichten).

 

Wähle das Icon und setze die Höhe (oder Breite; je nachdem was größer ist) auf 260px.

 

Richte Icon und Text zentriert aus mit einem Abstand von 36px. Du kannst eine Rechteckform mit der Höhe 36px als Hilfe benutzen (lösche sie danach).

 

Gruppiere Icon und Text. Richte sie anschließend horizontal und vertikal zentriert am Artboard aus.

 

Geschafft! Du kannst jetzt dein fertiges Cover über File –> Export –> Export for Screens  als Jpeg 100 exportieren und bei Instagram hochladen.

 

Worüber sollen wir das nächste Tutorial schreiben? Schreibt uns in die Kommentare.

 

 

Teile diesen Beitrag mit deinem Netzwerk:
Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on xing
Share on email
Share on whatsapp
Starter and Kicker

Starter and Kicker

Die erste Matchmaking-App für Gründer und Unterstützer

Leave a Reply

Newsletter

Erhalte spannende Artikel wie diesen direkt in deinen Posteingang.

HOL DIR UNSERE APP!

Das könnte dich auch interessieren:

Made with ♥ in Leipzig

X