Bestpreis-GarantieKauf auf RechnungOnline-Designer
0351 20 44 444Mo - Fr: 8 - 18 Uhr
Saxoprint
Kundenbereich
Anmelden Hallo ##Anrede## ##Nachname##

Neukunde? Registrieren.

AuftragsübersichtGespeicherte DesignsAdressbuchKundendatenNewsletterAbmelden
Warenkorb
  • Saxoprint
  • Druckprodukte
    Werbebedarf
    • Aufkleber
    • Broschüren & Kataloge 
    • Bücher
    • Etiketten
    • Flyer 
    • Folder 
    • Grußkarten
    • Haftnotizen
    • Kalender & Werbekalender
    • Karten
    • Lesezeichen
    • Multimedia
    • Plakate & Poster 
    • Postkarten
    • Prospekte
    • Schreibblöcke
    • Tragetaschen
    Geschäftsausstattung
    • Briefpapier 
    • Briefumschläge
    • Durchschreibesätze 
    • Haftnotizen
    • Kalender
    • Loseblattsammlung
    • Notizbücher
    • Ordner
    • Präsentationsmappen
    • Schreibblöcke
    • Schreibtischunterlagen
    • Stempel
    • Versandtaschen
    • Visitenkarten 
    Gastro & Event
    • Beachflags
    • Eintrittskarten
    • Faltzelte
    • Kellnerblöcke
    • Klatschpappen
    • Liegestühle
    • Pappbecher
    • Plakate & Poster 
    • Speisekarten (gebunden)
    • Speisekarten (gefalzt)
    • Tischaufsteller
    • Tischsets
    • Tragetaschen
    Overnight
    • Bonuskarten
    • Briefpapier
    • CD- & DVD-Booklets
    • CD-Cover
    • Flyer
    • Folder
    • Grußkarten
    • Speisekarten
    • Taschenkalender
    • Terminkarten
    • Tischsets
    • Visitenkarten
    Alle Produkte anzeigen Produktmuster bestellen 
  • Bestpreis-Garantie
    Briefpapier
    Broschüren
    Flyer
    Folder
    Grußkarten
    Kalender
    Plakate & Poster
    Postkarten
    Schreibblöcke
    Schreibtischunterlagen
    Gefalzte Speisekarten
    Visitenkarten
    Mehr Informationen Papiermuster bestellen 
  • Verpackungen
    Faltschachteln
    Verpackungen mit Deckel
    Geschenkverpackungen
    Schuber
    Kissen- und Taschenverpackungen
    Offene Verpackungen
    Lebensmittelechte Verpackungen
    Transport- und Versandkarton
    Alle Produkte anzeigen Verpackungsmuster bestellen 
  • Werbetechnik
    Fahnen & Flaggen
    Faltzelte
    Klebefolien
    Leuchtreklame
    Messetheken
    Messewände
    Planen
    Roll Ups
    Schilder
    Stoffbanner
    Textilspannrahmen
    X- / L- Banner
    Alle Produkte anzeigen Produktmuster bestellen 
  • Corona-Produkte
    Fußbodenfolien
    Roll Ups Transparent
    Gesichtsmasken
    Gesichtsvisiere
    Gastronomie Produkte
    Home Office Produkte
    Alle Produkte anzeigen 
  • Service und Hilfe
    Bestellinformationen
    • Bestellprozess
    • Logosponsoring
    • Reseller
    • Sicherheit
    • Vorteile
    Druckdaten
    • Datencheck
    • Druckdatenanleitung
    • Druckvorlagen
    • Online-Designer
    • SAXOPRINT® pro design
    Produktoptionen
    • Druckveredelungen
    • Papierformate
    • Produktmuster
    • Sonderfarben
    FAQÜber unsBlog
    Persönlicher KontaktPersönliche Fachberatung
    • 0351 20 44 444
    • Mo - Fr:8 - 18 Uhr
    •  
    • service@saxoprint.de
    • Kontaktformular
  • Anmelden Hallo ##Anrede## ##Nachname##

    Neukunde? Registrieren.

    AuftragsübersichtGespeicherte DesignsAdressbuchKundendatenNewsletterAbmelden
    2
  • Druckprodukte
  • Bestpreis-Garantie
  • Verpackungen
  • Werbetechnik
  • Corona-Produkte
  • Service & Hilfe
  • Blog

