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

Tutorial efecte de text còmic

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 volguem i triar la mida d'arxiu. En el meu cas he triat 570 x 300 px, el format que utilitzem en Creatius 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.

Tutorial pas a pas Illustrator

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.

Tutorial pas a pas Illustrator

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. Tutorial pas a pas Illustrator Tutorial pas a pas Illustrator

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.  Tutorial pas a pas Illustrator

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.  Tutorial pas a pas Illustrator

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.

Tutorial pas a pas Illustrator

Finestra Appearance (aparença)

 

Tutorial pas a pas Illustrator

Vam crear un nou farcit (Fill)

Tutorial pas a pas Illustrator

Seleccionant la mostra de l'degradat 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). Tutorial pas a pas Illustrator

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. Tutorial pas a pas Illustrator

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. Tutorial pas a pas Illustrator

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.  Tutorial pas a pas Illustrator

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 Tutorial pas a pas Illustrator

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.

Tutorial pas a pas Illustrator

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

AFEGINT L'ESTIL

Tutorial pas a pas Illustrator

Object> Expand

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).

Tutorial pas a pas Illustrator

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.

Tutorial pas a pas Illustrator

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

 

Tutorial pas a pas Illustrator Tutorial pas a pas Illustrator

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

Tutorial pas a pas Illustrator

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)

Tutorial pas a pas Illustrator


El contingut d'l'article s'adhereix als nostres principis de ètica editorial. Per notificar un error punxa aquí.

Sigues el primer a comentar

Deixa el teu comentari

La seva adreça de correu electrònic no es publicarà.

*

*

  1. Responsable de les dades: Miguel Ángel Gatón
  2. Finalitat de les dades: Controlar l'SPAM, gestió de comentaris.
  3. Legitimació: El teu consentiment
  4. Comunicació de les dades: No es comunicaran les dades a tercers excepte per obligació legal.
  5. Emmagatzematge de les dades: Base de dades allotjada en Occentus Networks (UE)
  6. Drets: En qualsevol moment pots limitar, recuperar i esborrar la teva informació.

bool (true)