Cum se creează o ilustrare cheie detaliată în Adobe Illustrator

Ce veți crea

În următorii pași veți învăța cum să creați o ilustrare cheie detaliată în Adobe Illustrator, cu un mesaj romantic perfect pentru Ziua Îndrăgostiților. 

Pentru începători veți învăța cum să configurați o rețea simplă și cum să creați principalele forme utilizând instrumentele și tehnicile de bază. În continuare, veți învăța cum să adăugați umbre și accente pentru aceste forme utilizând tehnicile de amestecare de bază și tehnicile de construcție a formei vectoriale, împreună cu o mulțime de efecte și panoul Aspect. În cele din urmă, veți învăța cum să adăugați o panglică frumoasă folosind o perie caligrafică simplă, unele gradienți liniare și instrumentul Type on a Path.

1. Creați un document nou și configurați o rețea

Lovit Control-N pentru a crea un nou document. Selectați pixeli de la Unități meniul derulant, introduceți 600 în casetele de lățime și înălțime, apoi faceți clic pe Avansat buton. Selectați RGB, Ecran (72ppi), și asigurați-vă că Aliniați obiectele noi la grila Pixel caseta nu este bifată înainte de a face clic O.K.

Activați Grilă (Afișați> Afișați grilă) si Fixat la retea (Vizualizare> Snap to Grid). Veți avea nevoie de câte o grilă 5 px, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri> Grilă, și intră 5 în Grilă în fiecare și 1 în subdiviziunile cutie. Încercați să nu vă descurajați de toată grilă - vă va ușura munca și rețineți că puteți să o activați sau să o dezactivați cu ușurință utilizând Control-" Comanda rapidă de la tastatură.

De asemenea, trebuie să deschideți Info panou (Fereastră> Info) pentru o previzualizare live cu dimensiunea și poziția formelor dvs. Nu uitați să setați unitatea de măsură la pixeli de la Editați> Preferințe> Unități> Generale. Toate aceste opțiuni vor crește semnificativ viteza de lucru.

2. Creați principalele forme

Pasul 1

Alegeți Instrument de elipsă (L) și concentrați-vă pe Bara de instrumente Google. Îndepărtați culoarea din umplutură, apoi selectați cursa și setați culoarea la R = 255 G = 166 B = 28. Deplasați-vă la tabloul de bord și creați pur și simplu o 55 px încercuiește Fixat la retea ar trebui să vă ușureze munca.

Asigurați-vă că forma dvs. rămâne selectată și treceți la Aspect panou (Fereastră> Aspect). Selectați cursa existentă și măriți-o Greutate la 6 px. Selectați din nou Instrument de elipsă (L), creeaza o 10 px cerc și așezați-o așa cum se arată în a doua imagine. Asigurați-vă că această nouă formă rămâne selectată, reveniți la Aspect și adăugați același lucru 6 px portocaliu.

Pasul 2

Resetați cele două cercuri făcute până acum și mergeți la Obiect> Extindeți aspectul. Asigurați-vă că formele rezultate rămân selectate, deschideți deschizător de drumuri panou (Fereastră> Pathfinder) și faceți clic pe Uni buton. Deplasați-vă la straturi panou, deschideți stratul existent și faceți dublu clic pe numele formei. Redenumiți-o "rightRing"și apoi faceți clic pe O.K buton.

Pasul 3

Alegeți Instrument de elipsă (L), treceți la placa de artă, creați o 55 px cerc și plasați-o așa cum se arată în prima imagine. Asigurați-vă că această nouă formă rămâne selectată și se concentrează pe Aspect panou. Îndepărtați culoarea din umplutură și apoi selectați cursa. Setați culoarea la R = 255 G = 166 B = 28 și să crească Greutate la 6 px. Selectați din nou Instrument de elipsă (L), creeaza o 20 px cerc, plasați-o după cum se arată în a doua imagine, umpleți-o cu aceeași culoare portocalie și asigurați-vă că nu există set de culori pentru cursa.