Freitagstutorial: Retro-Logo in Illustrator

Freitagstutorial: Retro-Logo in Illustrator
von Thomas Trummer | 1. Juni 2012
0 Kommentare
Tags: Bildbearbeitung, Illustrator, Tutorial

Retro ist die neue Moderne! Deshalb zeige ich in diesem Tutorial, wie man ein Retro-Logo in Adobe Illustrator erstellt wird. Dieses kann auf jede beliebige Größe skaliert und auf Visitenkarten, Briefpapier oder Flyern eingebunden werden. So gehts:

Step 1

Im ersten Schritt erstellen wir uns ein 50 x 50 mm großes Dokument (Strg+N) und ziehen dort mit dem Ellipsen-Werkzeug (L) und gedrückter Alt- und Umschalt-Taste von der Mitte aus einen Kreis auf. Dieser Kreis hat keine Flächenfarbe und eine schwarze Kontur.

Freitagstutorial: Retro-Logo in Adobe Illustrator (1)

Step 2

Mit Strg+C kopieren wir den ausgewählten Kreis und fügen ihn mit Strg+F davor wieder ein. Dann verkleinern wir den kopierten Kreis mit gedrückter Alt- und Umschalt-Taste mit dem Auswahl-Werkzeug (V) etwas. Auch diesen Kreis kopieren wir wieder und verkleinern die Kopie, so dass wir am Ende dieses Schrittes drei Kreise haben, die in etwa wie folgt angeordnet sind:

Freitagstutorial: Retro-Logo in Adobe Illustrator (2)

Step 3

Mit dem Rechteck-Werkzeug (M) ziehen wir ein Rechteck auf, welches wir über die Kreise schieben.

Freitagstutorial: Retro-Logo in Adobe Illustrator (3)

Step 4

Jetzt kommen wir auch schon zum schwierigsten Schritt unserer Logo-Gestaltung. Wir müssen uns überlegen, was unsere Firma ausmacht und wie wir das in das Logo übertragen können. Bei uns als Online-Druckerei habe ich mir überlegt, ist es eine Verbindung zwischen dem Computer des Kunden zuhause und den Maschinen in unserer Druckerei. Da ich hier natürlich keine komplette Druckmaschine stilisieren will, breche ich das Ganze auf eine gewöhnliche Druckwalze herunter, deren Griff eine PC-Maus darstellen soll. Falls ihnen diese Icon-Erstellung zu aufwändig sein sollte, habe ich ihnen hier das fertige Icon zum Download bereitgestellt und sie können sofort zu Schritt 14 springen. Wir legen uns wieder ein neues 50 x 50 mm großes Dokument an und ziehen uns dort mit dem Pfad-Werkzeug (P) in etwa folgenden Pfad, welcher dann die Außenhülle unserer Maus bilden wird.

Freitagstutorial: Retro-Logo in Adobe Illustrator (4)

Step 5

Jetzt duplizieren wir diesen Pfad (Strg+C und Strg+F) und gehen auf Objekt->Transformieren->Spiegeln und spiegeln den Pfad vertikal. Die gespiegelte Kopie schieben wir dann mit dem Auswahl-Werkzeug (V) an die hier gezeigte Position.

Freitagstutorial: Retro-Logo in Adobe Illustrator (5)

Step 6

