-
Pink Trap Texteffekt
07.03.2008 in Typografie von 2d4u
- Kategorie: Typografie
- Erstellt mit Programmversion: PS CS 1
- Dateigröße (PDF): 2.1 MB
- Bisherige Zugriffe: 4440
Lieber Gast …
… die Inhalte von PSD-Tutorials.de stehen nur registrierten Mitgliedern zur Verfügung. Damit wollen wir den Communitygedanken weiterführen. Als Mitglied trägst du - wenn auch nur im Kleinen - zum Puls der Community bei. Und nur so ist es möglich, weiterhin hochwertige Inhalte für alle bereitzustellen.
Vorteile der kostenlosen Mitgliedschaft
Mit der kostenlosen und schnell erledigten Registrierung erhältst du viele nachhaltige Vorteile, die wir dir hier in aller Kürze aufzeigen möchten:
- PSD steht für professionelles Know-how in den Bereichen Bildbearbeitung mit Photoshop, Fotografie, Webentwicklung, Layout- und Vektorbearbeitung, 3D-Bearbeitung mit Cinema 4D und Co.
- Über 2200 Tutorials mit druckbarer PDF-Datei und teilweise den zugehörigen Arbeitsmaterialien
- Mehr als 500 Video-Trainings als Stream zur Direktanzeige und zum Download
- Abruf von über 1000 Downloads zu Photoshop-Presets, 3D-Modellen, Grußkarten, Texturen & Co
- Zugriff auf ein sehr aktives Forum mit Antworten im Minutentakt
- Deine Daten sind sicher. Sie werden nicht weitergegeben! Die Mitgliedschaft kann jederzeit und ohne Aufwand wieder gelöscht werden.
Reinschnuppern als Gast
Niemand kauft gerne die Katze im Sack, auch wenn sie kostenlos ist. Wir haben eine Handvoll Tutorials und Video-Trainings ausgesucht, die du auch als Gast ohne Registrierung ansehen kannst. Gefallen sie dir, stehen dir nach der Registrierung alle oben genannten Inhalte zur Verfügung.
- Download: Sepia-Vintage-Effekt-Aktion
- Download: Spiegelungen 2
- Download: Vektor-Logo (Eidechse)
- Tutorial: Linien zum Glühen bringen
- Tutorial: Ballons aus einer Schublade
- Tutorial: Neue Pinsel erstellen leicht gemacht
- Tutorial: Kommerzielle Fotografie 01: Berufswunsch Fotografie
- Videotraining: Die Programmoberfläche und der Arbeitsbereich von Adobe InDesign
- Videotraining: Lichtscheinkontureneffekt mit Animation
- Videotraining: CorelDRAW X6 Grundlagen - Hilfsmittel Freihand, 2-Punkt-Linie, Bezier, B-Spline, Polylinie, Stift, 3-Punkt-Kurve
- Videotraining: CorelDRAW X6 Grundlagen: Hilfsmittel Form - Heranziehen, Zurückweisen
Das Punktesystem
Einen winzigen Haken gibt es noch. Es gibt bei uns ein Punktesystem. Damit soll erreicht werden, dass Mitglieder sich aktiv in unserer Community beteiligen. Sobald du im Forum schreibst oder Tutorials kommentierst, bekommst du Punkte. Mit diesen Punkten kannst du wiederum Tutorials anschauen oder Downloads herunterladen. Mit der Registrierung bei PSD-Tutorials.de erhältst du ein Startguthaben von 100 Punkten, womit du schon ein gutes Stück weit kommst.
Photoshop-Workshop-DVD - Effekte für Typo, Layout & Foto
- 24 Stunden Video-Training
- 85 Tutorials als HTML & PDF-Version (2.300 PDF-Seiten!)
- Arbeitsdateien und Stile & Aktionen zu den Tutorials von diversen Effekten
- Aktion: Jetzt 10% sparen mit diesem Gutschein-Code: 10ASEBSWE
Kommentare
Weitere KommentareTutorial empfehlen
Anleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)
Hallo und Herzlich Willkommen zu meinem neuen Tut!
Für mein neuestes Bild "pink trap" habe ich einen schönen "girly" Texteffekt gesucht und was dabei nach einer halben Stunde rumprobieren rausgekommen ist, das habe ich für euch nochmal in einem kleinen Tutorial zusammengefasst.
Schritt 1: Schriftzug in leere Datei einfügen

