joi, 12 iulie 2012

Text Cu un Vector Ornamental

In acest tutorial am sa-ti arat cum sa amesteci niste vectori cu litere pentru a crea un desen foarte dragut.
Imagine finala


Pasul 1

Primul lucru pe care l-am facut a fost sa gasesc elementele pe care am sa le folosesc. Sunt o groaza de siteuri unde poti gasi niste vectori draguti si acolo este un post de Cameron Moll cu o lista larga cu acele siteuri. Deci acolo este un loc de unde poti incepe. http://cameronmoll.com/archives/2008/05/25_resources_ornaments_fleurons/
Dupa ce am  verificat toate siteurile, am cumparat vectori dupa http://www.istockphoto.com/file_closeup/object/5836792_floral_design_elements.php?id=5836792.
Super Cool Frilly Bits Typography - Photoshop Tutorial

Pasul 2

Deschide Photoshop si creaza un document nou. Am folosit 1680×1050 px. Dupa aceea, scrie un text si dute la Layer>Layer Style>Gradient Overlay. Foloseste Rosu, Galben, Verde si Albastru Deschis pentru culori. Am folosit fontul Futura pentru text.
Super Cool Frilly Bits Typography - Photoshop Tutorial

Pasul 3

Incepeti sa amestecati vectori cu textul. Prima data va trebui sa gasesti ornamentul perfect pentru litere pe care le vrei. Dupa aceea va trebui sa pozitionezi ornamentele in asa fel incat sa urmeze formele literelor. In imaginea de mai jos poti vedea ornamentul cum parca vine din litera A.
Super Cool Frilly Bits Typography - Photoshop Tutorial

Pasul 3

Dupa ce ai pozitionat ornamentul cu literele, este timpul sa adaugam niste adancime. Pentru a face asta o sa folosim Layer Styles. Dute la Layer>Layer Styles>Drop Shadow. Foloseste Multiply pentru Blend Mode, negru pentru culoare, opacitatea 100%, Angle la -60%, Distance la 5 pixels and Size la 5 pixels la fel.
Super Cool Frilly Bits Typography - Photoshop Tutorial

Pasul 4

Aici vom crea literele pentru umbra din layer style. Pentru a face acest lucru apasa click dreapta pe layer-ul cu umbra. Dupa selecteaza Create Layer din meniu. Asta-i tot, acuma ai un layer cu umbra.
Super Cool Frilly Bits Typography - Photoshop Tutorial

Pasul 5

Acuma ai umbra intr-un layer, hai sa aplica o masca. Dute la Layer>Layer Mask>Reveal All. Dupa selecteaza Brush Tool(B). Culoarea pe negru si brush-ul va fii regulat cu diameter la 45 px si hardness la 0%. Dupa doar picteaza masca pentru a ascunde unele parti din umbra. Ideea este sa creezi o impresie din care ornamentul sa apara si care trece deasupra literelor.
Super Cool Frilly Bits Typography - Photoshop Tutorial

Pasul 6

Repeta acelas lucru si la celelalte litere. Totusi, nu este necesar sa adaugi ornament la toate. Eu am adaugat doar la A, B, D, Z, E, D si O. Dupa aceea selecteaza ornamentul si layerul cu cuvantul, grupeaza-le si numeste acel grup “logo”.
Sfat: Intotdeauna foloseste culorile exacte acelei parti a literei pentru ca ornamentul sa arate ca porneste din litera.
Super Cool Frilly Bits Typography - Photoshop Tutorial

Pasul 7

Aici hai sa adaugam o textura. Poti ascunde celelalte layere. Vom folosi niste texturi dupa un blog numit DesignReviver, ai au publicat un articol numit 300+ Vintage Style Textures and Photoshop Brushes.
Descarca Vintage II pack si pozitioneaza imaginea “Vintage10.jpg” in document. Deoarece imaginea are 1500 px si documentul 1680 px, va trebui sa duplici imaginea si sa umpli partile goale cu layerele duplicate. Dupa aceea dute la Image>Adjustments>Hue/Saturation. Foloseste Hue 49, Saturation 19, Lightness +35.
Super Cool Frilly Bits Typography - Photoshop Tutorial

Pasul 8

Descarca pachetul “15_textures__art___vintage_by_jocosity” si pozitioneaza “textur2.jpg” in document. Dupa schimba Blend Mode pe Overlay si dute la Image>Adjustments>Hue/Saturation. Foloseste Hue +2, Saturation -41, Lightness -75.
Super Cool Frilly Bits Typography - Photoshop Tutorial

Pasul 9

Descarca pachetul “Old_Paper_Textures_by_lailomeiel” si pozitioneaza imaginea “DSC02679.JPG” in document. Aceasta va trece peste alte texturi, dupa schimba Blend Mode pe Color Burn. Acuma selecteaza toate texturile si grupeaza-le. Numeste acest grup Texturi.
Super Cool Frilly Bits Typography - Photoshop Tutorial

Pasul 10

Selecteaza grupul “logo” si dute la Layer>Merge Group. Acest lucru va converti layerele si toate grupurile din el intr-un singur layer. Dupa dute la Layer>Layer Style>Drop Shadow. Foloseste Color Burn pentru Blend Mode, opacitatea 100%, -60º pentru Angle, Distance si Size la 5px.
Super Cool Frilly Bits Typography - Photoshop Tutorial

Pasul 11

Duplica grupul “texturi” si schimba Blend Mode la layerul “hartie (paper)” pe Overlay. Imbina tot grupul pentru a crea un layer unic din el. Schimba ordinea layerelor si pune noul layer cu texturi in varful layerul logo. Dupa dute la Layer>Create Clipping Mask si schimba Blend Mode pe Multiply. Duplica layerul texturi din nou asigurandu-te ca este in continuare cu clipping mask. Dupa aceea doar schimba Blend Mode pe Overlay.
Super Cool Frilly Bits Typography - Photoshop Tutorial

Pasul 12

Grupeaza layerul “Logo” cu cele 2 texturi clipping mask. Duplica grupul si imbinale intr-un singur layer. Dupa dute la Filter>Blur>Gaussian Blur. Foloseste 4.5 px pentru Radius si schimba Blend Mode pe Screen si opacitatea la 80%.
Super Cool Frilly Bits Typography - Photoshop Tutorial

Concluzie

In acest tutorial ai invatat sa amesteci cativa vectori ornamentali cu un cuvant pentru a produce o tipografie draguta. De asemenea ne-am jucat cu texturi de epoca si cliping masks care i-a dat imagini tale un aspect curat. Poti crea multe variata ale acestui efect. Mai jos am adaugat un gradient Radial pentru ca textura sa apara doar unde este logo-ul. Din nou, totul este despre experimentare.

Tradus din engleza in romana de catre AnDr3yy
Sursa: http://abduzeedo.com/super-cool-frilly-bits-typography

Niciun comentariu:

Trimiteți un comentariu