Damit aus diesen beiden Pfaden nun Einer entsteht, müssen wir die beiden oberen Ankerpunkte an den Pfad-Enden mit dem Direktauswahl-Werkzeug (A) markieren und dann auf Objekt->Pfad->Zusammenfügen (Strg+J) gehen. Das Gleiche müssen wir dann noch mit den beiden unteren Ankerpunkten machen. Die Konturfarbe des neu entstandenen Objekts ändern wir in „Ohne“ ab und die Flächenfarbe in #707070.

Freitagstutorial: Retro-Logo in Adobe Illustrator (6)

Step 7

Nun duplizieren wir wieder dieses Objekt und verkleinern die Kopie mit dem Auswahl-Werkzeug (V) und gedrückter Alt-Taste etwas in der Breite und dann noch ein wenig von unten nach oben. Im Anschluss positionieren wir die Kopie über dem Original und färben die Kopie mit der Farbe #AAAAAA ein.

Freitagstutorial: Retro-Logo in Adobe Illustrator (7)

Step 8

Mit dem Pfad-Werkzeug (P) beginnen wir nun unsere Maustasten nachzubilden. Die Konturstärke beträgt hier 0,5 pt und die Farbe der Kontur ist dieselbe wie beim ersten Maus-Objekt, #707070.

Freitagstutorial: Retro-Logo in Adobe Illustrator (8)

Step 9

Mit dem Ellipsen-Werkzeug (L) ziehen wir nun drei verschiedene Ellipsen, um das Scroll-Rad der Maus nachzubilden.

Freitagstutorial: Retro-Logo in Adobe Illustrator (9)

Step 10

Wir bilden uns nun eine Griffhülse mit dem Rechteck-Werkzeug (M) nach und geben dieser einen Verlauf mit den drei Farben des Scroll-Rades (#707070, #AAAAAA und #DBDBDB).

Freitagstutorial: Retro-Logo in Adobe Illustrator (10)

Step 11

Nun bilden wir die Halterungen für unsere Druckwalze nach. Dazu verwenden wir das Pfad-Werkzeug (P) und die Farbe #707070. Wenn eine Halterung fertig ist, duplizieren wir diese und spiegeln die Kopie vertikal.

Freitagstutorial: Retro-Logo in Adobe Illustrator (11)

Step 12

Mit dem Rechteckwerkzeug (M) und gedrückter Alt-Taste ziehen wir aus der Mitte heraus ein Rechteck auf, welches gleich die Druckwalze bilden wird. Damit wir den Verlauf nicht noch einmal neu definieren müssen, übertragen wir den Verlauf aus Schritt 10 auf diese Walze. Dazu wählen wir die Walze mit dem Auswahl-Werkzeug (V) aus und klicken mit dem Pipetten-Werkzeug (I) auf die Griffhülse und danach müssen wir nur noch den Winkel des Verlaufs in 90° ändern.

Freitagstutorial: Retro-Logo in Adobe Illustrator (12)

Step 13

Da jetzt natürlich die Proportionen noch nicht so richtig stimmen, müssen wir die Maus etwas verkleinern. Dazu markieren wir alle Mauselemente und skalieren sie proportional mit gedrückter Umschalt-Taste.

Freitagstutorial: Retro-Logo in Adobe Illustrator (13)

Step 14

Nachdem wir mit Strg+G alle Elemente gruppiert haben, können wir nun die fertige Druckwalze in unser eigentliches Dokument ziehen. Mit dem Auswahl-Werkzeug (V) und gedrückter Umschalt-Taste skalieren wir die Walze noch etwas und drehen sie auch noch ein Stück. Die Druckwalze schieben wir in der Ebenenpalette unter das Rechteck.

Freitagstutorial: Retro-Logo in Adobe Illustrator (14)

Step 15

Jetzt laden wir uns hier ,© Kimberly Geswein, dafont.com) die Schriftart „The Great Escape“ herunter und installieren diese auf unserem Computer. Dann kann es sein, dass wir Adobe Illustrator neu starten müssen, damit die Schriftart vom Programm erkannt wird. Mit dieser Schriftart und dem Text-Werkzeug (T) schreiben wir dann das Gründungsjahr unseres Unternehmens in den kleinen Kreis hinein.