Wir suchen uns eine schöne fette Schrift, installieren sie über die Systemsteuerung oder den Fontmanager unseres Vertrauens und fügen sie ein ein jungfräuliches Dokument ein. In meinem Fall habe ich die Bambino gewählt und in ein 600x200 Pixel großes Dokument gesetzt. Den Zeichenabstand habe ich verringert, da die Buchstaben nicht zuweit auseinander sein sollten. Andererseits dürfen sie sich aber auch nicht Überlagern, denn das sieht am Ende immer suboptimal aus.
An dieser Stelle möchte ich nochmal eine Warnung aussprechen. Die gewählte Schriftart sollte unbedingt fett und breit sein. Es gibt kaum einen Anfänger, der nicht in die Falle tappt, übertriebene Texteffekte auf normale Schriftarten wie die Times oder die Arial zu setzen. Wenn man großkotzige Texteffekte wie z.B. "Abgeflachte Kante und Relief" verwenden will, muss der Text auch genug Fläche dafür bieten!
Schritt 2: Kontur auf die Textebene legen

Nun legen wir eine Kontur auf die eben erstellte Textebene. Dabei sollte die Kontur einerseits nicht zu groß sein, andererseits aber auch nicht zu klein. Wichtig ist vor allem, dass die Punzen, also die Zwischenräume bei den einzelnen Buchstaben, komplett ausgefüllt sind.
Die Farbe der Kontur spielt keine Rolle, da sie später überlagert wird.
Schritt 3: Ebenenstil in Ebene umwandeln.

Jetzt kurz aufpassen, denn dieser Schritt ist gleichermaßen wichtig wie praktisch! Wir können unseren Kontur-Ebenenstil in eine ganz normale Ebene umwandeln.
Rechtsklick auf die Effekte in der Ebenenpalette gefolgt von einem Klick auf "Ebene erstellen". Alternativ auch über Ebene->Ebenenstil zu finden.
Dadurch verlieren wir die Kontrolle über die Einstellungen, die uns das Ebenenstil-Fenster geboten hat (Größe, Füllung usw.), dafür genießen wir alle Freiheiten, die uns Photoshop ansonsten bietet. Mit diesem Trick können wir alle Ebenenstile transformieren, radieren, tonwertkorrigieren oder was auch immer das Herz begehrt.
Schritt 4: Kurzer Check

Wenn alles glatt gelaufen ist, dann haben wir jetzt die Textebene und darunter die "Kontur von ..." Ebene. Beide bekommen jetzt einen Ebenenstil mit je zwei Effekten spendiert.
Schritt 5: Ebenenstil für die "Kontur von ..." Ebene

Zunächst bekommt die Kontur einen schönen Verlauf von einem #777777-Grau nach einem #0A0A0A-Grau im exakten 90° Winkel.

Darauf folgt eine schwarze Kontur mit etwa 5 Pixeln Größe. Wenn wir bei "Position" die Mitte anstatt "außen" wählen, wird das Ergebnis ein wenig runder und niedlicher anzuschauen.
Schritt 6: Ebenenstil für die Text-Ebene

Zunächst bekommt unsere Text-Ebene einen ganz sanften 3D-Effekt. Dieser sollte etwa zur Hälfte in die Schrift reinragen, bei mir waren das 21 Pixel, schön weich sein und exakt im 90° Winkel positioniert sein. Letzteres sorgt für ein schönes, gleichmäßiges Aussehen der Buchstaben und harmoniert prächtig mit dem Verlauf auf der Kontur-Ebene.
Die Deckkraft für das weiße Glanzlicht habe ich auf 30% gesetzt und die Tiefen nur mit 20% dargestellt. Hier ist definitiv Feingefühl gefragt und weniger ist immer mehr!

