logo
  • Home
  • Impressum
  • Artikel
  • Freebies
  • Inspiration
  • Tutorials
  • Shop

Firmen-CI mit plastischer Schrift

By ccvision 04. 05. 2010

Firmen-CI mit plastischer Schrift

Erfahren Sie in diesem Tutorial wie Sie in Illustrator einen Schriftzug modifizieren, ihn in Photoshop mit einem plastischen Texteffekt versehen und so ein komplettes Firmenerscheinungsbild entwickeln können.

1. Schriftmodifikation in Illustrator

In Illustrator können Sie eine vorhandene Schrift gezielt nach Ihren Wünschen verändern um so der Schrift einen eigenen Logo-Charakter zu verleihen.

1.1 Schrift setzen und in Pfade umwandeln

Setzen Sie die Schrift (hier: Impact) in Illustrator mit dem Textwerkzeug aus der Werkzeugpalette und wandeln Sie den Schriftzug anschließend um über „Schrift > In Pfade umwandeln“.
Schriftmodifikation in Illustrator

1.2 Ankerpunkte löschen

Mit dem Ankerpunkt-löschen-Werkzeug (-) können Sie vorhandene Ankerpunkte wie bei diesem T entfernen.
TIPP: Um den Pfad wieder zu schließen legen Sie mit dem Direktauswahl-Werkzeug die Ankerpunkte exakt übereinander und verbinden Sie diese mit Befehls-/STRG-Taste + J.
Ankerpunkte löschen

1.3 Pfadkanten anpassen

Wählen Sie mit dem Direktauswahl-Werkzeug die Pfadkanten zwischen zwei Ankerpunkten aus und verschieben Sie sie exakt mit gedrückter SHIFT-Taste. Als Hilfe können Sie aus den Linealen am Fensterrand (ein/ausblenden mit Befehls-/STRG-Taste + R) Hilfslinien ziehen.

Pfadkanten anpassen

1.4 Mehrere Ankerpunkte verschieben

Ziehen Sie mit dem Direktauswahl-Werkzeug (A) ein Rechteck auf und wählen so die an der Stelle befindenden Ankerpunkte aus. Mit gedrückter SHIFT-Taste können Sie nun die Höhe exakt senkrecht anpassen.

Mehrere Ankerpunkte verschieben

1.5 Schriftzug umfärben

Wählen Sie nun mit dem Gruppenauswahl-Werkzeug die Buchstaben aus, die Sie einfärben wollen. Hier wurden im Fenster  „Farbe“  (F6) als Firmen-Hausfarbe ein dunkles Grau und ein kräftiges Orange gewählt.

Schriftzug umfärben

2. Texteffekt in Photoshop

Für den Texteffekt kopieren Sie den gesamten Schriftzug und fügen Sie ihn eine Photoshop-Datei (hier: 575px Breite bei RGB 72dpi) als Smart-Objekt ein. So haben Sie die Möglichkeit den Schriftzug ohne  Qualitätsverlust zu skalieren.

2.1 Glanz

Erstellen Sie oberhalb des Schriftzuges (Smart-Objekt) eine neue Ebene über „Ebene > NEU > Ebene“ und ziehen dann mit dem Auswahlellipse-Werkzeug (M) eine Ellipse wie gezeigt auf. Über „Bearbeiten > Fläche füllen“ (F5) können Sie diese Weiß füllen. Anschließend verringern Sie die Ebenendeckkraft auf 30%.

Glanz-Effekt hinzufügen

2.2 Ebenenstil hinzufügen

Um dem Schriftzug eine plastische Anmutung zu verleihen wählen Sie die Ebene Smart-Objekt und gehen zu „Ebene > Ebenenstil > Schlagschatten“ und anschließend „Abgeflachte Kante und Relief“ und tragen die unten stehenden Werte ein.

Ebenenstil hinzufügen

2.3 Spiegelung erstellen

Um eine Spiegelung zu erzeugen, markieren Sie die beiden obersten Ebenen und ziehen Sie auf das neue-Ebene-Icon (roter Kreis) um eine Kopie der beiden Ebenen zu erstellen. Anschließend fügen Sie die beiden Kopien mit Befehls-/STRG-Taste + E   zu einer Ebene zusammen. Platzieren Sie die zusammengefügte Ebene ganz unten und benennen Sie sie durch Doppelklick  in Spiegelung um.

Spiegelung erstellen

2.4 Finale Bearbeitung

Fügen Sie der Ebene Spiegelung eine Ebenenmaske hinzu und ziehen mit dem Verlaufswerkzeug (G) einen schwarz-weiß Verlauf auf. So läuft die Spiegelung nach unten hin weich aus. Ein ausführliches Tutorial zum Arbeiten mit Ebenenmasken finden Sie hier.

finale Bearbeitung

3. Mögliches Firmen-CI

Firmen-CI


Schlagwörter: CI, Desgin, Logo, Schrifteffekt, Typografie

Ähnliche Beiträge

  • Professional Font Library
  • Typografische Portraits

Bookmarken:

  • Twitter
  • MisterWong.DE
  • del.icio.us
  • LinkArena
  • Oneview
  • Alltagz
  • Kledy
  • Google Bookmarks
  • Design Float
  • Webnews.de
  • Digg
  • Yigg
  • StumbleUpon
  • Technorati
  • Wikio
  • Add to favorites
  • Reddit


0 Kommentare zu "Firmen-CI mit plastischer Schrift"

Kommentar schreiben

Hier klicken, um die Antwort abzubrechen.


  • Follow us
    ccvision on twitter rss Facebook
  • Featured Posts
    Tilt-Shift-Effekt in Photoshop
    Tilt-Shift-Effekt in Photoshop
    Photoshop-Tutorial: Akzente setzen
    Photoshop-Tutorial: Akzente setzen
    Food-Fotografie in Miniaturansicht
    Food-Fotografie in Miniaturansicht
  • Werbung

    Microstock Bilder

    Butterfly Pantone Farbfächer

  • Beliebte Artikel

    Photoshop-Tutorial: Akzente setzen

    Tilt-Shift-Effekt in Photoshop

    15 kostenlose HQ Photoshop Brushes

    PS-Tutorial: Stempel im Grunge-Look

    Photoshop-Tutorial: Ebenenmasken

  • Kategorien
    • Artikel
    • Freebies
    • Illustrator
    • Inspiration
    • Photoshop
    • Tutorials

blog.ccvision.de

Kreativ-Blog für Grafik und Design