Proiectați o etichetă de bere Print-Ready în Adobe Illustrator

De câteva ori, în fiecare lună, reluăm câteva dintre postările preferate ale cititorului nostru de-a lungul istoriei Vectortuts +. Acest tutorial de Alan Ballard a fost publicat pentru prima data pe 18 martie 2009.

Oameni buni, este timpul să răsuceți mânecile și să faceți afaceri cu acest tutorial complet Adobe Illustrator CS3. Aceasta vă duce de la configurare la producția unei etichete de bere cu adevărat rece, deși acest lucru ar putea fi util pentru orice preparat îmbuteliat ales de dumneavoastră.

Ajungem să acoperim tot felul de instrumente utile, cum ar fi Type On A Path, Trace Live și Opacity Mask. Amicul meu și-a făcut propria bere și i-am făcut etichete folosind această tehnică și au fost o lovitură instantanee! Sunt foarte fericit să vă arăt cum se face. OK, să o facem!

Doriți acces la fișierele vectoriale Source și copiile descărcate ale fiecărui tutorial, inclusiv acesta? Alăturați-vă Vector Plus pentru doar 9 $ pe lună.


Pasul 1 - Creați documentul

Deschideți un nou document Illustrator de 11 inch cu 8.5 inci în modul de culoare CMYK. Probabil aceasta nu este setarea implicită, deci asigurați-vă că modificați unitățile și modul de colorare pentru aceasta.

Selectați instrumentul Rectangle (M), fără umplere și cursa .25pt, apoi faceți clic pe o singură dată pe scenă și introduceți 4 ină lățime de 3,5 inimi. Selectați instrumentul Ellipse (L), faceți clic o dată pe scenă și introduceți 2.1in de 2.2in. Selectați atât elipsa cât și pătratul, iar în paleta Aliniere centrarea obiectelor orizontal și vertical.


Pasul 2 - Faceți marcări pentru culturi

Selectați pătratul, iar în meniu mergeți Filtru> Creare> Marcări de decupare. Creșteți mărimea pătratului la 4,125in cu 3,875in. Acest pătrat va fi dimensiunea imaginii noastre, care este de 1/8 mai mare decât semnele de recoltare. Acest lucru nu asigură spațiu alb atunci când dvs. sau imprimantele taie aceste etichete.


Pasul 3 - Centrarea etichetei

Selectați toate, iar în paleta Aliniere comutați tabloul de bord și centrați eticheta orizontal și vertical. Selectați marcajul pătrat și culoarea și în meniu selectați Obiect> Blocare> Selecție (Comandă + 2).


Pasul 4 - Creați ovalul