Treceți la Instrument Pen (P), creeaza o 120 px orizontală și plasați-o așa cum se arată în a treia imagine. Asigurați-vă că acesta rămâne selectat și că focalizați pe Aspect panou. Mai întâi, îndepărtați culoarea de la umplere și apoi concentrați-vă asupra cursei. Utilizați același portocaliu pentru culoare și apoi faceți clic pe acel "Accident vascular cerebral"bucată de text pentru a deschide Accident vascular cerebral panou flyout. Măriți Greutate la 6 px și verificați Round Cap buton.

Pasul 4

Pentru acest pas veți avea nevoie de câte o grilă 1 px, deci du-te la Editați> Preferințe> Ghiduri și Grilă și intră 1 în Grilă în fiecare cutie.

Focalizați pe capătul din stânga al căii orizontale și alegeți Instrumentul dreptunghiular (M). Creați două 10 x 15 px formează și le plasează exact așa cum se arată în prima imagine. Umpleți aceste noi dreptunghiuri cu aceeași culoare portocalie și transformați-le apoi într-o cale compusă folosind Control-8 Comanda rapidă de la tastatură.

Alegeți Instrument de elipsă (L), creeaza o 5 px cerc și două 6 px cercuri, plasați-le după cum se arată în a doua imagine și setați culoarea lor de umplere la R = 96 G = 56 B = 19. Selectați aceste trei cercuri și transformați-le într-o nouă cale compusă utilizând același lucru Control-8 Comanda rapidă de la tastatură.

Pasul 5

Resetați cele două căi compuse făcute în etapa anterioară și faceți clic pe Minus Front butonul din deschizător de drumuri panou. Selectați formele rezultate și transformați-le într-o nouă cale compusă (Control-8).

Pasul 6

Continuați să vă concentrați pe calea compusă și alegeți Instrumentul de selecție directă (A). Mai întâi, selectați cele patru puncte de ancorare evidențiate prin adnotarea verde, focalizați pe bara superioară și introduceți 3 px in aceea cornere cutie. Apoi, selectați opt puncte de ancorare evidențiate cu adnotările purpuriu, reveniți la bara de sus și de această dată intrăți 1 px în cornere cutie. În final, calea compusă ar trebui să arate ca în a doua imagine.

Funcția Live Corners este disponibilă numai pentru utilizatorii CC. Cea mai bună soluție pentru înlocuirea acestui efect ar fi Rotunde orice colț script care poate fi găsit în acest articol: 20 scripturi gratuite și utile Adobe Illustrator. Salvați-l pe hard disk, reveniți la Illustrator și apucați-l Instrumentul de selecție directă (A). Selectați punctele de ancorare ascuțite și mergeți la Fișier> Scripturi> Alt script. Deschide Rotunjire orice colț Script, introduceți valorile menționate în secțiunea cornere caseta și faceți clic pe O.K. Rezultatul final ar putea părea puțin diferit. Simțiți-vă liber să încercați o valoare diferită pentru rază. În unele cazuri, va trebui să măriți / micșorați valoarea menționată în acest document cornere cutie.

Pasul 7

Intoarce-te grilă la fiecare 5 px, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri și Grilă și intră 5 în Grilă în fiecare cutie. Resetați calea orizontală și cercul evidențiat în prima imagine și mergeți la Obiect> Cale> Accident vascular cerebral. Selectați formele care rezultă împreună cu calea combinată și 20 px cerc, apoi faceți clic pe Uni butonul din deschizător de drumuri panou. Deplasați-vă la straturi panou și redenumiți această formă nou creată "leftRing".

Pasul 8

Alegeți Instrument de elipsă (L), creeaza o 55 px cerc și plasați-o după cum se arată în prima imagine. Asigurați-vă că această nouă formă rămâne selectată și se concentrează pe Aspect panou. Îndepărtați culoarea din umplutură și apoi selectați cursa. Setați culoarea la R = 255 G = 166 B = 28 și să crească Greutate la 6 px. Odată ce ați terminat, mergeți la Obiect> Cale> Accident vascular cerebral. Deplasați-vă la straturi panou și redenumiți această formă nou creată "topRing".

Pasul 9