Ergänzt wird das Ganze durch ein weißen Schein nach innen. Dieser ist bei etwa 30% angesetzt und darf nicht zu weit in den Text hineinragen. 5 Pixel Unterfüllung und eine Größe von 12 Pixel waren in meinem Fall perfekt.
Schritt 7: Fertig!

Dat war's! Kritik, Kommentare und Sternchen immer gern gesehen, Fragen dazu einfach im Forum posten.
Bis zum nächsten Mal,
2d4u
-
Reklame
-
-
- After Effects Ram-Vorschau - Problem mit Cache (aktualisert nicht)
- blender render stürzt ständig ab
- jQuery - Größe von einem Frameset ändern?
- [CS5] "Löschen-Mitteilung"
- Zerissenes Foto
- Biete Programmierung Ihres PSD-Designs
- Fehler beim Platzieren von Bildern
- Zeilenumbruch CS4
- Gestaltung eines Logos
- Kaufberatung Drucker
- Dynamische Auswahlliste: Name und ID übergeben
- Adobe Encore - Probleme Schaltflächen Unterbild
- 2 Fotos mit unterschiedlichem Schlagschatten in einer Datei
- Copyright-Frage - öffentliche Veranstaltung
- Photoshop auf Mini Lappi
- Link auf Anker - Firefox Problem
- Auftrag: Individuelle Flash-Gallerie
- Webseite - Menüproblem sowie Anordnung des Facebook Buttons
- PSD Aktionen om Paint Shop Pro einbinden. Wie geht das?
- Buch-Vorschläge...
-
-
Aktuelles Commag
Anzeige
-
Anzeige


Emely2010
28.02.2011 - 18:35
netter tut... vielen dank
Belze
08.05.2010 - 20:13
gut :)
wirklich schön ♥
Rickgfx
04.05.2010 - 15:18
cool wirklich super erklärt danke! 5 Sterne
Barbiii
02.05.2010 - 20:35
sehr sehr gut ;) ...
chrisiii10
27.03.2010 - 15:07
gutes tut .. danke :) hat prima geklappt
byMOB
06.01.2010 - 19:53
Netter Effekt! Danke dafür! Schrift gibbet bei dafont.com (Bambino).
Ramon1984
08.11.2009 - 14:49
Nice coole sache und schön erklärt aber wo bekomme ich die schrift her?
chriz89
25.09.2009 - 15:06
nice turtorial , sehr gut erklärt super :)
salih85
20.09.2009 - 00:24
cool sache , hab ich sogar verstanden
User hat PSD-Tutorials.de verlassen
16.09.2009 - 17:57
Supi =)
susi171188
04.09.2009 - 11:32
das ist nen tolles tutorial...gut gelungen!!
Majmun
06.08.2009 - 21:07
Tolles tutorial echt super erklärt! noch mehr solcher bitte =)
Sabso
03.08.2009 - 14:14
das ist cool gemacht, nur ich versteh das nicht mit den schriftarten downloaden^^
User hat PSD-Tutorials.de verlassen
24.07.2009 - 14:52
haha wie geil und cool beschrieben xD
User hat PSD-Tutorials.de verlassen
28.05.2009 - 23:31
Nice. Mehr brauch ich gar nicht zu sagen^^
katzenpup
20.04.2009 - 14:18
Gut erklärt und nachvollziehbar. Genau das richtige Tut zur rechten Zeit!
Danke!
User hat PSD-Tutorials.de verlassen
07.03.2009 - 20:13
sehr schön :)
ich liebe die farbe
pinkp
09.10.2008 - 20:33
gut erklärt, vorallem für neulinge (wie mich :D)
User hat PSD-Tutorials.de verlassen
19.07.2008 - 00:30
perfekt für neueinsteiger und gut erklärt
d3r_p0hl3
03.06.2008 - 18:15
sehr gut erklährt. nice