spacer

Tutorial Nr.5 | Lichtgevende letters

Mijn lekker ouderwetse Adobe Photoshop-techniek om letters te laten ‘gloeien’ is een van de allereerste die ik ontwikkelde, toen ik nog maar net bij FontShop werkte. Ze is geïnspireerd door Neville Brody’s FF Blur en F Flo Motion uit FUSE 5 - Virtual. Vooral FF Blur bleek destijds waanzinnig populair. Om eerlijk te zijn was de truc om letters onscherp te zetten met de reprocamera niet echt vernieuwend. Voor een concertaffiche probeerde ik het effect te verhogen en de indruk te wekken dat de letters opgloeiden en wegsmolten. Zo ontstond onderstaande techniek.



Zoals gewoonlijk maken we een typografische compositie in Adobe Illustrator of rechtstreeks een Grayscale beeld in Adobe Photoshop. De letters moeten negatief uitgespaard zijn op een zwarte achtergrond. Om een beetje in de Kerstsfeer te komen heb ik voor dit voorbeeld FF Ginger gekozen, omwille van de lekker schizofrene Flamboyant variant: een strak geometrische schreefloze met de exuberante krullen van een English script.



De oorspronkelijke werkwijze is in feite poepsimpel. Ze bestaat erin de typografische compositie in te laden als selectie en vervolgens die selectie in toenemende mate te doen vervagen.

Laad dus eerst de compositie in als selectie (Duplicate channel…: Black -> Select…: Load selection: Black copy: new selection). Pas een Feather toe van 1 pixel (Select: Feather…: Feather Radius: 1 pixel). Wis de selectie (eenvoudigweg door de Delete-toets in te drukken). Je zal merken dat de letters een fractie uitdijen en vervagen.

Behoud de selectie (niet deselecteren of opnieuw selecteren) en pas opnieuw een Feather toe, deze keer van 2 pixels (Select: Feather…: Feather Radius: 2 pixels). Wis opnieuw de selectie met de Delete-toets. Hierboven zie je het tussenresultaat na een Feather van achtereenvolgens 1 en van 2 pixels.



Herhaal enkele keren dezelfde werkwijze met Feather en Delete. Vergeet niet de vorige selectie na elke stap te behouden en telkens het aantal pixels van de Feather te verdubbelen. Hierboven zie je het resultaat na een Feather van achtereenvolgens 1, 2, 4 en 8 pixels.



Ga hiermee door tot je de gewenste hoeveelheid ‘licht’ bereikt. Hierboven zie je het resultaat na een Feather van achtereenvolgens 1, 2, 4, 8, 16 en 32 pixels. In eenvoudig zwart/wit ziet het er al behoorlijk overtuigend uit, maar het kan nog beter. Laten we er een elektrisch blauw kleurtje aan geven.



Maak het beeld negatief (Image: Adjustments: Invert) en converteer het bestand naar geïndexeerde kleuren (Image: Mode: Indexed Color).



Pas de Black Body-kleurtabel toe – dit is een wetenschappelijk kleurmodel dat warmte aangeeft (Image: Mode: Color Table…: Black Body).

Converteer het beeld naar RGB (géén CMYK, dat mag alleen als allerlaatste stap indien het beeld voor drukwerk bedoeld is) (Image: Mode: RGB Color).



Maak het beeld negatief (Image: Adjustments: Invert). De kleuren zijn nu veel te fel.



Laat het beeld er ‘natuurlijker’ uitzien door de verzadiging van de kleuren te temperen (Adjustments: Hue/Saturation…: Saturation: -50%). De eenvoudige zwart/wit typografie lijkt nu helemaal te gloeien.




We kunnen nog een stap verder gaan. Toen de Wind-filter beschikbaar werd in Adobe Photoshop besloot ik daarmee te experimenteren om het effect nóg te versterken.

Maak een afgeleide van het oorspronkelijke bestand met enkel het woord “lichtgevende”.



De Wind-filter werkt enkel in horizontale richting. Om een verticaal effect te bekomen moet je dus het beeld een kwartslag draaien (Image: Rotate Canvas: 90°CW). Pas nu de Wind-filter toe (Filter: Stylize: Wind… - Method: Wind - Direction: From The Right).



Pas opnieuw de Wind-filter toe, maar nu uit de andere richting (Filter: Stylize: Wind… - Method: Wind - Direction: From The Left).



Herhaal dit nog een keer van rechts en nog een keer van links, en roteer dan het beeld terug naar z’n oorspronkelijke oriëntatie (Image: Rotate Canvas: 90°CCW). Nu lijkt het effect een beetje op noorderlicht, maar ik wil meer iets als elfenstof.



