Kostenfreier StandardversandKauf auf RechnungOnline-Designer
0351 20 44 444Mo - Fr: 9 - 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
    • Gastronomie-Schreibblö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 
  • Gesichtsmasken
    Gesichtsmasken
    Gesichtsvisiere
    Alle Produkte anzeigen 
  • Service und Hilfe
    Bestellinformationen
    • Bestellprozess
    • Logosponsoring
    • Reseller
    • Sicherheit
    • Vorteile
    Druckdaten
    • Datencheck
    • Druckdatenanleitung
    • Druckvorlagen
    • Online-Designer
    • SAXOPRINT® pro design
    Produktoptionen
    • Druckveredelungen
    • Produktmuster
    • Sonderfarben
    FAQÜber unsBlog
    Persönlicher KontaktPersönliche Fachberatung
    • 0351 20 44 444
    • Mo - Fr:9 - 18 Uhr
    •  
    • service@saxoprint.de
    • Kontaktformular
  • Anmelden Hallo ##Anrede## ##Nachname##

    Neukunde? Registrieren.

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

Freitagstutorial: Mosaik-Schrift in Illustrator

Freitagstutorial: Mosaik-Schrift in Illustrator
von Thomas Trummer | 20. April 2012
0 Kommentare
Tags: Illustrator, Texteffekte, Tutorial

In modernen Badezimmern sind sie der Renner: Mosaik-Fliesen. Mit Hilfe dieser kleinen Kacheln können schöne Muster, Bilder oder gar Wörter erzeugt werden, die nicht nur in Badezimmern besonders wirken. Deshalb kam mir die Idee ein Tutorial mit einer Mosaik-Schrift zu erstellen. In 16 Steps zeige ich wie es geht.

Step 1

In Adobe Illustrator erstellen wir uns zunächst ein 600 x 300 px großes Dokument. Diesem fügen wir dann mit dem Rechteck-Werkzeug (M) ein Rechteck über die gesamte Zeichenfläche mit der Farbe #EDEDED hinzu.

Freitagstutorial: Mosaik-Schrift in Adobe Illustrator (1)

Step 2

Im zweiten Schritt wechseln wir mit dem immer noch aktiven Rechteck in das Aussehen-Fenster (Fenster->Aussehen) und fügen dort mit Klick auf das markierte Symbol eine zweite Fläche über der ersten hinzu. Mit dem Verlaufs-Werkzeug (G) ziehen wir einen radialen Verlauf von #EDEDED zu #C6C6C6, wie im Bild zu sehen. Die Deckkraft des linken Farbstopps reduzieren wir hier auf 0 %. Den kreisförmigen Verlauf können wir in einen elliptischen Verlauf umwandeln in dem wir einfach den oberen Wendepunkt etwas nach innen ziehen.

Freitagstutorial: Mosaik-Schrift in Adobe Illustrator (2)

Step 3

Nun fügen wir eine dritte, schwarze Fläche hinzu. Für diese gehen wir auf Effekt->Kunstfilter->Körnung & Aufhellung. Dort tragen wir die folgenden Werte ein: Körnung 20; Aufhellungsbereich 0; Intensität: 10. Dann senken wir die Deckkraft dieser Fläche auf 5 %.

Freitagstutorial: Mosaik-Schrift in Adobe Illustrator (3)

Step 4

Jetzt laden wir uns hier die gekachelte Schriftart „Arcade“ herunter und installieren diese auf unserem Computer. Mit dem Text-Werkzeug (T) schreiben wir dann einen beliebigen Text. Damit wir unseren Text in der Bildmitte platzieren, markieren wir ihn mit dem Auswahl-Werkzeug (V) und klicken auf die beiden markierten Symbole oben in der Steuerungsleiste.

Freitagstutorial: Mosaik-Schrift in Adobe Illustrator (4)

Step 5

Mit dem markierten Text gehen wir auf Objekt->Umwandeln und bestätigen mit OK. Dann gehen wir mit dem immer noch markierten Text in das Pathfinder-Fenster und klicken auf das markierte Symbol „Fläche aufteilen“. Dann heben wir die Gruppierung mit Umschalt+Strg+G wieder auf.

Freitagstutorial: Mosaik-Schrift in Adobe Illustrator (5)

Step 6