Alegeți Instrument de elipsă (L), creeaza o 55 px cerc și plasați-o după cum se arată în prima imagine. Asigurați-vă că această nouă formă rămâne selectată și se concentrează pe Aspect panou. Îndepărtați culoarea din umplutură și apoi selectați cursa. Setați culoarea la R = 255 G = 166 B = 28 și să crească Greutate la 6 px. Odată ce ați terminat, mergeți la Obiect> Cale> Accident vascular cerebral. Deplasați-vă la straturi panou și redenumiți această formă nou creată "bottomRing".

3. Adăugați Repere subtile

Pasul 1

Schimba cu grilă la fiecare 1 px, deci du-te la Editați> Preferințe> Ghiduri și Grilă și intră 1 în Grilă în fiecare cutie.

Asigurați-vă că "bottomRing"este selectată forma și faceți o copie în față (Control-C> Control-F). Utilizarea Instrumentul dreptunghiular (M), creeaza o 67 x 1 px forma, face-l negru (R = 0G = 0B = 0) și plasați-o după cum se arată în prima imagine. Selectați acest dreptunghi subțire împreună cu copia făcută cu câteva momente în urmă și faceți clic pe intersecta butonul din deschizător de drumuri panou.

Transformați grupul de forme care rezultă într-o cale compusă (Control-8), asigurați-vă că acesta rămâne selectat și treceți la Aspect panou. Coborâți Opacitate la 30% și schimbați Mod de amestecare la Lumina slaba.

Pasul 2

Asigurați-vă că "bottomRing"este selectată forma și face o copie nouă în față (Control-C> Control-F). Utilizarea Instrumentul dreptunghiular (M), creeaza o 67 x 1 px forma, face alb (R = 255 G = 255 B = 255) și plasați-o după cum se arată în prima imagine.

Selectați acest dreptunghi subțire împreună cu copia făcută cu câteva momente în urmă și faceți clic pe intersecta butonul din deschizător de drumuri panou. Transformați grupul de forme care rezultă într-o cale compusă (Control-8), asigurați-vă că rămâne selectat și treceți la Aspect panou. Coborâți Opacitate la 50% și schimbați Mod de amestecare la Lumina slaba.

Pasul 3

Asigurați-vă că "bottomRing"este selectată forma și face o copie nouă în față (Control-C> Control-F). Utilizarea Instrumentul dreptunghiular (M), creeaza o 67 x 1 px forma albă și plasați-o așa cum se arată în prima imagine.

Selectați acest dreptunghi subțire împreună cu copia făcută cu câteva momente în urmă și faceți clic pe intersecta butonul din deschizător de drumuri panou. Transformați grupul de forme care rezultă într-o cale compusă (Control-8), asigurați-vă că rămâne selectat și treceți la Aspect panou. Coborâți Opacitate la 25% și schimbați Mod de amestecare la Lumina slaba. Acum, selectați calea combinată realizată în acest pas, împreună cu celelalte două căi compuse făcute în ultimele două etape și pur și simplu atingeți Control-G comenzi rapide de la tastatură la grup lor.

Deplasați-vă la straturi panoul, găsiți acest nou grup și pur și simplu îl redenumiți "subtleSeparator".

Pasul 4

Duplicați "subtleSeparator" grup (Control-C> Control-F), selectați copia și plasați-o după cum se arată în imaginea următoare.

Pasul 5

Din nou, duplicați-vă "subtleSeparator" grup (Control-C> Control-F), selectați copia, rotiți-o 90 de grade și plasați-o așa cum se arată în prima imagine. Duplicați acest grup rotit (Control-C> Control-F), selectați copia și plasați-o așa cum se arată în a doua imagine.

4. Adăugați umbrirea și evidențiați principalele forme

Pasul 1

Dezactivați modul Snap în rețea (Shift-Control-“) și apoi du-te la Editați> Preferințe> Generale și asigurați-vă că Creșterea tastaturii este setat la 1 px.

Asigurați-vă că "rightRing"forma este selectată și face două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 1 px în jos, utilizând butonul săgeată în jos din tastatură. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou. Asigurați-vă că grupul de forme care rezultă este selectat și transformați-l într-un traseu compus (Control-8).