Pas een Diffuse-filter toe (Filter: Stylize: Diffuse… - Mode: Darken Only). Door Darken Only te vragen, ‘vreten’ de donkere pixels aan de verticale lijnen en doen ze ze uiteenvallen in kleine glinsteringen.

We doen deze compositie ook een beetje gloeien met de hierboven vermelde Feather/Delete-techniek, maar deze keer volstaat één stap van 1 pixel.



Om het ‘elfenstof’ niet té veel te laten interfereren met de lettervormen en de leesbaarheid te hinderen, brengen we het wit in het beeld terug naar 20% grijs (Image: Adjustments: Levels… of Image: Adjustments: Curves…).



Maak ook deze keer het beeld negatief (Image: Adjustments: Invert) en converteer het bestand naar geïndexeerde kleuren (Image: Mode: Indexed Color).



Pas de Black Body-kleurtabel toe (Image: Mode: Color Table…: Black Body) en converteer het beeld naar RGB (Image: Mode: RGB Color).



Maak het beeld negatief (Image: Adjustments: Invert). De kleuren zijn opnieuw veel te fel. Omdat we het wit terugbrachten naar 20% grijs is de lichtste kleur nu geen wit maar lichtblauw.



Verlaag de verzadiging van de kleuren (Adjustments: Hue/Saturation…: Saturation: -50%). Het ‘elfenstof’ kan nu toegepast worden.



Kopieer het volledige beeld (Edit: Copy) en plak het in het vorige beeld (Edit: Paste). Zet de laag op Lighten Only, en we zijn klaar.

Varianten op deze techniek bestaan erin minder of meer Feather/Delete-stappen toe te passen en andere Wind-stijlen te gebruiken (Stagger werk ook heel goed). Je kan ook in horizontale richting werken.

Veel plezier, en laat me iets weten als je interessante varianten ontwikkelt.
08.12.2006 - 16.34.26
top
Posted by Unzipper
7 comments

Share on Facebook/Twitter
dotted

Comments

icon_down Most recent post top 
Goede uitleg! Ben benieuwd of we binnenkort filmposters zien waarin deze werkwijze verwerkt is ;-)
22.12.2006 - 05.54.50
Posted by woz

spacer
Hehehe. Ik heb er al enkele in het verleden besproken, maar die waren waarschijnlijk met een veel eenvoudigere en efficiëntere techniek gemaakt. :-P
23.12.2006 - 15.01.29
Posted by Yves Peters a.k.a. Unzipper

spacer
& another one.. bookmarked ;) (ik moet toch eens af van de standaard PS glow hehe)
29.12.2006 - 12.59.02
Posted by Rolf

spacer
Ik loop vast bij het Black Body-kleurtabel, dan worden de kleuren heel pixelig :( wat doe ik fout?
15.04.2007 - 12.43.05
Posted by Stef

spacer
Are there any english instructions for your mono-lingual fans?
26.07.2007 - 00.22.33
Posted by Ferenc

spacer
The original plan was to have translations in The FontFeed, but they were too much work. Now that we've switched to English, I might have a go at translating them after all for Unzipped when I pick up the tutorials in September.
26.07.2007 - 00.48.56
Posted by Yves Peters a.k.a. Unzipper

spacer
Yes please on the translation.
19.05.2009 - 16.12.50
Posted by molly


This website uses comment moderation to help combat spam.
Possibly your comment won't appear on the entry until it is reviewed.
Thanks for your understanding.
Post a comment

Name*:


Email address*:


Comment*:


 
Archive

SEARCH ARTICLES
search
dotted
MOST RECENT COMMENTS Comments dotted
:: WELCOME ::
EXCLUSIVE FONTS
FREE MAGAZINES
INFORMATION
MY TYPE OF MUSIC
NEW & NOTABLE
NEWS
OOPS!
PARTICIPATE
PROMOTION
SCREENFONTS
TIPS & TRICKS
TYPE IN USE
USELESS BEAUTY
dotted

Visit us on

Youtube
Flickr
Facebook
Twitter
Hyves
Netlog
dotted

Contact

FontShop België
Baron De Gieylaan 41
9840 De Pinte België

FontShop Nederland
Postbus 309
4560 AH Hulst Nederland

T +32 9 2202620
F +32 9 2203445
E info@fontshop.be
dotted
icon_mail mail the webmaster
icon_xml rss feed
icon_mail Keep me updated
by email
dotted
icon_g94 made by group94