Efecte de text còmic (tutorial per Adobe Illustrator)

Primer de tot, aclarir que aquest tutorial ha estat realitzat amb Adobe Illustrator CS5 (en anglès), de manera que les imatges de el pas a pas mostren la interfície d'aquesta versió. Tot i així, podeu intentar-ho en qualsevol versió que tingueu, tenint en compte que és probable que us costi una mica més seguir el tutorial.

Aquest efecte pot ser útil a l'hora de realitzar un disseny informal en el qual l'estil còmic acompanyi el que voleu comunicar. A continuació us portem un tutorial pas a pas perquè pugueu aconseguir un efecte de text còmic amb Adobe Ilustrator.

Efecte de text còmic

Obrim Adobe Illustrator i anem a crear un nou document (Mac: Cmd + N Windows: Ctrl + N). Podem posar-li el nom que vulguem i triar la mida del fitxer. En el meu cas he triat 570 x 300 px, el format que utilitzem a Creativos Online per pujar les imatges.

És molt important que, en la part inferior de la caixa de diàleg (Advanced) us assegureu que teniu marcat com Color Mode el RGB, Raster Effects a Screen (72 ppi) y Preview Mode Default. Un cop tingueu les opcions escollides, premem sobre OK.

FONS

Crearem el fons de color que lluirà el nostre text. Seleccionem l'eina de l'rectangle (Rectangle Tool, tecla M) i fem clic en qualsevol part del nostre document. Llavors se'ns obrirà una petita finestra que ens permetrà introduir les mesures de l'rectangle: haureu de posar les mesures del vostre document. En el meu cas, 570 x 300px. Premem sobre OK i apareixerà a la pantalla el rectangle que acabem de crear.

Ara haurem de col·locar-bé. Per a això seleccionarem la fletxa negra que hi ha a la barra d'eines, (Eina de selecció, Tecla V). Amb ella farem clic en la vora de l'rectangle i, sense deixar anar, arrossegarem la vora fins que coincideixi amb les vores de el document.

acolorint FONS

El fons ja està fet, però per defecte el veurem blanc amb una vora negra. És hora de canviar això! Amb la fletxa negra seleccionada com a eina (Selection Tool, tecla V), fem clic en el rectangle. Ens dirigim als dos quadres de color que hi ha a la part inferior de la barra d'eines: el que està davant es correspon amb el color de FARCIT de la nostra figura i, el que està darrere, es refereix a l'TRAÇ. Per defecte tindrem de farciment el color blanc i de vora, el color negre. Fem un clic sobre el quadre de l'farciment i se'ns obrirà el selector de color (Color Picker). Ara, podeu seleccionar el color que vulgueu per al vostre fons. En el meu cas ha estat un blau. Un cop escollit, clic a OK i ja tindreu el vostre rectangle acolorit. 

Ara anem a treure-li la vora. Clic en el quadre de la vora de la nostra barra d'eines. Ara, just sota d'aquest quadre, hi ha un quadrat petit de color blanc amb una diagonal vermella. Fem clic en ell ... I llest! Aquest quadrat li indica a l'Illustrator que el traç el volem sense color. Si volguéssim que el farcit de l'rectangle fos també sense color, hauríem de seleccionar el quadre corresponent i tornar a fer clic en el quadre de buit. 

DEGRADAT

El següent pas és fer un degradat circular sobre el nostre fons. Per a això, hem d'anar a la finestra d'Aparença (si no la veus a la part dreta de la pantalla, tal com mostro a la imatge, dirigeix-te a del menú superior de la teva finestra d'Illustrator i ves a Window> Appareance). Aquí, per defecte, ens apareixerà l'opció Fill (farcit) amb el color que li hem posat a l'rectangle i l'opció Stroke (traç o controno), que estarà amb l'opció de buit. Una última opció que hi ha és la de Opacity (opacitat). A la part inferior d'aquesta finestra, hi ha dos quadrats petits. Un amb la vora negra molt ample i l'altre amb una vora fi. Seleccionem el fi, per crear un nou farcit (Fill). Ara, en el quadrat de color de el nou farciment que hem creat, fem clic. Apareixerà una fletxa a la part dreta i seleccionarem, d'entre totes les mostres de color que se'ns apareix, la corresponent a l'degradat negre circular.

Ara despleguem un nou apartat fent clic a la fletxa que hi ha al costat esquerra de Fill i premem sobre la paraula Opactiy, Per canviar la manera en què s'aplicarà la nostra capa de farciment. Un cop allà, vam seleccionar l'opció Superposició (Superposar).

CERCLE

Crearem un cercle blanc en el centre del nostre document. Per a això, seleccionem l'eina ellipse Tool, Que estarà «dins» de la Rectangle Tool. Per poder triar-la hem de fer clic llarg, sense deixar anar, esperant que es despleguin les opcions. Un cop apareguin, SENSE SOLTAR, movem el nostre cursor sobre Ellipse Tool i el deixem anar.

Creem una circumferència perfecta (per a això, fem clic i arrosseguem tenint premuda la tecla de majúscules del nostre teclat). El normal, és que la circumferència ens surti amb els mateixos paràmetres de l'anterior degradat que vam fer, així que haurem de modificar el valor el farciment.

Ara anem a centrar-lo. aneu a Window> Align i, AMB EL CERCLE SELECCIONAT prémer sobre les opcions que se us mostren en les imatges. 

TEXT

Seleccionem l'eina de Text (Eina de tipus, Tecla T) i teclegem el text que volguem. En el nostre cas hem escollit la tipografia BadaBoom BB, que la podeu descarregar de Dafont. 

Ara anem a girar-ho una mica. Click dret sobre el text> Transform> cisalla. Introduïm el valor -8º a Vertical i donem a OK.

Centrem el text de la mateixa manera que centrem anteriorment el cercle blanc.

AFEGINT L'ESTIL

Amb el text seleccionat, ens anem a l'opció Objecte al menú superior i seleccionem Expandir i, en la finestra que es desplega, Ok. després fes click dret sobre el text i selecciona desagrupar (Desagrupar).

Tornem a l' panell d'Aparença. Selecciona el farciment negre i prem sobre la icona 'fx'Per triar Path> Offset Path. Introdueix, en Offset, 8px. En Joins, Round. I en Miter limit, 4.

Ara torna a fer clic a la icona 'fx' i triï Distor & Transform> Transform i introdueix:
En Scale: horitzontal> 100% vertical> 100%
En Move: horitzontal> 7px vertical> 12px

Ara anem a afegir un altre farciment. Prem la icona quadrat de la vora prim i selecciona un color clar. Per exemple, blanc.

Afegim un altre farciment. En el nostre cas, de color taronja. Anem a afegir-li un efecte de transformar. Torna a fer clic a la icona 'Fx' i triï distor & Transform> Transform i introdueix:
En Move: horitzontal> 2px vertical> 2px

Anem a posar-li el contorn negre. seleccionem el color negre en Stroke i li donem 3px. Llest! Ara, per guardar, file> save. Per guardar-lo en .jpg, file> export (i aquí selecciones el format)