Comparând procesul de creare a siglei între Adobe Photoshop și Illustrator

Ce veți crea

Deci, deseori, descompunem logodele și proiectele de design grafic numai în Adobe Illustrator. Tutorialul de astăzi produce un proiect atât în ​​Adobe Illustrator, cât și în Adobe Photoshop, evidențiind procesul de proiectare, folosind metode similare în fiecare program.

1. Scoateți-o afară

Pasul 1

Am schițat diferite logotipuri, modele de insigne și bannere în sketchbook-ul meu. Deși am realizat un set întreg de modele, acest tutorial se va concentra pe unul special: un design oval similar etichetelor de sticlă de bere în formă, dar îndulcit pentru un magazin de înghețată.

Pasul 2

Am hotărât proiectul oval pentru acest tutorial și, ca atare, schițez variațiile acestuia cu bannere, copiere suplimentară și elemente de design alternative. Vreau piesa să ofere spectatorului informațiile de care au nevoie: marca și tipul de produs.

2. Ovale în Photoshop

Pasul 1

Să începem acest tutorial în Adobe Photoshop CC (alte versiuni pot fi cu siguranță folosite, deoarece majoritatea instrumentelor sunt prezente în mai multe versiuni). Creeaza o Document nou este vorba despre 6 inci  de  8 inci la 300dpi

Folosește Instrument de elipsă (U) pentru a desena o ovală mare. Umpleți-o cu o culoare ușoară, cremoasă (R: 248 G: 231 B: 213) în Proprietăți panou. Click dreapta stratul de formă în straturi panou, Rasteriza, și utilizați Instrument de marcaj dreptunghiular (M) pentru a tăia o secțiune (vezi mai jos) a ovalului.

Pasul 2

Folosește Magic Wand Tool (W) pentru a selecta în afara jumătăților ovale și Inversa (Shift-Control-I) selectia. Mergi la Selectați> Modificare> Contract și Contract Cu 15 pixeliȘterge selecția nou contractată de la jumătățile ovale, astfel încât să rămâi cu două contururi.

Pasul 3

Desenați două dreptunghiuri lungi pe marginile interioare ale fiecărei jumătăți ovale cu Instrumentul dreptunghiular (U). Puteți potrivi lățimea exactă a contururilor selectând fiecare strat de formă cu Instrumentul de selecție directă (A) și definirea înălțimii ca 18pxSelectați straturile de formă și Alinia ei la Centru cu Mutați instrumentul (V).

3. Bannere și fundal

Pasul 1

Într-un nou strat, desenați un dreptunghi și setați culoarea de umplere la lumină strălucitoare (R: 89 G: 189 B: 189). Rasteriza stratul și selectați în afara jumătății inferioare a ovalului (straturi de comutator, apoi selectați din nou stratul de dreptunghi teal). Șterge porțiunile dreptunghiului care există în afara selecției.

Pasul 2

Utilizarea Magic Wand Tool, selectați interiorul jumătății ovale de sus. Contracta selecția prin 20 de pixeli, așa cum sa întâmplat în Secțiunea 2, Etapa 2. Creeaza o Strat nou și utilizați Instrumentul de găurit cu vopsea (G) pentru a umple zona nou contractată cu teal.

Pasul 3

O lovitură rapidă a logo-ului în acest moment din tutorial. Reduceți lungimea dreptunghiurilor inferioare ale smântânii și trageți cele mai mici în centrul formelor ovale. Asigurați-vă că fiecare element este centrat.

Pasul 4

Selectați teal oval jumătate și de a face o Strat nou în straturi panou (pentru astfel de piese, am tendința să fac un strat pentru fiecare element al designului, astfel încât să poată fi modificat ușor mai târziu, la fel ca un document creat în Ilustrator).

Folosește Instrument de gradient (G) pentru a plasa a Radial Gradient care merge de la teal întunecat (R: 18 G: 112 B: 112) la transparență în cadrul selecției (în stratul nou).

4. Plasați textul

Pasul 1

Textul din acest design este destul de simplu și simplu. Scrieți textul cu Instrument tip orizontal (T). Pentru "tratamentele dulci", am folosit Bebas Neue în aceeași cremă folosită pentru formele conturatoare. Deplasați jumătatea elementelor inferioare ovale în sus, astfel încât textul să se potrivească în centrul desenului fără a se extinde deasupra dreptunghiului lung de sus.

Pasul 2

Pentru textul "ICE CREAM" am folosit Archivo Black, scrisă cu majuscule, datorită aspectului ei îndrăzneț, blocat. Rasteriza stratul de text și selectați literele (asigurați-vă că există o marcă care merge în jurul porțiunilor interioare ale "R" și "A") și ștergeți selecția din stratul banner teal. Ascunde stratul de text în straturi panou.

