Peel Autocolant înapoi cu efectul de curbare a paginii sau efectul urechii câinilor în Illustrator

Crearea unui efect de curbare a paginii este o abilitate la îndemână, în special pentru designul de marketing și publicitate. În acest tutorial, veți învăța cum să creați o autocolantă în relief, cu un efect de curlare a paginii sau o pagină cu urechi de câini, utilizând Adobe Illustrator CC. Rețineți că acest efect de curbare a paginii poate fi, de asemenea, realizat utilizând CS6 sau alte versiuni recente.

Procesul prezentat mai jos va începe cu crearea unui document nou și utilizarea instrumentului Rectangle, Instrument Pen și Tip . Apoi vom adăuga culori la ambele forme și text, vom alege un font, vom modifica dimensiunea și stilul fontului și vom roti textul. Veți găsi că tehnicile folosite pentru a face acest grafic sunt cele care pot fi apoi aplicate la realizarea de diferite tipuri de grafică.

Pentru a continua, continuați cu fiecare dintre pași până când ajungeți la final și aveți un grafic complet.

01 din 19

Creați un document nou

Text și imagini © Sandra Trainor

Pentru a crea un nou document în Illustrator, selectați Fișier > Nou . Aici am denumit fișierul "autocolant" și l-am făcut 6 "x 4." Apoi, faceți clic pe OK .

02 din 19

Creați un Pătrat

Text și imagini © Sandra Trainor

Din panoul Instrument, alegeți instrumentul dreptunghi, apoi faceți clic și trageți pentru a crea un dreptunghi mare pe cea mai mare parte a tabloului de bord.

03 din 19

Salveaza fisierul

Text și imagini © Sandra Trainor

Pentru a salva progresul, selectați Fișier > Salvare , apoi faceți clic pe Salvare . Va apărea o casetă de dialog. Pentru majoritatea proiectelor, puteți păstra setările implicite și faceți clic pe OK .

04 din 19

Adăugați culoarea

Text și imagini © Sandra Trainor

Acum faceți dreptunghiul o culoare. În panoul Instrumente, faceți dublu clic pe caseta Umplere pentru a deschide selectorul de culori. Acolo puteți alege o culoare în câmpul Culoare sau tastați numere pentru a indica o culoare. Aici am introdus câmpurile RGB 255, 255 și 0, ceea ce ne dă un galben strălucitor. Apoi faceți clic pe OK .

05 din 19

Scoateți Stroke

Text și imagini © Sandra Trainor

Aici puteți schimba culoarea cursei făcând dublu clic pe caseta Stroke din panoul Instrumente și selectând o culoare în Color Picker, dar în acest caz nu vrem un accident vascular cerebral. Pentru a elimina una dată în mod implicit, dați clic pe caseta Stroke, apoi pe butonul None (Niciunul), chiar sub această poziție.

06 din 19

Trage o linie

Text și imagini © Sandra Trainor

Din panoul Instrumente, selectați instrumentul Pen . Pentru a face o linie în care doriți ca autocolantul să se desprindă, faceți clic deasupra dreptunghiului și din nou în partea dreaptă a acestuia.

07 din 19

Împărțiți dreptunghiul

Text și imagini © Sandra Trainor

Acum împărțiți dreptunghiul astfel încât să devină două bucăți. Din panoul Instrumente, alegeți instrumentul Selecție și faceți clic pe linia desenată pentru ao selecta, apoi țineți apăsată tasta Shift când faceți clic pe dreptunghi.

Aceasta va selecta atât linia, cât și dreptunghiul. În continuare, selectați Window > Pathfinder , faceți clic pe butonul Divide , apoi pe butonul Minus Back pentru a elimina bucata de colț.

08 din 19

Desenați Peel Back

Text și imagini © Sandra Trainor

Acum, veți dori să desenați o formă pentru coaja înapoi. Cu instrumentul Pen, faceți clic pe partea de sus a dreptunghiului în care a fost împărțit pentru a crea un punct, apoi faceți clic și trageți de sub acesta pentru a crea o linie curbă. Țineți apăsată tasta Shift când faceți clic pe ultimul punct făcut, apoi faceți clic și trageți în partea dreaptă a dreptunghiului în care a fost împărțită pentru a crea o altă linie curbă, după cum se arată.

Pentru a finaliza forma, faceți clic pe primul punct realizat.

09 din 19

Adăugați culoarea

Text și imagini © Sandra Trainor

Așa cum ați adăugat culoarea dreptunghiului, veți adăuga acum culoarea în forma trasată. De data aceasta în selectorul de culori, am introdus câmpurile de culori RGB 225, 225 și 204 pentru culoarea crem.

Ar fi un moment bun să vă salvați din nou progresul. Puteți alege File ( Fișier) > Save ( Salvare) sau utilizați comanda rapidă de la tastatură "Command + S" pe un Mac sau "Control + S" dacă utilizați Windows.

10 din 19

Adăugați o umbră Drop

Text și imagini © Sandra Trainor

Cu forma selectată selectată, veți alege Efect > Stylize > Drop Shadow . Faceți clic pentru a plasa un cec în caseta de lângă Previzualizare, care vă permite să vedeți cum va arăta umbra picăturilor înainte de a vă angaja.

Pentru a recrea aspectul pe care l-am creat, alegeți Multiplicare pentru mod, 75% pentru opacitate, faceți ambele decupaje X și Y 0,1 inci, faceți Blur 0,7, mențineți culoarea implicită negru și faceți clic pe OK .

11 din 19

Ascundeți stratul

Text și imagini © Sandra Trainor

Pentru a deschide panoul Straturi, accesați fereastra > Straturi . Faceți clic pe săgeata mică de lângă Layer 1 pentru a dezvălui substraturile sale. De asemenea, faceți clic pe pictograma de ochi din dreptul subtipărătorului pentru calea pe care doriți să o ascundeți, care este forma desenată înapoi.

