Peel Back Sticker amb el curl de pàgina o l'efecte Ear Widget en Illustrator

La creació d'un efecte curl de pàgina és una habilitat pràctica, especialment per a la comercialització i el disseny gràfic relacionat amb la publicitat. En aquest tutorial, aprendrà a crear un adhesiu de pela posterior amb un encenedor de pàgina, o una pàgina amb orelles de gos, efecte mitjançant Adobe Illustrator CC. Tingueu en compte que aquest efecte en forma de pàgina també es pot fer utilitzant CS6 o altres versions recents.

El procés esmentat a continuació s'iniciarà amb la creació d'un nou document i l'ús de l'eina Rectangle, Eina de ploma i Eina de tipus . A continuació, afegirem color a les dues formes i al text, triarem un tipus de lletra, feu canvis a la mida i l'estil del tipus de lletra i girarà el text. Trobareu que les tècniques utilitzades per fer aquest gràfic són aquelles que es poden aplicar a la realització de diversos tipus de gràfics.

Per seguir endavant, continueu a través de cadascun dels passos fins que arribeu al final i tingueu un gràfic completat.

01 de 19

Crea un nou document

Text i imatges © Sandra Trainor

Per crear un document nou a Illustrator, seleccioneu Fitxer > Nou . Aquí hem anomenat el fitxer "adhesiu" i el va fer 6 "x 4". A continuació, feu clic a Acceptar .

02 de 19

Crea una plaça

Text i imatges © Sandra Trainor

Des del tauler d'eines, seleccioneu l'eina Rectangle, feu clic i arrossegueu per crear un gran rectangle a la majoria de l'artboard.

03 de 19

Guardar arxiu

Text i imatges © Sandra Trainor

Per desar el progrés, seleccioneu Fitxer > Desa , i feu clic a Desa . Apareixerà un quadre de diàleg. Per a la majoria de projectes, podeu mantenir la configuració predeterminada i fer clic a Acceptar .

04 de 19

Afegeix color

Text i imatges © Sandra Trainor

Ara feu que el rectangle sigui de color. Al tauler Eines, feu doble clic al quadre Fill per obrir el selector de colors. Allà, podeu triar un color al Camp de Color o escriure-hi números per indicar un color. Aquí escrivim als camps RGB 255, 255 i 0, que ens donen un color groc brillant. A continuació, feu clic a Acceptar .

05 de 19

Elimina el traç

Text i imatges © Sandra Trainor

Aquí és on podeu canviar el color del traç fent doble clic al quadre Stroke del quadre Eines i escollint un color al selector de colors, però en aquest cas no volem un cop. Per eliminar el que es dóna de forma predeterminada, feu clic al quadre de traça, i després al botó Cap que no hi hagi.

06 de 19

Dibuixar una línia

Text i imatges © Sandra Trainor

Al tauler Eines, seleccioneu l' eina Pen . Per fer una línia on vulgueu que l'adhesiu es descaselleixi, feu clic a sobre del rectangle i, a la dreta, a la dreta.

07 de 19

Dividiu el rectangle

Text i imatges © Sandra Trainor

Ara divideix el rectangle de manera que es converteixi en dues peces. Al tauler Eines, seleccioneu l' eina Selecció i feu clic a la línia dibuixada per seleccionar-la i, a continuació, manteniu premuda la tecla Maj mentre feu clic al rectangle.

Això seleccionarà tant la línia com el rectangle. A continuació, seleccioneu Finestra > Pathfinder , feu clic al botó Divideix , i després al botó Menys Atrás per treure la peça de la cantonada.

08 de 19

Dibuixa el Peel Back

Text i imatges © Sandra Trainor

Ara voldreu dibuixar una forma perquè torni la pell. Amb l'eina Pen, feu clic a la part superior del rectangle on es va dividir per crear un punt i, a continuació, feu clic i arrossegueu a sota d'aquest per crear una línia corba. Mantingueu premuda la tecla de majúscules mentre feu clic a l'últim punt fet, feu clic i arrossegueu al costat dret del rectangle on es va dividir per crear una altra línia corba, com es mostra.

Per completar la vostra forma, feu clic al primer punt fet.

09 de 19

Afegeix color

Text i imatges © Sandra Trainor

De la mateixa manera que afegiu color al rectangle, ara afegireu color a la vostra forma dibuixada. Aquesta vegada, a Color Picker, escrivim als camps de color RGB 225, 225 i 204 per obtenir un color crema.

Aquest seria un bon moment per estalviar de nou el vostre progrés. Podeu triar Fitxer > Desa , o utilitzeu l'accés directe del teclat de "Comando + S" en una Mac o "Control + S" si feu servir Windows.

10 de 19

Afegiu una ombra caiguda

Text i imatges © Sandra Trainor

Amb la forma dibuixada seleccionada, seleccioneu Efecte > Estilitza > Drop Shadow . Feu clic per fer un xec al quadre al costat de Visualització prèvia, que us permetrà veure com es veurà l'ombra abans de comprometre's amb ell.

Per recrear l'aspecte que hem creat, trieu Multiplicar per al mode, el 75% per a l'opacitat, realitzeu els desplaçaments X i Y 0,1 polzades, feu que el blur 0.7 es mantingui el color predeterminat negre i feu clic a Acceptar .

11 de 19

Amaga la capa

Text i imatges © Sandra Trainor

Per obrir el tauler Capes, aneu a Finestra > Capes . Feu clic a la fletxa petita que hi ha al costat de la capa 1 per mostrar les subcapa. També faràs clic a la icona de l'ull al costat de la subcapa per a la ruta que vulguis amagar, que és la teva forma de pelar dibuixada.