Freitagstutorial: Retro-Logo in Adobe Illustrator (15)

Step 16

Wir wählen jetzt den soeben erstellten Text mit dem Auswahl-Werkzeug (V) aus und gehen auf Objekt->Transformieren->Verbiegen und scheren das Objekt hier horizontal um 20°.

Freitagstutorial: Retro-Logo in Adobe Illustrator (16)

Step 17

Wir drehen die Schrift nun noch ein wenig und wenden dann das Pinsel-Werkzeug (B) mit den im Bild zu sehenden Einstellungen (Konturstärke: 0,05 pt, Kreide-Kritzelei) an.

Freitagstutorial: Retro-Logo in Adobe Illustrator (17)

Step 18

Mit dem Textwerkzeug (T) schreiben wir nun unseren Firmennamen in das Rechteck. Die hier verwendete Schriftart ist „Rockwell Condensed“ die verwendete Schriftgröße ist 20 pt.

Freitagstutorial: Retro-Logo in Adobe Illustrator (18)

Step 19

Die Kontur des Rechtecks, welches die Schrift einrahmt ändern wir nun in „Ohne“ um und die Flächenfarbe des Rechtecks geben wir mit Weiß an. Dann markieren wir die Schrift und das Rechteck und gehen mit beiden markierten Objekten auf Effekt->3d->Drehen und geben dort die folgenden Werte ein (-13°/-15°/8°).

Freitagstutorial: Retro-Logo in Adobe Illustrator (19)

Step 20

Jetzt wählen wir mit dem Auswahl-Werkzeug (V) und gedrückter Umschalt-Taste die beiden äußeren Kreise aus und gehen auf Objekt->Zusammengesetzter Pfad->Erstellen (Strg+8). Dann wechseln wir die Konturfarbe mit der Flächenfarbe aus und gehen anschließend auf Effekt->Verzerrungs- und Transformationsfilter->ZickZack. Dort stellen wir diese Werte ein.

Freitagstutorial: Retro-Logo in Adobe Illustrator (20)

Step 21

Nun färben wir unser Bild etwas ein. Ich habe mich hier weitestgehend an das Printblogger.de-Design gehalten. Also Grün (#456D2C) für den Außenkreis, Orange (#C97928) für den Innenkreis und ein mattes Violett (#735972) für die Schrift und die Kontur des Pinselstrichs.

Freitagstutorial: Retro-Logo in Adobe Illustrator (21)

Step 22

Mit Strg+A wählen wir alle Elemente unserer Grafik aus und gruppieren sie wie immer mit Strg+G. Dann duplizieren wir diese Ebene, in dem wir die Ausgangsebene einfach auf das markierte Symbol ziehen und dann machen wir die Kopie unsichtbar und sperren sie.

Freitagstutorial: Retro-Logo in Adobe Illustrator (22)

Step 23

Von der obersten Ebene kopieren wir die Gruppe (Strg+C) und fügen sie davor wieder ein (Strg+F). Dann gehen wir mit der oberen ausgewählten Gruppe auf Objekt->Aussehen umwandeln und anschließend auf Objekt->Umwandeln. Hier bestätigen wir einfach mit OK.

Freitagstutorial: Retro-Logo in Adobe Illustrator (23)

Step 24

Mit dieser immer noch ausgewählten Gruppe wechseln wir in das Pathfinder-Fenster und gehen dort auf das markierte Symbol „Fläche aufteilen“. Danach nutzen wir das Zauberstab-Werkzeug (Y) und wählen das Weiß unseres Rechteckes unter dem Firmenschriftzug aus und löschen diese Auswahl.

Freitagstutorial: Retro-Logo in Adobe Illustrator (24)

Step 25

Wir wählen jetzt wieder die gesamte oberste Gruppe aus und gehen dann im Pathfinder-Fenster auf „Vereinen“. Die entstehende Fläche sollte dann so aussehen. Das Violett kommt zustande, da beim Vereinen die Farbeigenschaften des obersten Objektes der Gruppe bzw. der Ebene übernommen werden. In unserem Fall ist das die Schrift und die ist nun mal violett.

Freitagstutorial: Retro-Logo in Adobe Illustrator (25)

Step 26

Wir laden uns nun hier ,© Bjorgvin Gudmundsson) ein Texturpaket herunter und speichern das Bild „texturevault_net_9700.jpg“. Über Datei->Platzieren laden wir dieses Bild in unser Dokument. Mit gedrückter Alt- und Umschalt-Taste skalieren wir das Bild.