Ok, acum putem începe să facem grafică. În primul rând, selectați elipsa și copiați-o (nu o lipiți destul de încă). Umpleți ovalul cu verde închis (# 6B752A). Dați ovalului o lumină verde deschisă (# D3E27E) în 3ct. Utilizați paleta Aspect pentru a adăuga un verde deschis închis (# 6B752A) 1.5pt. accident vascular cerebral.


Pasul 5 - Decuplați centrul

Mergeți și lipiți în fața elipsei copiate (Command + F). Faceți dublu clic pe instrumentul Scale pentru a afișa dialogul și introduceți 65% în câmpul Uniform. Selectați ambele elipse și în paleta Pathfinder, apoi aplicați Subtract From Area Shape și apoi faceți clic pe Expand.


Pasul 6 - Creați textul cu numele de marcă

Ar trebui să aveți încă ovalul original în clipboard, astfel încât să lipiți elipsa din nou în față (Command + F). Faceți dublu clic pe instrumentul Scale pentru a afișa dialogul și, de data aceasta, introduceți 71% în câmpul Uniform. Selectați instrumentul Tip pe o cale și alegeți un font (am folosit Copperplate bold la 34pt) și setați culoarea alb. Familia fontului Copperplate este disponibilă la MyFonts.com. Faceți clic pe oval și introduceți numele de marcă al produsului.

Reglați urmărirea (spațiul dintre litere), dacă este necesar, făcând clic între litere și apăsând (Comand + Shift + Taste stânga sau dreapta Bracket). > Ajustați linia de bază, dacă este necesar, prin mărirea sau micșorarea dimensiunii elipsei în care este scris textul.


Pasul 7 - Rotiți textul

Vizualizați riglele apăsând (Command + R) sau Meniu> Vizualizare> Afișare rigle, selectați tipul și trageți un ghid orizontal de la rigla de sus în centrul cercului. Dacă ghidul nu este vizibil, accesați Meniu> Vizualizare> Afișați ghidaje (Comandă + punct verde). Utilizați instrumentul de selecție (V) pentru a glisa mânerul textului în poziția centrată.


Pasul 8 - Adăugați un fundal ovalului

Selectați instrumentul Ellipse, faceți clic și țineți apăsat Alt + Shift în timp ce trageți în afară din centrul ovalului pentru a crea un cerc care se extinde peste centrul gol al ovalului. Umpleți-l cu portocaliu (# DF771C) și fără curse. Faceți clic dreapta> Aranjare> Trimitere înapoi (comanda + Alt + tasta stânga) pentru a trimite cercul portocaliu în spate.


Pasul 9 - Creați bannerul principal

Selectați instrumentul dreptunghi (M) și faceți clic o dată pe scenă. Introduceți 2.2in și 0.3in pentru lățime și înălțime. Cu dreptunghiul selectat, mergeți la paleta Gradient și alegeți o culoare orizontală gradientă orizontală # 533930 la fiecare capăt și # A6583F în mijloc. Dați dreptunghiului o lovitură neagră 1pt și verificați opțiunea Round Join.


Pasul 10 - Stoarce-l!

În meniu, mergeți la Object> Distort plic> Faceți cu răsucire și alegeți Squeeze, bifați orizontală și îndoiți numai 2%.


Pasul 11 ​​- Creați textul banner

Introduceți numele produsului și centrați-l în dreptunghi (mă voi lipi cu Copperplate pentru tot textul).


Pasul 12 - Creați Partea 1 a Banarului

Selectați instrumentul Rectangle (M) și faceți clic o dată pe scenă, introduceți lățimea .5in și înălțimea .3in. Dați-i o lovitură neagră 1pt, folosind din nou opțiunea Round Join. Dați acestui dreptunghi un gradient liniar cu # 533930 în partea stângă și # DF771C în partea dreaptă.


Pasul 13 - Creați partea 2 a coada bannerului

Cu dreptunghiul selectat din meniu, mergeți la Object> Path> Add Points Anchor. Cu instrumentul de selecție directă (A) selectați punctul de mijloc din dreapta dreptunghiului și trageți-l spre centru pentru a crea sfârșitul cozii. Țineți Shift în timp ce trageți pentru ao forța să fie dreaptă.


Pasul 14 - Poziționați și duplicați coada

Plasați acest obiect coadă în capătul drept al dreptunghiului și împingeți-l puțin. Trimiteți-l în spatele dreptunghiului cu un clic dreapta> Aranjare> Trimitere înapoi (tasta Command + Bracket stânga). Copiați obiectul coada și lipiți în față (Command + F). Faceți clic dreapta pe obiectul copiat și selectați Transformați> Reflectați. Alegeți vertical și 90 de grade pentru unghiul. Deplasați obiectul reflectorizant în partea stângă, ținând Shift în timp ce trageți pentru al forța să fie drept.


Pasul 15 - Creați detalii despre banner

Acum, un detaliu pentru a face bannerul mai realist: măriți-vă aproape de locul în care coada dreaptă corespunde dreptunghiului. Alegeți instrumentul Pen (P) și trageți o formă cu patru clicuri: în partea dreaptă jos a dreptunghiului, în partea stângă jos a coada, în sus până la orice poziție (țineți Shift) și înapoi la punctul de început pentru a închide.

Umpleți forma cu un accident de culoare neagră rotundă de culoare brun închis (# 2D1C17) și 1pt. Apăsați Comandă + tasta Stânga până când forma se află în spatele dreptunghiului, dar în partea din față a cozii.

Copiați-l, lipiți în față (Command + F), faceți clic dreapta> Transformați> Reflect> alegeți Vertical 90 degrees. Shift-glisați în același loc în capătul din stânga al bannerului.


Pasul 16 - Răsturnați bannerul

Selectați întregul banner și, din meniu, mergeți la Object> Distort plic> Faceți cu urzeală, alegeți Arc și 12% pentru Bend.


Pasul 17 - Poziționați bannerul

Acum, să plasăm bannerul în design. Faceți clic pe textul mărcii ("VECTOR TUTS") astfel încât punctul central să fie vizibil. Trageți un ghidaj vertical de la rigla stângă până la punctul central. > Plasați bannerul în poziție, folosind ghidajul vertical pentru ao menține centrat.


Pasul 18 - Creați o cereale de grâu

Am putea să luăm o imagine de grâu sau de un vector de stoc, dar ai învăța mult? Nope! Să facem tulpini de grâu de la zero. Utilizați instrumentul Ellipse (L) și creați un mic oval vertical subțire de orice culoare.

Utilizați instrumentul Convertire Anchor Point (care este imbricat în instrumentul Pen) și faceți clic pe punctul de sus al ovalului. Utilizați instrumentul de selecție (V) și apăsați pe Alt în timp ce trageți pentru a crea o copie a acestei forme de picătură lacrimă pentru a fi utilizată ca vârful grâului în câțiva pași. Puneți-l deoparte pentru moment.

Utilizați instrumentul de selectare directă (A) și trageți punctul de sus în sus și spre stânga pe forma noastră originală de lacrimă. Cu instrumentul Direct Selection, trageți mânerul curbei din stânga spre dreapta, care curbează forma picăturii lacrimă. Acum seamănă mai mult cu un grâu de grâu.

Faceți dublu clic pe instrumentul Rotire (R) și alegeți un unghi de aproximativ -20 de grade. Vreți să obțineți acel vârf îndreptat ușor spre dreapta.


Pasul 19 - Transformați cerealele de grâu

Din meniu, selectați Efect> Distort & Transform> Transform. Aceasta este o caracteristică excelentă a Illustratorului. Puteți să-l utilizați pentru a crea tot felul de modele și forme interesante. În acest caz, vom repeta grăunțele de grâu pentru a face restul tulpinii de grâu. Bifați Previzualizați și introduceți 3 pentru copii și -0.15 (aproximativ) pentru mai multe verticale. Faceți clic pe OK când pare corect.


Pasul 20 - Copiați și poziționați pe partea stângă

Copiați-l, lipiți în față (Command + F), apoi faceți clic dreapta> Transformați> Reflectați și alegeți Vertical 90 degrees. Mărește-o în poziție. Așezați picătura lacrimată pe vârf.

Utilizați instrumentul pentru segmentul de linie (\) și creați o linie verticală albă pentru tulpină, sub granule.


Pasul 21 - Răsuciți grâul

Selectați toate elementele de grâu și le faceți albe. Din meniu, selectați Obiect> Distorsare plicuri> Faceți cu răsucire și alegeți Arcul pentru stil, bifați Vertical și aproximativ o curbă de 30%.


Pasul 22 - Poziționați grâul în etichetă

Așezați grâul în etichetă, redimensionați și rotiți după necesități, apoi mergeți la Setare> Trimitere înapoi (comanda + tasta Stânga suport) pentru al trimite în spatele bannerului. Copiați și lipiți în față (Command + F), faceți clic dreapta și Transformați> Reflectați, alegeți Vertical 90 degrees și mutați copia în partea dreaptă a etichetei.


Pasul 23 - Adăugați textul în partea de jos

Adăugați cuvântul "Ale" sau "Root Beer" sau orice tip de băutură este. În meniu, mergeți la Object> Distort plic> Faceți cu Warp și introduceți un număr negativ acceptabil sub efectul Arch. Poziționați textul în partea de jos a etichetei.


Pasul 24 - Adăugați textul în partea de sus

Selectați și copiați calea principală mare pe un text. Lipiți în față (Command + F). Măriți dimensiunea astfel încât cercul să fie doar mai mare decât eticheta ovală. Utilizați Instrumentul de selecție (V) și faceți clic pe orice colț al traseului text-pe-a-și al traseului Alt + Shift pentru a extinde în mod egal.

Tastați o frază sau un citat pentru a personaliza produsul. Scade dimensiunea fontului după cum este necesar și folosiți culoarea # 6B752A. Utilizați instrumentul de selecție (V) pentru a regla poziția textului pe curbă, tragând mânerul drept.


Pasul 25 - Luați o fotografie

Obțineți o fotografie a Brewmaster-ului sau a oricărei persoane pe care doriți să o prezentați pe etichetă. Este capul și umerii pe care îi căutăm. Este foarte util să aveți subiectul pe un fundal alb. Multe mulțumiri pentru wookiestock la deviantart.com pentru această fotografie pe care am folosit-o în acest tutorial. Deschideți fotografia în Adobe Photoshop.


Pasul 26 - Pregătiți fotografia

În meniul Photoshop mergeți la Image> Adjustments> Threshold și reglați cursorul până când există un echilibru bun de lumină și întuneric în față. Vom avea nevoie de zona de față care să fie cuprinsă, ca în nici o pauză de-a lungul perimetrului capului, pentru că vom umple fața cu alb mai târziu. Deci, pentru această imagine, i-am întunecat obrazul stâng și urechea dreaptă, astfel încât există o contur completă a capului său după aplicarea pragului.

Utilizați Eliptical Marquee Tool (M) pentru a crea o selecție în jurul capului și a umerilor. Mergeți la Selectare> Inversă (Command + Shift + I) și ștergeți totul, cu excepția capului și a umerilor. Decupați și salvați fotografia.


Pasul 27 - Traseu live!

Deschideți noua fotografie a feței în Illustrator. Selectați imaginea și faceți clic pe Urmărire live, ajustând setările după cum este necesar.


Pasul 28 - Live Paint!

Faceți clic pe Vopsea live, apoi cu instrumentul Live Paint Bucket Tool (K), umpleți toate zonele negre cu maro închis (# 533930). Umpleți toate porțiunile feței cu alb, utilizând Instrumentul Bucket Live Paint. Curățați imaginea după cum este necesar și plasați-o în mijlocul etichetei.


Pasul 29 - Adăugați adâncimea la fața

Acum vrem ca vârful capului să iasă din oval, dar restul să meargă în spatele ovalului, făcând un efect 3D. Selectați fața, copiați (Command + V) și lipiți în față (Command + F). Faceți clic dreapta și selectați ungroup (Command + Shift + G.)

În paleta Pathfinder, alegeți Adăugare la zona de formare și faceți clic pe Extindere pentru a face ca fața să aibă o formă solidă.

Utilizați instrumentul cuțit pentru a tăia partea superioară a capului și ștergeți restul utilizând Instrumentul de selecție directă (A). Instrumentul de cutit este unul pe care eu îl folosesc greu și nu există o scurtătură pentru el, deci poate fi dificil de găsit. Este ascuns sub instrumentul Eraser (Shift + E)

Selectați fața și trimiteți-o în spatele ovalului. Partea capului tăiat va fi în față acum.

Wow acest lucru este într-adevăr începe să forma în sus! Tot ce avem nevoie acum este un fundal și eticheta este terminată!


Pasul 30 - Conectați culoarea și liniile

Selectați pătratul de etichetă și completați cu verde deschis (# D3E27E) și îndepărtați cursorul. Utilizați instrumentul Linie pentru a crea două linii orizontale .25pt negre; unul lângă vârf și unul lângă partea de jos. Simțiți-vă liber să le faceți mai mult decât pătratul, așa cum le vom recolta mai târziu.


Pasul 31 - Amestecați liniile

Instrumentul de amestecare facilitează repetarea uniformă a acestor linii în fundal. Selectați-le pe ambele și, din meniu, mergeți la Object> Blend> Blend Options și alegeți 50 pentru Pași specificați și faceți clic pe OK. Acum mergeți la Object> Blend> Make pentru a aplica efectul. Trimiteți liniile din spatele lucrării de artă, dar păstrați-le în fața fundalului verde.


Pasul 32 - Decolorarea liniilor din centru

O altă caracteristică foarte interesantă în Illustrator este Opacity Mask. O voi folosi aici pentru a distruge liniile. Copiați pătratul verde și lipiți-l în fața liniilor și dați-i un gradient radial alb-negru, cu negru în centru.

Selectați pătratul și liniile, iar în meniul paletei Transparență, selectați Make Opacity Mask.

Reglați gradientul pentru a decolora liniile în centru. Eticheta dvs. a fost făcută!

Asigurați-vă că faceți clic pe pătratul stânga din paleta Transparență când ați terminat de editat masca de opacitate, deoarece nu veți putea selecta alte elemente până când nu faceți.


Pasul 33 - Transparența aplatizată

Unii imprimante se sperie atunci când văd efectele legate de transparență, așa că ne vom lămuri în a fi siguri. Selectați masca de opacitate și alegeți Object> Transparency Flatten.


Pasul 34 - Creați contururi

Selectați tot textul din acest fișier (sau selectați tot (Command + A)), iar în meniu alegeți Type> Create Outlines (Creare contururi) pentru a vă asigura că tipografia dvs. este păstrată. Este recomandat să salvați fișierul înainte de acest pas, în cazul în care doriți să editați textul mai târziu.


Pasul 35 - Aranjați două etichete pe tabloul de bord

Selectați totul, inclusiv marcajele de recoltare, și grupați-o (Command + G). Schimbați poziția x la 3in. Copiați și lipiți o altă etichetă în față (Command + F). Deplasați poziția x a celei de-a doua etichete la 8in.

Îndrăzniți obiectele până când puteți selecta și șterge marcajele orizontale de recoltare în mijlocul celor două etichete. Iată ilustrația dvs. finală, ideală pentru imprimantă, delicioasă!

Mulțumesc că ați urmat, și sper că etichetele dvs. sunt o lovitură mare!

Iată eticheta originală pe care am făcut-o pentru "Huja Brew".

Abonați-vă la Vectortuts + RSS Feed pentru a rămâne la curent cu cele mai recente tutoriale vectoriale și articole.