12 din 19

Adaugă text

Text și imagini © Sandra Trainor

Faceți clic pe instrumentul Tip din panoul Instrumente, apoi faceți clic pe tabloul de bord și tastați textul. Aici am folosit "FACEȚI UN EXTRA 30% sau 20% sau 15% OFF" folosind literele mari și mici, dacă este cazul.

Apoi apăsați pe Escape. În mod implicit, culoarea textului este neagră, pe care o puteți schimba mai târziu.

Pentru a crea o altă zonă de text, faceți clic din nou pe instrumentul Tip. De data aceasta, am introdus textul din spatele curlării paginii: am tastat "PEEL TO" apoi apăsat pentru a reveni pentru a merge la linia următoare și a tastat "REVEAL", apoi apăsați de evacuare.

13 din 19

Mutați și rotiți textul

Text și imagini © Sandra Trainor

Cu instrumentul Selecție, faceți clic și trageți textul din spatele curlării paginii ("PEEL TO REVEAL" în desenul nostru) în colțul din dreapta sus, unde a fost tăiat dreptunghiul.

Faceți dublu clic pe mânerul extins și mutați cursorul spre un colț al casetei de restricționare până când vedeți o curbă dublă a săgeții. Apoi glisați pentru a roti textul.

14 din 19

Reglați fontul

Text și imagini © Sandra Trainor

Cu instrumentul Text, faceți clic și trageți peste text pentru al selecta. Apoi selectați Fereastră > Caracter . În panoul Caracter, puteți schimba fontul și dimensiunea fontului la orice doriți, făcând clic pe oricare dintre săgețile mici pentru a vă aduce opțiunile.

Aici am făcut fontul Arial, stilul Bold și mărimea de 14 pt.

15 din 19

Schimbați culoarea fontului

Text și imagini © Sandra Trainor

Cu textul selectat, faceți clic pe săgeata mică de lângă culoarea de umplere din bara de opțiuni pentru a afișa culori alternative și a alege un roșu aprins. Culoarea nu poate fi văzută când textul este evidențiat, prin urmare faceți clic pe textul pentru a vedea cum arată.

16 din 19

Text centru

Text și imagini © Sandra Trainor

Pentru acest design am dorit ca textul să fie centrat. Pentru a centra textul, faceți clic și trageți peste text pentru al selecta din nou, selectați Fereastră > Paragraf sau faceți clic pe fila Paragraf de lângă panoul Caracter. În panoul Paragraf, faceți clic pe butonul central aliniere. Dacă este necesar, puteți utiliza instrumentul Selecție pentru a repoziționa textul.

17 din 19

Editează textul

Text și imagini © Sandra Trainor

Iată ocazia dvs. să faceți modificări la restul textului.

Pentru acest design, am folosit instrumentul Text pentru a plasa cursorul după cuvântul "EXTRA" și apăsat înapoi. Acest lucru a împărțit textul în două linii separate. Pentru a face trei linii, am plasat cursorul după "30%" și am revenit din nou.

Pentru a schimba fontul și mărimea, evidențiați tot textul pentru ao selecta și efectuați selecțiile în panoul Caracter. Aici am schimbat fontul la Arial Black și am făcut ca spațiul dintre rânduri să fie de 90 pt.

În panoul Paragraf, am ales să faceți clic pe butonul care justifică toate liniile, iar în bara de opțiuni am schimbat culoarea într-un albastru strălucitor.

După ce ați efectuat editările, puteți face clic pe mai departe de text pentru a vedea cum arată până acum.

După examinare, am decis să evidențiem doar linia de sus pentru ao selecta, iar în panoul Caracter sa schimbat dimensiunea la 24 pt. Apoi am subliniat a doua linie și am schimbat mărimea ei de 100%. Pentru a selecta 100%, trebuie să tastați câmpul de valoare, deoarece cea mai mare opțiune vizibilă este 72%. Apoi am subliniat ultima linie și am făcut-o cu 21%.

18 din 19

Scalare text

Text și imagini © Sandra Trainor

Apoi, veți scala textul. Deși ne-au plăcut proporțiile liniilor de text legate unul de celălalt, am vrut să facem totul un pic mai mare. Pentru a realiza această modificare, utilizați instrumentul de selectare pentru a face clic pe text, apoi selectați Obiect > Transformare > Scală și, cu opțiunea Uniformă selectată, tastați valoarea dvs. - am ales 125% - apoi faceți clic pe OK . Apoi, dați clic și trageți textul pentru al poziționa mai departe spre stânga.

19 din 19

Faceți ajustări finale

Text și imagini © Sandra Trainor

Acum pentru ajustările finale. În panoul Straturi, faceți clic pe caseta goală din stânga căii ascunse pentru a dezvălui pictograma ochiului și pentru a face calea vizibilă. De asemenea, în panoul Straturi, faceți clic și trageți acest substrat deasupra celorlalte substraturi, ceea ce va plasa forma spatelui în fața textului pe tabloul de bord.

Pentru acest design am dorit ca linia de sus a textului să rămână acolo unde a fost, dar să aibă al doilea și al treilea rând de text în partea dreaptă. Pentru a efectua această modificare, selectați instrumentul Tip, plasați cursorul în fața celui de-al doilea rând și apăsați pe fila, apoi faceți același lucru la linia a treia. Dacă doriți, puteți să faceți clic și să trageți deasupra unei singure linii de text pentru al selecta și a schimba culoarea din panoul Caracter.

Odată ce vă place cum arată totul, alegeți Fișier > Salvați și ați terminat! Acum aveți un autocolant cu efect de curbare a paginii gata de utilizare.