Freitagstutorial: Retro-Logo in Adobe Illustrator (26)

Step 27

Jetzt schieben wir unsere violett eingefärbte Gruppe wieder nach oben und ändern deren Farbe in Weiß. Dann markieren wir diese Gruppe und mit gedrückter Umschalt-Taste auch die soeben eingefügte Textur und wechseln ins Fenster „Transparenz“. Dort klappen wir das Menü aus und gehen auf „Deckkraftmaske erstellen“.

Freitagstutorial: Retro-Logo in Adobe Illustrator (27)

Step 28

Im gleichen Fenster stellen wir den Modus dieser neu entstandenen Ebene auf „Negativ multiplizieren“ um.

Freitagstutorial: Retro-Logo in Adobe Illustrator (28)

Step 29

Nun markieren wir wieder die gesamte obere Ebene, also die Deckkraftmaske und die Gruppe und gruppieren auch diese mit Strg+G. Dann ziehen wir in dieser Ebene mit dem Rechteck-Werkzeug (M) ein Quadrat über die gesamte Zeichenfläche und schieben dieses Quadrat in unserer Ebene unter die Gruppe.

Freitagstutorial: Retro-Logo in Adobe Illustrator (29)

Step 30

Mit dem Verlaufs-Werkzeug (G) fügen wir nun dem Rechteck einen Verlauf mit den Farbstopps bei #CBD4BC, #B0BF9A und #72975A hinzu.

Freitagstutorial: Retro-Logo in Adobe Illustrator (30)

Step 31

Zum Abschluss stellen wir den Modus der Gruppe auf „Multiplizieren“ um, duplizieren diese Gruppe und senken die Deckkraft der Kopie auf 25%.

Freitagstutorial: Retro-Logo in Adobe Illustrator (31)

Fertig!

Freitagstutorial: Retro-Logo in Adobe Illustrator

Dieser Blogbeitrag wurde von Thomas Trummer verfasst

Hallo, mein Name ist Thomas Trummer und bereits seit 2009 veröffentliche ich in regelmäßigen Abständen innovative Grafik-Tutorials. In diesen erkläre ich Step by Step die Gestaltung von Printmedien, das Erstellen von Effekten oder das Bearbeiten von Fotos. Einsteiger, aber auch Professionals, können mit Hilfe dieser Anleitung Flyer, Visitenkarten oder Poster von Anfang bis Ende optimal gestalten und diese im Anschluss bei SAXOPRINT bestellen.

Durch die Nutzung bekannter Grafikanwendungen wie Photoshop, Illustrator oder auch GIMP möchte ich auf die individuellen Bedürfnisse unserer Leser eingehen und die unterschiedlichen Handhabungen aufzeigen. Selbstverständlich freue ich mich an dieser Stelle über Feedback jeglicher Art.

Das könnte dich auch interessieren



Freitagstutorial: Bildzerfall in Illustrator

Freitagstutorial: Verlaufsgitter im Illustrator

Freitagstutorial: Retro-Visitenkarte in Illustrator

Kommentar hinterlassen

