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: Glühlampenschrift erstellen

Freitagstutorial: Glühlampenschrift erstellen
von Thomas Trummer | 4. November 2011
0 Kommentare
Tags: Illustrator, Photoshop-Tutorials, Schriften, Tutorial

Es gab Zeiten, wie im Oscar-prämierten Schwarz-Weiß-Streifen „The Artist“ thematisiert, da brauchte ein Kino keine aufwendige Reklame, um die Zuschauer in die Säle zu locken. Da genügte ein aus Glühlampen gebildeter Schriftzug als Aushängeschild. Was für eine stromsparende Variante! Obwohl, Energiesparlampen gab es damals wohl noch nicht. Diese Zeiten kann man in Adobe Illustrator mit mehreren Konturen über einem Schriftzug wieder zurückkehren lassen. Aber mehr noch! Dieser Effekt kann beispielsweise für eine Einladung in Adobe Photoshop adaptiert werden. Wie das möglich ist, zeigt dieses Tutorial.

Step 1

In Adobe Illustrator ein 640 x 480 px großes Dokument (Strg + N) erstellen. Dann mit dem Rechteck-Werkzeug (M) ein genauso großes Rechteck über die gesamte Zeichenfläche ziehen und dieses mit der Farbe #282324 füllen. Dann in das Aussehen-Fenster (Fenster -> Aussehen) wechseln und dort bei Kontur „Ohne“ einstellen.
Über den markierten Button eine zweite Fläche hinzufügen und diese mit einem Muster aus der Palette „Farbfelder“ versehen (Fenster -> Farbfelder, dort auf das markierte Symbol gehen -> Muster -> Einfache Grafiken -> Einfache Grafiken_Linien). Das markierte Muster auswählen, dessen Deckkraft auf 15 % senken und den Ebenenmodus in „Multiplizieren“ ändern. Dann mit Klick auf das Funktionen-Symbol den Effekt „Körnung und Aufhellung“ hinzufügen (Effekt -> Kunstfilter -> Körnung und Aufhellung).

tutorial_gluehlampenschrift_schritt-1

Step 2

Diese Ebene durch Doppelklick in „Hintergrund“ umbenennen, sie danach sperren und dann eine neue Ebene für den Text erstellen. In dieser Ebene kann mit dem Textwerkzeug (T) ein beliebiger Text mit der hier heruntergeladenen (und unter C:WINDOWSFonts installierten) Schriftart „Bumbastika“ erzeugt werden.

tutorial_gluehlampenschrift_schritt-2

Step 3

Der Schrift nun die Farbe #FFD91D zuweisen. Dann die Schrift mit dem Auswahl-Werkzeug (V) markieren und auf Objekt -> Umwandeln klicken. Anschließend auf Objekt -> Zusammengesetzter Pfad -> Erstellen.

tutorial_gluehlampenschrift_schritt-3

Step 4

In den folgenden Schritten wird nun wiederholt das Aussehen-Fenster eine Rolle spielen. Dabei ist es wichtig, dass der Text ausgewählt ist. Zunächst der Fläche mit Klick auf das Effektsymbol -> Verzerrungs – und Transformationsfilter -> Transformieren die im Bild dargestellte Transformation hinzufügen. Über das Effektsymbol -> Weichzeichnungsfilter -> Gaußscher Weichzeichner eine Weichzeichnung mit 7 px Radius hinzufügen und die Deckkraft der Fläche auf 5 % senken.

tutorial_gluehlampenschrift_schritt-4

Step 5

Es folgt der erste Schritt zur Bearbeitung der Kontur. Dieser sollte die Farbe #E17D00 gegeben werden. Als Stärke 6 pt einstellen, der Abschluss wird abgerundet und die Ecken sind Gehrungsecken (Max. 4 x). Außerdem die Linie als „Gestrichelte Linie“ (O pt, 12 pt) ausführen.

tutorial_gluehlampenschrift_schritt-5

Step 6

Dieser Kontur muss noch ein Schlagschatten hinzugefügt werden. Dazu auf das Effektsymbol klicken und danach auf Stilisierungsfilter -> Schlagschatten klicken und folgendes einstellen: Versatz X und Y jeweils 1 px; Weichzeichnen: 1 px, Farbe: Schwarz.