A face o Strat nou deasupra stratului banner teal și utilizați Gradient Tool în scopul de a plasa Radial gradiente de pe ambele părți ale bannerului (concentratul se închide la margini). Selectați bannerul teal (în stratul banner teal) și Șterge porțiunile stratului de gradient care nu se intersectează cu bannerul teal (așa cum sa făcut în Secțiunea 3, Etapa 1).

Pasul 3

Pentru a adăuga cozi de panglică pe ambele părți. Desenați un dreptunghi de teal întunecat cu Instrumentul dreptunghiului, Rasteriza stratul de formă și utilizați Instrumentul poligonal Lasso (L) pentru a desena o selecție în formă de triunghi pentru a șterge din dreptunghi. 

Roti Forma 45 °, sau așa, Duplicat stratul și mergeți la Editați> Transformare> Flip orizontalMerge (Control-E) straturile de panglică se pun împreună și le plasați sub straturile de bannere ICE CREAM. Selectați și utilizați bannerul Instrumentul de ștergere (E) pentru a șterge panglicile din selecția textului (a se vedea imaginea finală de mai jos).

Pasul 4

Selectați straturile de bannere "ICE CREAM" și mergeți la Editați> Warp. Aplicați un Arc aplecare de -33%  în funcție de plasarea bannerului. Deplasați bannerul îndoit și jumătatea inferioară ovală în sus în design.

Pasul 5

Atingerea textului final pentru acest design este "DE LA 1982" (sau indiferent de anul în care sa înființat afacerea imaginară sau mai degrabă reală) scrisă cu caractere aldine Myriad Pro și în cremă. Așezați partea inferioară a celei de-a doua jumătăți ovale 12pt sau 14pt mărimea. Selectați textul dvs. cu Instrument orizontal de text și răsuciți textul într-un Arc stil de -36%.

5. Desenați înghețată

Pasul 1

Folosește Instrument Pen (P) pentru a desena un dreptunghi cu marginea superioara curbata. Ține-te jos Alt pentru a manipula mânerele în timpul creării curbei. În Căi panou, umpleți forma cu aceeași culoare teal folosită anterior. Desenați o bandă subțire, curbată (vezi mai jos), de asemenea cu Instrumentul Pen și umpleți-o cu cremă. Șterge porțiunile benzii care se extind dincolo de forma cupă.

Pasul 2

Folosește Instrument perie (B) pentru a desena un turbionar de tip ice-cream. Trasează forma cu Instrumentul Pen pe o Strat nou și completați cu aceeași culoare cremă folosit în tutorial. Folosește Instrumentul Ellipse pentru a desena o cireșă drăguță roșie. Ascunde sau Șterge stratul de înghețată desenat.

Pasul 3

Deoarece acest lucru este pe un fundal alb, culoarea smântânii ușoare a fost transformată într-o piersică dulce. Păstrează tema culorii sherbetului, dar este ușor de citit față de culorile luminoase. Dacă logo-ul va fi pe un fundal închis, alegeți în schimb crema de lumină.

Odată terminat poți Export fișierul dvs. sau continuați să creați insigne, bannere și logotipuri pentru "Sweet Treats", compania preferată a tuturor producătorilor de înghețată care a fost creată pentru acest tutorial. Să trecem la crearea aceluiași design în Adobe Illustrator

6. Creați Oval și Boundaries

Pasul 1

Creeaza o Document nou cu aceleași dimensiuni ca Secțiunea 2, Etapa 1. Folosește Instrument de elipsă (L) pentru a desena o formă ovală mare și Instrumentul dreptunghiular (M) pentru a desena un dreptunghi îngust care se suprapune cu ovalul. Umpleți ambele cu culoarea crem Secțiunea 2, Etapa 1Selectați ambele forme în lovitură Minus Front în deschizător de drumuri panou. Click dreapta forma compusă și lovită Eliberați calea compusă în vederea separării 

Pasul 2

Desenați patru dreptunghiuri în spațiul dintre cele două jumătăți ovale. Rețineți că primele două sunt mai lungi decât cele două, iar cele două sunt mai groase decât cele două dreptunghiuri interioare.

Pasul 3

Selectați jumătatea superioară ovală și mergeți la Obiect> Cale> Calea offset. Intrare -6px pentru ofsetSelectați atât ovalul superior cât și forma sa offset și lovit Minus Front în deschizător de drumuri panou. Repetați cu ovalul inferior.

7. Text și bannere

Pasul 1

Desenați un oval mai mic în partea superioară a jumătății ovale cremă. Setați culoarea de umplere la aceeași temperatură folosită în Secțiunea 3, Etapa 1, și taie partea de jos a acesteia folosind tehnica de la Secțiunea 6, Etapa 1