In diesem Schritt erstellen wir uns das eigentliche Mosaik-Muster. Dazu markieren wir mit dem Direktauswahl-Werkzeug (A) und gedrückter Umschalt-Taste diagonal von oben links beginnend die jeweiligen Quadrate der Schrift und füllen sie mit Weiß (#FFFFFF).

Freitagstutorial: Mosaik-Schrift in Adobe Illustrator (6)

Step 7

Dann markieren wir ein weißes Quadrat mit dem Direktauswahl-Werkzeug (A) und gehen auf Auswahl->Gleich->Aussehen. Damit werden sofort alle weißen Quadrate ausgewählt und können nun über Strg+G gruppiert werden.

Freitagstutorial: Mosaik-Schrift in Adobe Illustrator (7)

Step 8

Die Schritte 6 und 7 wiederholen wir nun mit den noch schwarzen Quadraten. Diese färben wir mit der Farbe #0A6EA5 ein und gruppieren sie anschließend wieder.

Freitagstutorial: Mosaik-Schrift in Adobe Illustrator (8)

Step 9

Nun markieren wir wieder die Gruppe mit den blauen Mosaiken, gehen auf Objekt->Pfad->Pfad verschieben und geben dort beim Versatz -1 px ein. Wir gruppieren die entstandenen Objekte nun, wählen die außenstehenden, großen Kacheln aus (Auswahl->Gleich->Aussehen), ziehen die soeben erstellte Gruppe von dieser Auswahl ab (mit gedrückter Umschalt- und Strg-Taste auf das blaue Kästchen neben der Gruppe klicken) und löschen die überstehenden Kacheln.

Freitagstutorial: Mosaik-Schrift in Adobe Illustrator (9)

Step 10

Jetzt wählen wir die Gruppe der weißen Kacheln aus und verschieben auch diese, allerdings nur um -0,5 px. Dann gruppieren wir wieder die entstandenen neuen Objekte und löschen wieder die äußeren Mosaike.

Freitagstutorial: Mosaik-Schrift in Adobe Illustrator (10)

Step 11

In diesem Schritt kommt nun schon einer der „Magic Steps“. Wir markieren mit dem Direktauswahl-Werkzeug (A) ein weißes Quadrat aus und gehen auf Effekt->3d->Extrudieren und abgeflachte Kante. Dort stellen wir die im Bild zu sehenden Werte ein.

Freitagstutorial: Mosaik-Schrift in Adobe Illustrator (11)

Step 12

Damit nun auch alle anderen weißen Quadrate dieses Aussehen bekommen, markieren wir ein weißes Quadrat, wählen alle anderen weißen Rechtecke aus (Auswahl->Gleich->Aussehen) und gehen anschließend wieder auf Effekt->“Extrudieren und abgeflachte Kante“ anwenden.

Freitagstutorial: Mosaik-Schrift in Adobe Illustrator (12)

Step 13

Um die räumliche Wirkung unserer Mosaiksteine noch zu erhöhen müssen wir ihnen zwei verschiedene Schlagschatten hinzufügen. Dazu markieren wir die Gruppe mit den weißen Quadraten und gehen im Aussehen-Fenster in den Inhalt der Gruppe. Dort klicken wir auf das Effekt-Symbol und gehen auf Stilisierungsfilter->Schlagschatten. Dort stellen wir die im Bild unter 1. zu sehenden Werte ein. Danach gehen wir noch einmal auf das Effekt-Symbol und fügen einen zweiten Schlagschatten mit den Werten unter 2. hinzu.

Freitagstutorial: Mosaik-Schrift in Adobe Illustrator (13)

Step 14

Jetzt müssen wir aus unserem blauen, 2d-Kacheln noch virtuelle 3d-Objekte machen. Dazu markieren wir wieder ein Rechteck und gehen auf Effekt->3d->Extrudieren und abgeflachte Kante. Dort stellen wir die folgenden Werte ein:

Freitagstutorial: Mosaik-Schrift in Adobe Illustrator (14)

Step 15

Nun übertragen wir wieder diesen Effekt von einem auf alle Quadrate.

Freitagstutorial: Mosaik-Schrift in Adobe Illustrator (15)

Step 16

Zum Abschluss wenden wir wieder die beiden gleichen Schlagschatteneffekte wie in Schritt 13 beschrieben an. Damit sind wir dann auch schon mit den Arbeiten an unserem Texteffekt fertig.

Freitagstutorial: Mosaik-Schrift in Adobe Illustrator (16)

Fertig!

Freitagstutorial: Mosaik-Schrift 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: Flyer mit Retro-Schrift

Freitagstutorial: Glasschrift im Illustrator

Freitagstutorial: Kreidetafel-Postkarte 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
    • 1419followers
    • 1140subscribers
  • 20 Jahre SAXOPRINT

  • Neueste Artikel

    • Prozessfreie Plattenbelichtung revolutioniert die Druckvorstufe
    • Messeziele: Optimieren Sie Ihre Messeinvestition
    • Ein Messegespräch führen: Die Top 5 Dos & Don’ts
    • Messe & Marketing: Synergien durch crossmediale Strategie
    • Die Messestand Konzeption: Auf Ihre Ziele kommt es an
  • Neueste Kommentare

    • 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...

    • Floyd kommentierte
      InDesign-Tutorial: Ein modernes Buchcover selbst gestalten
      Ich erstelle meist 2-3 mögliche Coverdesigns und erstelle daraus jeweilige Mockups, die ziemlich real aussehen (https://www.chris-...

  • 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