tutorial_gluehlampenschrift_schritt-6

Step 7

Mit Klick auf das markierte Symbol nun das Kontur markieren und die Kontur unter die soeben bearbeitete Kontur schieben. Diese kopierte Kontur mit Schwarz (#000000) einfärben. Dann wieder auf den Transformieren-Effekt und die Kontur vertikal um 3 px verschieben. Auch dieser Kontur einen 3 px starken Gaußschen Weichzeichner hinzufügen.

tutorial_gluehlampenschrift_schritt-7

Step 8

Nun erneut die oberste Kontur duplizieren und den Schlagschatten löschen, indem dieser Effekt auf das Papierkorb-Symbol unten rechts gezogen wird. Dann als Farbe #F4C338 einstellen und die Stärke der Kontur auf 4 pt verringern. Nun die Kontur transformieren, indem sie in jede Richtung um – 0,5 pt verschoben wird. Dann noch in der Konturfarbe einen „Schein nach außen“ hinzufügen.

tutorial_gluehlampenschrift_schritt-8

Step 9

Die Kontur erneut duplizieren, deren Stärke auf 2 pt verringern und die Farbe in #F7F2C1 ändern. Den Schein nach außen löschen und die Kontur um – 0,75 pt in beide Richtungen verschieben.

tutorial_gluehlampenschrift_schritt-9

Step 10

Einer weiteren Kopie der Kontur dann die Farbe #F7D95C zuweisen. Dann die Effekte „Transformieren“ und „Schein nach außen“ löschen und stattdessen dafür auf Verzerrungs- und Transformationsfilter -> Zusammenziehen und Aufblasen gehen und dort den Wert + 15 % einstellen. Dann noch einen 1 px starken Gaußschen Weichzeichner hinzupacken.

tutorial_gluehlampenschrift_schritt-10

Step 11

Diese Kontur nun ein letztes Mal duplizieren. Die Kopie erhält die Farbe #FFDF16. Der Regler wird auf +30 % in Richtung Aufblasen gezogen und der Radius der Weichzeichnung auf 2,5 px erhöht.

tutorial_gluehlampenschrift_schritt-11

Step 12

Die Bearbeitung des Textes ist damit abgeschlossen. Nun mit dem Rechteck-Werkzeug (M) per Doppelklick ein 40 x 200 px großes Rechteck erstellen.

tutorial_gluehlampenschrift_schritt-12

Step 13

Mit dem Direktauswahl-Werkzeug (A) die beiden unteren Ankerpunkte des Rechtecks markieren und diese um etwa 100 px nach rechts ziehen. Die Änderung der Position auf der x-Skala lässt sich während des Verschiebens im Info-Fenster ablesen. Dann das Parallelogramm kopieren (Strg + C) und davor wieder einfügen (Strg + F). Diese Aktion muss wiederholt werden wir, bis insgesamt sechs Parallelogramme vorliegen. Anschließend diese mit dem Auswahl-Werkzeug (V) verschieben, bis in etwa folgendes Bild entsteht.

tutorial_gluehlampenschrift_schritt-13

Step 14

Jetzt nacheinander beide Dreiergruppen markieren und für jede Gruppe auf Objekt -> Zusammengesetzter Pfad -> Erstellen gehen. Dann den Text kopieren und ihn wieder davor einfügen. Zusätzlich zum kopierten Text noch die erste Rechteckgruppe markieren und dann auf das im Pathfinder markierte Symbol („Schnittmenge bilden“) klicken. Zum Abschluss dieses Schrittes wieder Objekt -> Zusammengesetzter Pfad -> Erstellen auswählen.

tutorial_gluehlampenschrift_schritt-14

Step 15

Mit dem Verlaufswerkzeug (G) einen Verlauf von #FFDF17 zu Transparent ziehen. Diese Gruppe im Aussehen-Fenster mit 10 px weichzeichnen und die Deckkraft auf 10 % senken.

tutorial_gluehlampenschrift_schritt-15

Step 16

Die Schritte 14 und 15 müssen nun auch für die rechte Gruppe von Rechtecken durchgeführt werden. Damit das Aussehen der neuen Fläche nicht separat verändert werden muss, kann die markierte Fläche mit gedrückter Alt-Taste auf den neuen zusammengesetzten Pfad gezogen und somit das Aussehen der ersten Gruppe auf die Zweite kopiert werden. Mit diesem Effekt lassen sich dann zum Beispiel auch Texteffekt für Visitenkarten oder Einladungen gestalten. Die Erstellung einer solchen Einladungskarte mit Adobe Photoshop folgt als nächstes.

tutorial_gluehlampenschrift_schritt-16

Step 17

Um diesen Effekt auch für eine Einladung oder Visitenkarte anwenden zu können, muss er skalierbar sein. Mit dem bereits erstellten und nun markierten Text auf Objekt -> Transformieren -> Skalieren. Dort muss der Haken bei „Konturen und Effekte skalieren“ gesetzt sein.

tutorial_gluehlampenschrift_schritt-17

Step 18

Nun in Adobe Photoshop wechseln und dort ein neues Dokument mit beliebigen Maßen (hier 15 x 15 cm mit jeweils 5 mm Sicherheitsabstand an den Rändern) erstellen. Wichtig für den späteren Druck sind nur die Auflösung von 300 dpi und der eingestellte CYMK-Farbmodus. Damit später nichts Wichtiges in der Druckerei abgeschnitten wird, mit der Linealleiste (Strg + R) Hilfslinien im 5 mm Randabstand als Begrenzung ziehen.

tutorial_gluehlampenschrift_schritt-18

Step 19

Mit dem Verlaufswerkzeug (G) einen geraden (Umschalt-Taste gedrückt halten), linearen Verlauf von #EAB629 zu #91430F ziehen. In einer neuen Ebene (Umschalt + Strg + N) mit dem Eigene-Form-Werkzeug die „Passmarke 2“ mit gedrückter Alt- und Umschalt-Taste aus der Bildmitte herausziehen. Im Anschluss die Deckkraft der Ebene auf 20 % reduzieren. (Vorsicht! Die Tastenkombination Alt + Umschalt schaltet die bekannte Tastatur in die englische Tastatur um. Nochmaliges betätigen dieser Tastenkombination macht die Änderung rückgängig!)

tutorial_gluehlampenschrift_schritt-19

Step 20

Mit dem Rechteckwerkzeug (M) in einer neuen Ebene ein weißes Rechteck aufziehen. Mit Doppelklick auf diese Ebene deren Ebenenstil öffnen und auf Kontur klicken. Mit der Füllart „Verlauf“ einen linearen Verlauf von #4C4C4C zu #000000 einstellen. Dieser Verlauf hat einen Winkel von 90°, eine Stärke von 50 px und als Position „Innen“.

tutorial_gluehlampenschrift_schritt-20

Step 21

Mit einem 40 px großen und 0 % harten Pinsel (P) mit der Farbe #FF6B09 in einer neuen Ebene entlang der Hilfslinien in festen Abständen die Grundlage für die Lampen der Werbetafel zeichnen.

tutorial_gluehlampenschrift_schritt-21

Step 22

Den Pinsel auf 20 px verkleinern und dessen Härte auf 60 % erhöhen. Dann in der Farbe #FCFCC7 die Highlights der Lämpchen setzen.

tutorial_gluehlampenschrift_schritt-22

Step 23

Mit dem Linienzeichner-Werkzeug (U) in einer neuen Ebene drei 3 px starke, horizontale Linien (dazu beim Ziehen die Umschalt-Taste gedrückt halten) mit der Farbe #4D4D4D hinzufügen.

tutorial_gluehlampenschrift_schritt-23

Step 24

Nun den Text mit dem Auswahl-Werkzeug (V) aus Illustrator in Photoshop hereinziehen und auf die richtige Größe skalieren. Danach alle „Tafelobjekte“ (Strg + G) gruppieren, die Tafel drehen und die Hilfslinien löschen (Ansicht -> Hilfslinien löschen). Viel Spaß beim Ausprobieren!

tutorial_gluehlampenschrift_schritt-24

Fertig!

einladung-gluhlampenschrift

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: Texturen in Illustrator erstellen

Freitagstutorial: Gradientenschrift in Illustrator

Freitagstutorial: Glasschrift im 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