Cu Tip Tool, scrieți "Tratamente dulci" în Bebe Neue. Reglați dimensiunea și forma globală a tipului cu Instrument de selecție (V)

Pasul 2

Pentru a crea bannerul teal, trageți un dreptunghi peste fundul formei ovale. Selectați ambele forme și utilizați Shape Builder Tool (Shift-M) pentru a Selectați porțiunile exterioare ale dreptunghiului, Deselectați, și Șterge de pe banner. 

Pasul 3

Cu Tip Tool, scrieți "ICE CREAM" în Archivo Black și Extinde tipul de sub ObiectUni tipul în deschizător de drumuri panou. Selectați forma de text și tear banner și lovit Minus Front în deschizător de drumuri.

Scrie "din 1982"în Myriad Pro. Pentru a răsuci textul, mergeți la Efect> Warp> Arc și aplecare textul de către -17%. Plasați acest text în partea inferioară a ovalului.

Pasul 4

Copiați (Control-C) și Lipiți (Control-V) bannerul "ICE CREAM" și aplicați un gradient de umplere, folosind Gradient panou, care merge de la teal întuneric (Secțiunea 3, Etapa 4) la 100% la 0% la 100% Opacitate.

8. Context, înghețată și panglici

Pasul 1

Copie și Pastă teal oval jumătate și se aplică a Radial Gradient mergând de la Dark teal la 100% la 0% opacitate. Ajustați plasarea gradientului cu Instrument de gradient (G).

Pasul 2

Pentru ceașca de sundae, trageți o elipsă și un dreptunghi de aceeași lățime și Uni acestea în deschizător de drumuri panou. Folosește Instrument Pen (P) pentru a desena dunga curbată în cremă peste partea din față a cupei. Ca și procesul din Secțiunea 5, Etapa 2, schiță forma de înghețată cu Instrumentul pentru pensula (B) și urmăriți-l cu Instrumentul PenȘterge orice schițe mută de la straturi panou. Folosește Instrumentul Ellipse pentru a desena o cireșă roșie drăguță și așezați-o în spatele formei înghețate.

Pasul 3

Pentru panglicile banerului de teal, trageți un dreptunghi scurt cu Instrumentul dreptunghiului. Folosește Instrumentul Pen pentru a desena un triunghi în partea stângă a dreptunghiului. Selectați amandoi si lovit Minus Front în deschizător de drumuri panou. Roti Forma 45 ° sau așa. CopiePastă, și Reflectați forma panglicii peste a Axa verticala și plasați pe ambele fețe ale bannerului teal în cadrul designului (asigurați-vă că este plasat sub banner în straturi panou).

Pasul 4

Selectați componentele de banner "ICE CREAM" și Grup (Control-G) împreună. Mergi la Efect> Warp> Arh și aplecare prin -21%.

9. Variații de culoare

Pasul 1

Alegerea culorii este importantă. Am făcut fundalul întunecat în acest caz, astfel încât detaliile cremelor sunt vizibile. Imaginați-vă că sigla dvs. este tipărită într-un ziar sau într-o revistă, dar nu va fi imprimată în culori. Veți dori să vă asigurați că ați ales culorile pentru acea instanță, astfel încât marca, produsul și alte informații să poată fi citite.

Pasul 2

A doua variantă este alb-negru. Am omis porțiunea de cireșe a designului. Toate gradientele au fost șterse (de aceea le-am așezat pe un strat separat față de forma inițială), crema a devenit albă, iar teal și teal întuneric au devenit negre.

La fel ca variația în tonuri de gri, toate informațiile importante sunt ușor de citit, atâta timp cât există pe fond gri. Acest exercițiu este util nu numai pentru publicațiile alb-negru, ci și pentru imprimarea colorată limitată, în care puteți alege doar două sau trei culori.

În cele din urmă, văzând designul logo-ului dvs., banner-ul etc. în acest fel ciocănește acasă ce porțiuni ale designului se disting cel mai mult. În acest caz, este înghețată și cuvintele "TRATAMENTUL SWEET", care sunt elementele cele mai importante ale designului, deoarece îi spune imediat spectatorului sau consumatorului ce produs sau companie este.

Bine terminat, tu!

Un design de bază (creat separat, astfel încât variațiile au avut loc) în două programe. În timp ce prefer să folosesc Ilustrator pentru toate lucrurile, logo-ul și design-related, având doar acces la Photoshop nu ar trebui să limiteze un designer atunci când vine vorba de a crea seturi de design similare și lucrări de artă. Se poate face pentru fișiere și documente mai grele, dar posibilitatea de a crea piese asemănătoare vectorului în formă raster este o modalitate excelentă de a obține cele mai multe rezultate dintr-un program cum ar fi Photoshop.