12 de 19

Afegeix text

Text i imatges © Sandra Trainor

Feu clic a l'eina Tipus en el quadre Eines, feu clic a l'artboard i escriviu el vostre text. Aquí hem utilitzat "TAKE AN EXTRA 30% o 20% o 15% OFF" utilitzant majúscules i minúscules, si escau.

A continuació, premeu la fugida. De manera predeterminada, el color del text és negre, que podeu canviar després.

Per crear una altra àrea de text, feu clic a l'eina Tipus de nou. En aquesta ocasió, vam introduir el text darrere de la pàgina: es va escriure "PEEL TO" i, a continuació, prem el retorn per anar a la següent línia i escriure "REVEAL" i premeu Escape.

13 de 19

Mou i gira el text

Text i imatges © Sandra Trainor

Amb l'eina Selecció, feu clic i arrossegueu el text que hi ha darrere el curl de la pàgina ("PEEL TO REVEAL" al nostre disseny) a l'extrem superior dret, on es va tallar el rectangle.

Feu doble clic a l'identificador estès i moveu el cursor cap a una cantonada de la caixa límit fins que vegeu una corba de doble fletxa. A continuació, arrossegueu per girar el text.

14 de 19

Ajusteu la font

Text i imatges © Sandra Trainor

Amb l'eina Text, feu clic i arrossegueu el text per seleccionar-lo. A continuació, seleccioneu Finestra > Caràcter . Al tauler de caràcters, podeu canviar la mida del tipus de lletra i de la lletra al que vulgueu fent clic a qualsevol de les fletxes petites per mostrar les vostres opcions.

Aquí vam fer la font Arial, l'estil Bold i la mida 14 pt.

15 de 19

Canvia el color del tipus de lletra

Text i imatges © Sandra Trainor

Si el text encara està seleccionat, feu clic a la fletxa petita situada al costat del color de farciment a la barra d'opcions per mostrar colors alternatius i triar un vermell brillant. El color no es pot veure quan el text està ressaltat, així que feu clic al text per veure com es veu.

16 de 19

Centre de text

Text i imatges © Sandra Trainor

Per aquest disseny, volíem que el text estigués centrat. Per centrar el text, feu clic i arrossegueu el text per seleccionar-lo de nou, seleccioneu Finestra > Paràgraf o feu clic a la pestanya Paràgraf al costat del tauler de caràcters. Al panell del paràgraf, feu clic al botó Centre d'alineació. Si cal, també podeu utilitzar l'eina de selecció per reposicionar el text.

17 de 19

Edita el text

Text i imatges © Sandra Trainor

Aquí teniu la possibilitat de fer canvis a la resta del text.

Per a aquest disseny, hem utilitzat l'eina de text per col · locar el cursor després de la paraula "EXTRA" i premut retorn. Es va dividir el text en dues línies diferents. Per fer-ho tres línies, col·locem el cursor després del "30%" i tornem a prémer de nou.

Per canviar el tipus de lletra i la mida, ressalteu tot el text per seleccionar-lo i feu les vostres seleccions al panell de caràcters. Aquí hem canviat la font a Arial Black i fem el 90 ( lideratge ) de l'espai entre línies.

Al panell de paràgraf, també hem optat per fer clic al botó que justifica totes les línies i, a la barra d'opcions, hem canviat el color a un blau brillant.

Després de fer les modificacions, podeu fer clic fora del text per veure com es veu fins ara.

Després de la revisió, vam decidir destacar només la línia superior per seleccionar-la, i al panell Character va canviar la seva mida fins a 24 pt. A continuació, es va ressaltar la segona línia i es va canviar la mida del 100%. Per seleccionar el 100%, heu d'escriure al camp de valor, ja que la major opció visible és del 72%. A continuació, vam ressaltar l'última línia i fer-la un 21%.

18 de 19

Escala de text

Text i imatges © Sandra Trainor

A continuació, escalaràs el text. Tot i que ens agradaven les proporcions de les línies de text en relació a l'altra, volíem fer que tot fos un poc més gran. Per realitzar aquest canvi, utilitzeu l'eina de selecció per fer clic al text i, a continuació, seleccioneu Object > Transform > Scale , i amb l'opció Uniforme seleccionada, escriviu el vostre valor; hem triat un 125%, feu clic a Acceptar . A continuació, feu clic i arrossegueu el text per situar-lo més a l'esquerra.

19 de 19

Fer ajustaments finals

Text i imatges © Sandra Trainor

Ara, per als ajustos finals. Al panell Capes, feu clic al quadre buit que hi ha a l'esquerra de la ruta amagada per mostrar la icona de l'ull i fer visible la ruta. També en el panell Capes, feu clic i arrossegueu aquesta subcapa per sobre de les altres subcapçaleres, que col·locaran la forma de la closca al davant del text de l'artboard.

Per aquest disseny, volíem que la línia superior de text es quedés on era, però teniu la segona i la tercera línies de text més a la dreta. Per realitzar aquest canvi, seleccioneu l'eina Tipus, col·loqueu el cursor davant de la segona línia i premeu la pestanya, feu el mateix a la tercera línia. Si ho voleu, també podeu fer clic i arrossegar sobre una sola línia de text per seleccionar-la i ajustar-la al panell de caràcters.

Una vegada que us agradi com tot es veu, seleccioneu Fitxer > Desa i ja heu acabat. Ara teniu un adhesiu de pela posterior amb efecte de curl de pàgina llest per al seu ús.