Pasul 2

Asigurați-vă că "rightRing"este selectată forma și mergeți la Obiect> Cale> Calea offset. Introduceți a -Decupați 1 px și faceți clic pe O.K. Asigurați-vă că forma dorită este selectată și faceți o copie în față (Control-C> Control-F). Selectați această copie și mutați-o 1 px jos. Resetați ambele forme realizate în acest pas și faceți clic pe Minus Front butonul din deschizător de drumuri panou.

Transformați grupul rezultat într-o cale simplă combinată (Control-8), asigurați - vă că acesta rămâne selectat și se concentrează pe Aspect panou. Înlocuiți culoarea de umplere existentă cu un alb simplu (R = 255 G = 255 B = 255), micșorați-l Opacitate la 75% și schimbați Mod de amestecare la Acoperire.

Pasul 3

Asigurați-vă că "rightRing"forma este selectată și face două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 1 px , utilizând butonul săgeată sus de pe tastatură. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou.

Întoarceți grupul de forme care rezultă într-o cale simplă combinată, asigurați-vă că acesta rămâne selectat și se concentrează pe Aspect panou. Selectați umplerea și înlocuiți culoarea existentă cu R = 231 G = 120B = 17.

Pasul 4

Asigurați-vă că "rightRing"este selectată forma și mergeți la Obiect> Cale> Calea offset. Introduceți a -Decupați 1 px și faceți clic pe O.K. Asigurați-vă că forma dorită este selectată și faceți o copie în față (Control-C> Control-F). Selectați această copie și mutați-o 1 px utilizați butonul săgeată sus din tastatură. Resetați ambele forme realizate în acest pas și faceți clic pe Minus Front butonul din deschizător de drumuri panou.

Transformați grupul rezultat într-o cale simplă combinată (Control-8), asigurați - vă că acesta rămâne selectat și se concentrează pe Aspect panou. Înlocuiți culoarea de umplere existentă cu o culoare albă albă și cântați-o Mod de amestecare la Lumina slaba.

Pasul 5

Asigurați-vă că "rightRing"este selectată forma și mergeți la Obiect> Cale> Calea offset. Introduceți a -Decupați 1 px și faceți clic pe O.K. Asigurați-vă că forma dorită este selectată și faceți o copie în față (Control-C> Control-F). Selectați această copie și mutați-o 2 px utilizați butonul săgeată sus din tastatură. Resetați ambele forme realizate în acest pas și faceți clic pe Minus Front butonul din deschizător de drumuri panou.

Transformați grupul rezultat într-o cale simplă combinată (Control-8), asigurați - vă că acesta rămâne selectat și se concentrează pe Aspect panou. Înlocuiți culoarea de umplere existentă cu R = 145 G = 67 B = 25 și schimba-l Mod de amestecare la Lumina slaba.

Pasul 6

Asigurați-vă că "rightRing"forma rămâne selectată, se concentrează pe Aspect și selectați cursorul existent. Setați culoarea la R = 145 G = 67 B = 25, măriți Greutate la 2 px, aliniați-l spre interior și apoi micșorați-l Opacitate la 50% și schimbați Mod de amestecare la Lumina slaba. Asigurați-vă că acest curs este selectat și duplicați-l folosind Duplicați articolul selectat buton. Selectați cursa nou adăugată și pur și simplu micșorați-o Greutate la 1 px.

Pasul 7

Acum, concentrați-vă pe "leftRing"forma și repetați tehnicile folosite pentru"rightRing"În final, lucrurile ar trebui să arate ca la prima imagine.

Treceți la "topRing"forma și face același lucru.După ce ați terminat, lucrurile ar trebui să arate ca în a doua imagine.În cele din urmă, se concentreze pe dvs."bottomRing"forma, repeta aceleasi tehnici si lucrurile vor arata ca in a treia imagine.

Pasul 8

Reluați-vă "leftRing"formă, se concentreze pe Aspect și adăugați un al doilea umplere folosind Adăugați o nouă umplere buton. Selectați această umplere nouă, înlocuiți culoarea existentă cu un alb simplu, schimbați-o Mod de amestecare la Lumina slaba și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a -Decupare 4 px, clic O.K și du-te la Efect> Blur> Gaussian Blur. Introduceți a Radius 1 px și faceți clic pe O.K.

