spacer


Ik pas al enige tijd een eenvoudige techniek toe om tekstobjecten, logo's en andere vectoriële bestanden op een interessantere manier te presenteren. Dit kwam bijvoorbeeld heel goed van pas voor mijn bericht over de nieuwe FontFonts FF Milo™ en FF Sanuk™. Van Xavier Dupré had ik enkele leuke foto's van toepassingen van zijn nieuwe letterontwerp ontvangen, maar voor FF Milo had ik niets. In plaats van vlak testzetsel te produceren, bewerkte ik de promotietekst zodat het leek alsof ik een foto had genomen van een gedrukt item.

Hieronder volgt de handleiding voor deze techniek.



Maak een compositie in Adobe Illustrator of open een vectorieel bestand. Selecteer alle elementen die in perspectief moeten staan en groepeer ze: Edit > Group. Voor dit voorbeeld maakte ik gebruik van Gábor Kóthay's Incognito, een schitterende interpretatie van kalligrafie zoals je ze terugvindt op antieke mappen. Het grote woord "Perspectief" heb ik samengesteld met kapitalen uit de vier varianten.



Open het 3D-dialoogvenster: Effect > 3D > Rotate... Zoek het gewenste perspectief. Ik gebruikte de volgende waarden:
Rotatie om de X-as: 45°
Rotatie om de Y-as: -60°
Rotatie om de Z-as: 30°
Perspectief: 120°




Voor een nog overtuigender resultaat kun je ook lichtdiepte suggereren. Maak een vlak over de gehele oppervlakte van het blad en pas een concentrisch verloop toe: Gradient > Radial. Kies een lichte kleur voor het centrum en een iets donkerder variant voor de buitenkant. Verplaats het 50% punt naar 75% of meer, zodat de kleur pas aan de rand van het blad iets donkerder wordt.

Bewaar het bestand als PDF en open het in Adobe Photoshop aan een voldoende hoge resolutie. Zelfs als het resultaat voor het internet bestemd is, bekom je een beter resultaat als je het beeld afwerkt aan een te hoge beeldresolutie en het pas als laatste stap terugbrengt naar 72 ppi.



Maak een nieuwe alfakanaal aan: Channel > New Channel... Dat kanaal vul je met een verloop van zwart naar wit. De oriëntatie van het verloop is belangrijk want die zal de oriëntatie van de dieptescherpte bepalen.



Open het Blur-dialoogvenster: Filter > Blur > Lens Blur... Klik meteen Preview aan, zo zie je welk effect de verschillende parameters hebben.

Depth Map
bepaalt de focusafstand, namelijk op welk punt in het beeld wordt scherpgesteld. Als bron selecteer je het nieuwe alfakanaal: Source > Alpha 1. Met de Blur Focal Distance slider laat je het focuspunt glijden langs het zwart-witverloop in dat kanaal en bepaal je welk punt scherp staat. Hoe kleiner het getal, hoe meer naar de zwarte zone van het alfakanaal (in dit geval bovenaan het beeld). Ik heb de slider ingesteld op:
Blur Focal Distance: 40

Iris bepaalt vorm, diameter, afvlakking en rotatie van de iris. Het is de diameter die gaat bepalen hoe onscherp het beeld wordt naarmate je je van het focuspunt verwijdert. Mijn instellingen zijn als volgt:
Shape: Hexagon (6)
Radius: 25
Blade Curvature: 25
Rotation 0


Ik weet niet wat Specular Highlights doet en eerlijk gezegd interesseert het me ook niet meteen, want ik merk geen verschil in het beeld, hoezeer ik ook aan die sliders voor Brightness en Treshold schuif.

Noise herstelt de korrel die verloren gaat in de gebieden waar de Blur toegepast wordt. Je kan de hoeveelheid ruis bepalen en van welk type hij is. Omdat er geen korrel zat in mijn oorspronkelijk beeld, pas ik geen Noise toe, anders heb ik ruis in de onscherpe gebieden en geen ruis in de scherpe, hetgeen er heel onnatuurlijk uitziet.



Na de Lens Blur toegepast te hebben, voeg ik nog een weinig Gaussian Noise toe om de filmkorrel te simuleren en we zijn klaar.

Het belangrijkste voordeel van deze techniek is dat ze je toelaat 'foto's' te nemen van producties die nog in ontwikkeling zijn, dus vóór er ook maar één exemplaar gedrukt is. Bovendien heb je een veel grotere controle op het eindresultaat dan bij digitale fotografie, omdat je het perspectief en de dieptescherpte perfect beheerst.
top
 
Posted by Unzipper
8 comments

Share on Facebook/Twitter
dotted
icon_down Most recent post top 
Leuk effect, kan je dit soort handleidingen ook als PDF downloaden? Zou wel handig zijn, voor als je een keer het effect wilt gebruiken. Ik maak er nu maar een schermafbeelding van.
Posted by ubbo nieuwland

spacer
We zijn aan het werken om een aantal extra opties beschikbaar te maken voor Unzipped, en één ervan is de mogelijkheid om PDFs te downloaden. Hou de blog dus maar in de gaten. ;)
Posted by Yves Peters a.k.a. Unzipper

spacer
Shit, I wish this was in English or I spoke Dutch. The effect is awesome. I'll run it through Google translator and I should be able to put enough together to figure it out. Nice site by the way, I'm lovin' it.
Posted by Justin

spacer
Hi Justin, I have an arrangement with The FontFeed at FontShop.com for publishing the English language versions of my tutorials. This one will probably be up this week, the September tutorial has already been published in English over there. As for this website being in English -- this of course is an interesting idea, and I don't know how our Dutch speaking readers would react to that. Maybe I'll ask them in a future post.
Posted by Yves Peters a.k.a. Unzipper

spacer
Can you place a link,please!?
Posted by Jewin

spacer
I'll add it once the English language version is up on The FontFeed -- right now there's nothing to link to. ;)
Posted by Yves Peters a.k.a. Unzipper

spacer
uhm, hoe bereik je dit 3D dialoogvenster ? Staat dit bij de filters ? ? > Effect > 3D > Rotate
Posted by jetro

spacer
Nope, het 'Effect'-menu staat onmiddellijk rechts van het 'Filter'-menu.
Posted by Yves Peters a.k.a. Unzipper


 
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

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