Mit dem Absenden des Kommentars bestätigst Du, dass Du unsere Datenschutzerklärung zur Kenntnis genommen hast.

  Abbrechen


  • THEMEN AUF DEM SAXOPRINT BLOG

    • Druck & Gestaltung
    • Tutorials
    • Gut zu wissen
    • Die Drucklotsin
    • Aus der Fertigung
    • Presse & Sponsoring
    • Gewinnspiele
    • Unsere Blogredaktion
  • Nichts mehr verpassen

    • 68231likes
    • 1819followers
    • 1417followers
    • 1150subscribers
  • 20 Jahre SAXOPRINT

  • Neueste Artikel

    • B2B-Kommunikationskanäle: Die 10 wichtigsten Kanäle
    • 5 Tipps für Messe Aussteller
    • Messevorbereitung: Die Top 5 Tipps vom Messeexperten
    • Messenachbereitung: 15 Tipps zur Effizienzsteigerung
    • Erfolgreiches Produktmarketing
  • Neueste Kommentare

    • Prozessfreie Plattenbelichtung SAXOPRINT (Teaser)Christopher Seidel kommentierte
      Prozessfreie Plattenbelichtung revolutioniert die Druckvorstufe
      Super geschriebener und informativer Artikel :-). In diesen Blog werde ich mich noch richtig einlesen

    • Der Offsetdruck – Definition und VerfahrensweiseUmweltschutz mit prozessfreier Plattenbelichtung bei SAXOPRINT kommentierte
      Der Offsetdruck – Definition und Verfahrensweise
      […] Bildpunkten (die druckbaren Stellen) gehärtet. Diese Stellen der Negativplatte nehmen im Druckprozess dann die Farbe auf...

    • Kurisu kommentierte
      Der Unterschied zwischen Pixel- und Vektorgrafiken
      In dem Artikel findet sich folgenden Überschrift: „Vektorgrafiken – die Bildraster“ Handelt es sich hierbei um einen F...

    • Die Ausbildung zum Medientechnologen Druck bei SAXOPRINT (Teaser)Robert Block kommentierte
      Die Ausbildung zum Medientechnologen Druck bei SAXOPRINT
      Hallo, danke für das Interesse an unserem Unternehmen. Ich würde Sie bitten, unsere Karriereplattform SAXOJOBS zu besuchen. Dort f...

    • Die Ausbildung zum Medientechnologen Druck bei SAXOPRINT (Teaser)Noureddin zand kommentierte
      Die Ausbildung zum Medientechnologen Druck bei SAXOPRINT
      Sehr geehrte Damen und Herren, ich suche eine Ausbildungsplatz. Ich habe eine Erfahrung bei Montage /Logistik/Kommissionieren/Ver...

  • Wonach suchst Du?



© SAXOPRINT 2019 Impressum & Datenschutz & Cookie-Einstellungen

Produkte
  • Flyer drucken
  • Aufkleber drucken
  • Broschüren drucken
  • Kalender & Werbekalender drucken
  • Visitenkarten drucken
Informationen
  • Über uns
  • Karriere
  • Druckdatenanleitung
  • Druckvorlagen
  • FAQ
Newsletter

Jetzt zum Newsletter anmelden und 5 Euro Willkommensgutschein für die nächste Bestellung sichern.

Kontakt

Persönliche Fachberatung

0351 20 44 444
Mo - Fr:
9 - 18 Uhr


Kontaktformular
service@saxoprint.de
700
engagierte Druckexperten
20
Jahre Druckerfahrung
3,3
Fussballfelder große Produktionsfläche
Kauf auf Rechnung
Vorkasse
Deutschland
  • Österreich
  • Schweiz
  • Großbritannien
  • Frankreich
  • Spanien
  • Italien
  • Niederlande
  • Belgien
AGB |  Datenschutz |  Impressum |  Karriere |  Kontakt |  Cookie-Einstellungen