5. Adăugați un diamant mic

Pasul 1

Activați Snap to Grid (Control-'). Utilizarea Instrument de elipsă (L), creeaza o 10 px cerc, umpleți-l cu gradientul liniar prezentat mai jos și plasați-l așa cum se arată în imaginea următoare.

Pasul 2

Asigurați-vă că este selectat cercul dvs. mic și faceți două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 1 px jos. Resetați ambele forme realizate în acest pas și faceți clic pe Minus Front butonul din deschizător de drumuri panou. Asigurați-vă că forma rezultată rămâne selectată și că focalizați pe Aspect panou. Înlocuiți culoarea de umplere existentă cu R = 145 G = 74 B = 29, micșorați-l Opacitate la 50% și schimbați Mod de amestecare la Lumina slaba.

Pasul 3

Resetați cercul mic și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe O.K, reveniți la Aspect și selectați cursorul existent. Setați culoarea la R = 145 G = 74 B = 29, asigurați-vă că Greutate este setat la 1 px, aliniați-l spre interior și apoi micșorați-l Opacitate la 30% și schimbați Mod de amestecare la Lumina slaba.

Pasul 4

Utilizarea Instrument de elipsă (L), creeaza o 6 px cerc negru, puneți-l așa cum se arată în imaginea următoare și mergeți la Efect> Stylize> Drop Shadow. Introduceți atributele afișate în imaginea următoare și dați clic pe O.K.

Pasul 5

Utilizarea Instrument de elipsă (L), creeaza o 6 px roșu și plasați-l așa cum se arată în imaginea următoare. Treceți la Instrument Pen (P), creeaza o 10 px verticală și plasați-o așa cum se arată în a doua imagine. Adăugați un curs albe doar pentru această cale, pentru al face mai vizibil. Asigurați-vă că această cale rămâne selectată și mergeți la Obiect> Transformare> Rotire. Seteaza Unghi la 90 de grade apoi faceți clic pe Copie buton. Aceasta ar trebui să creeze o cale orizontală, așa cum se arată în a treia imagine.

Pasul 6

Selectați căile orizontale și verticale împreună cu cercul roșu și faceți clic pe Divide butonul din deschizător de drumuri panou. Selectați formele rezultate unul câte unul și înlocuiți pur și simplu culoarea de umplere existentă cu culorile afișate în a doua imagine.

Pasul 7

Utilizarea Instrument de elipsă (L), creeaza o 6 px cerc, puneți-l așa cum se arată în prima imagine și focalizați-vă pe Aspect panou. Asigurați-vă că nu există set de culori pentru umplere și apoi selectați cursa. Faceți-l negru, asigurați-vă că Greutate este setat la 1 px, aliniați-l spre interior și apoi schimbați-l Mod de amestecare la Lumina slaba. Selectați din nou Instrument de elipsă (L), creeaza o 2 px cercul alb, modificați-l Mod de amestecare la Acoperire și plasați-o așa cum se arată în a doua imagine.

6. Adăugați umbrirea și evidențiarea extra

Pasul 1

Duplicați (Control-C> Control-F) formatele făcute până acum, selectați aceste copii și faceți clic pe Uni butonul din deschizător de drumuri panou. Asigurați-vă că această nouă formă rămâne selectată, trimiteți-o înapoi (Shift-Control-[) și apoi să se concentreze pe Aspect panou.

Îndepărtați culoarea din umplutură și apoi selectați cursa. Setați culoarea la R = 231 G = 132 B = 23, asigurați-vă că Greutate este setat la 1 px și aliniați-l la exterior. Deplasați-vă la straturi panou, găsiți forma realizată în acest pas și redenumiți-o "Umbră".

Pasul 2

Asigurați-vă că "Umbră"forma rămâne selectată, se concentrează pe Aspect și adăugați un al doilea curs utilizând butonul Adăugați un accident vascular cerebral nou buton. Selectați această curbă nouă, asigurați-vă că Greutate este setat la 1 px, aliniați-l spre exterior, schimbați-l Mod de amestecare la Acoperire și apoi înlocuiți culoarea existentă cu gradientul liniar prezentat în imaginea următoare. Rețineți că numerele galbene din Gradient imagine stand pentru Opacitate procent.

Pasul 3

Reluați-vă "Umbră"formă, se concentreze pe Aspect panou, asigurați-vă că este selectată întreaga cale și căutați Efect> Stylize> Drop Shadow. Introduceți atributele afișate în fereastra din stânga sus (în imaginea următoare), faceți clic pe O.K și apoi adăugați celelalte patru Umbra efectele afișate în imaginea următoare.

7. Adăugați o panglică roșie

Pasul 1

Deschide Perii panou (Fereastra> Perii) și faceți clic pe Pensulă nouă buton. Verifică Pensulă caligrafică caseta și faceți clic pe O.K. Denumiți noua dvs. perie "Pensulă roșie", introduceți toate atributele afișate în imaginea următoare, apoi faceți clic pe O.K buton. Alegeți Instrument perie (B), selectați "Pensulă roșie" de la Perii panou, treceți la tabloul de bord și trageți o cale simplă aproximativ după cum se arată în imaginea următoare. Nu uitați să setați culoarea la R = 237 G = 28 B = 36.

Pasul 2

Intoarce-te grilă la fiecare 5 px, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri și Grilă și intră 5 în Grilă în fiecare cutie. Asigurați-vă că "Umbră"este selectată forma și faceți o copie în față (Control-C> Control-F). Utilizarea Instrumentul dreptunghiular (M), creeaza o 15 x 10 px forma neagră și plasați-o așa cum se arată în prima imagine. Selectați acest dreptunghi împreună cu copia făcută la începutul pasului și faceți clic pe intersecta butonul din deschizător de drumuri panou.

Pasul 3

Resetați forma neagră făcută în pasul anterior împreună cu traseul roșu și focalizați-vă pe Transparenţă panou (Fereastră> Transparență). Apasă pe Faceți masca butonul și apoi debifați acea minusculă Clamă cutie. În cele din urmă lucrurile ar trebui să arate ca în a doua imagine.

Pasul 4

Asigurați-vă că "Umbră"este selectată forma și faceți o copie în față (Control-C> Control-F). Utilizarea Instrumentul dreptunghiular (M), creeaza o 15 x 10 px forma, setați culoarea de umplere la R = 57 G = 181 B = 74, și plasați-o așa cum se arată în prima imagine. Selectați acest dreptunghi verde împreună cu copia făcută la începutul pasului și faceți clic pe intersecta butonul din deschizător de drumuri panou.

Dezactivați modul Snap în rețea (Control-'), apuca Instrument Pen (P) și trageți o cale simplă aproximativ așa cum este prezentat în a treia imagine. Adauga o 1 px verde pentru această cale și asigurați-vă că umplerea este dezactivată.

Pasul 5

Resetați calea roșie mascată și faceți o copie în față (Control-C> Control-F). Selectați-l și mergeți la Obiect> Extindeți aspectul. Asigurați-vă că grupul rezultat este selectat și faceți clic pe Uni butonul din deschizător de drumuri panou.

Pasul 6

Acum, selectați forma făcută în pasul anterior împreună cu forma verde și calea verde, concentrați-vă pe deschizător de drumuri și faceți clic pe Divide buton. Asigurați-vă că grupul rezultat este selectat și pur și simplu lovit Shift-Control-G la Degrupeaza aceasta.

Deplasați-vă la straturi și concentrați asupra setului de forme și căi realizate în acest pas. Eliminați cele mici și apoi selectați cele trei forme principale unul câte unul și înlocuiți culoarea de umplere existentă cu culorile indicate în a doua imagine.

Pasul 7

Selectați forma portocalie care formează panglica și focalizați-vă pe Aspect panou. Selectați umplerea, micșorați-o Opacitate la 20%, și apoi înlocuiți culoarea existentă cu gradientul liniar prezentat în imaginea urm