Cum se creează o ilustrație întunecată în Adobe Illustrator

Ce veți crea

În acest tutorial veți învăța cum să creați o ilustrare a pietrei în întuneric în Adobe Illustrator. Pentru început, veți învăța cum să configurați o rețea simplă și cum să creați principalele forme utilizând instrumentele de bază împreună cu panoul Pathfinder și caracteristica Live Corners.

Apoi, folosind tehnicile de amestecare de bază și unele efecte raster, veți învăța cum să adăugați umbre și câteva texturi murdare pentru formele dvs. Profitând din plin de panoul Stroke și folosind un grup de efecte simple, veți învăța cum să creați crăpăturile mici și cum să le mascați cu ușurință.

Deplasând-o, veți crea baza pietrei și veți adăuga o mică lumânare cu câteva flori. În sfârșit, veți învăța cum să creați fundalul întunecat utilizând două pătrate simple și panoul Aspect.

Dacă sunteți inspirat de acest tutorial, de ce să nu participați la Tuts + Halloween Community Challenge?

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 (72 ppi), ș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 grila (Afișați> Afișați grilă) și Snap to Grid (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ă, introduce 5 în Grilă în fiecare și 1 în subdiviziunile cutie. Încearcă să nu te descurajezi de grila asta: va ușura munca ta. 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 și adăugați umbrirea subtilă

Pasul 1

Alegeți Instrumentul dreptunghiular (M) și concentrați-vă pe Bara de instrumente Google. Scoateți culoarea din cursa, apoi selectați umplerea și setați culoarea la R = 109 G = 110 B = 113. Deplasați-vă la tabloul de bord și creați-o 150 x 230 px dreptunghi.

Pasul 2

Concentrați-vă pe partea superioară a dreptunghiului și apucați-l Instrumentul de selecție directă (A). Selectați ambele puncte de ancorare, mutați-vă în bara superioară și introduceți 70 px în cornere cutie. În final, forma ta ar trebui să arate ca a doua imagine.

Această caracteristică 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 acele puncte de ancorare și mergeți la Fișier> Scripturi> Alt script. Deschide Rotunjire orice colț Script, introduceți a 70 px rază și faceți clic pe O.K. Rezultatul final ar putea părea un pic diferit, dar nu va fi foarte vizibil. 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 cornere cutie.

Pasul 3

Înlocuiți culoarea de umplere existentă cu un roșu simplu și apucați-o Instrument de elipsă (L). Creați două 40 px cercuri și plasați-le după cum se arată aici.

Pasul 4

Utilizarea Instrument de selecție (V), selectați toate cele trei forme făcute până acum, deschideți deschizător de drumuri panou (Windows> Pathfinder) și faceți clic pe Minus Front. Forma rezultată ar trebui să arate ca imaginea 2.

Pasul 5

Focalizați pe partea superioară a formei și reselectați Instrumentul de selecție directă (A). Selectați cele patru puncte de ancorare evidențiate în prima imagine, mutați-vă în bara superioară și introduceți 10 px in aceea cornere cutie. Deplasați-vă la straturi panou (Fereastră> Straturi), faceți dublu clic pe numele formei existente și redenumiți-o "Reversul".

Pasul 6

Asigurați-vă că "Reversul"este selectată forma, deschideți Gradient panou (Fereastră> Gradient) și dați clic pe miniaturile de gradient pentru a adăuga gradientul linear alb-negru. Continuați să vă concentrați asupra dvs. Gradient panou, setați unghiul la 90 grade, apoi treceți la culorile gradientului. Selectați cursorul din stânga și setați culoarea la R = 109 G = 110 B = 113. Apoi selectați cursorul drept și setați culoarea la R = 147 G = 149 B = 152.

Pasul 7

Dezactivați opțiunea Snap to Grid (Vizualizare> Snap to Grid), 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ă "Reversul"este selectată forma și faceți 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 pur și simplu lovit Control-8 (sau mergeți la Obiect> Calea compusă> Efectuați) pentru ao transforma într-o cale compusă. Selectați această cale combinată și focalizați pe Aspect panou (Fereastră> Aspect). Setați culoarea de umplere la negru (R = 0G = 0B = 0) și apoi faceți clic pe Opacitate pentru a deschide Transparenţă panou flyout. Coborâți Opacitate la 10% și schimbați Mod de amestecare la Lumina slaba.

Pasul 8

Asigurați-vă că "Reversul"forma este selectată și face două copii în față (Control-C, Control-F, Control-F). Selectați copia de început și mutați-o 2 px jos. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou. Transformați grupul de forme care rezultă într-o cale compusă (Control-8), faceți-l negru, micșorați-l Opacitate la 10% și schimbați Mod de amestecare la Lumina slaba.

Pasul 9

Asigurați-vă că "Reversul"forma este selectată și face două copii în față (Control-C, Control-F, Control-F). Selectați copia de început și mutați-o 3 px jos. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou. Transformați grupul de forme care rezultă într-o cale compusă (Control-8), faceți-l negru, micșorați-l Opacitate la 10%, și schimbați Mod de amestecare la Lumina slaba.

Pasul 10

Asigurați-vă că "Reversul"forma este selectată și face două copii în față (Control-C, Control-F, Control-F). Selectați copia de început și mutați-o 6 px jos. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou. Transformați grupul de forme care rezultă într-o cale compusă (Control-8), faceți-l negru, micșorați-l Opacitate la 10%, și schimbați Mod de amestecare la Lumina slaba.

Pasul 11

Reluați-vă "Reversul"forma și du-te la Obiect> Cale> Calea offset. Introduceți a -Decupați 10 px și faceți clic pe O.K. Selectați forma rezultată, focalizați pe Gradient și înlocuiți pur și simplu gradientul liniar existent cu cel prezentat în următoarea imagine. Deplasați-vă la straturi panou, găsiți forma realizată în acest pas și redenumiți-o "partea frontală".

Pasul 12

Activați Snap to Grid (Vizualizare> Snap to Grid). Concentrați-vă pe partea de jos a ecranului dvs. "partea frontală"forma și apuca Instrumentul de selecție directă (A). Selectați ambele puncte de ancorare și trageți-le pur și simplu 10 px în jos, după cum se arată în a doua imagine. Încă o dată, caracteristica Snap to Grid va fi utilă.

3. Adăugați texturi subtile

Pasul 1

Reluați-vă "Reversul"formă, se concentreze pe Aspect panou, selectați umplerea existentă și mergeți la Efect> Stylize> Glow Inner. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.

Pasul 2

Asigurați-vă că "Reversul"forma este încă selectat, se concentreze pe Aspect și adăugați oa doua umplere folosind Adăugați o nouă umplere. Selectați această umplere nouă, setați culoarea de umplere în negru, micșorați-o Opacitate la 5%, schimba Mod de amestecare la Multiplica, și du-te la Efect> Artistic> Film Cereal. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.

Pasul 3

Selectați "partea frontală"formă, se concentreze pe Aspect și adăugați oa doua umplere utilizând aceiași Adăugați o nouă umplere buton. Selectați această umplere nouă, setați culoarea în negru, micșorați-o Opacitate la 5%, schimba Mod de amestecare la Multiplica și du-te la Efect> Artistic> Film Cereal. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.

4. Creați fisurile

Pasul 1

Dezactivați grila (Afișați> Ascundeți grila) și Snap to Grid (Vizualizare> Snap to Grid). Utilizarea Instrument Pen (P) sau Instrument perie (B), creați trei căi simple aproximativ după cum se arată în imaginea următoare. Selectați toate aceste noi căi și concentrați-vă pe Aspect panou. Asigurați-vă că nu există niciun set de culori pentru umplere și adăugați un simplu, 1 px, cursa neagră.

Pasul 2

Asigurați-vă că căile dvs. negre sunt încă selectate și mergeți la Efect> Distort & Transform> Zig Zag. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.

Pasul 3

Asigurați-vă că căile dvs. negre sunt încă selectate, focalizați pe Aspect panou și pur și simplu faceți clic pe Accident vascular cerebral pentru a deschide Accident vascular cerebral panou flyout. Măriți Greutate la 5 px și selectați Lățimea profilului 4 de la Profil meniul derulant. Pur și simplu faceți clic pe Flip Along dacă doriți să inversați orientarea căii.

Pasul 4

Asigurați-vă că căile dvs. negre sunt încă selectate și că focalizați pe Aspect panou. Selectați cursorul, treceți la Gradient și adăugați gradientul liniar prezentat în imaginea următoare. Va trebui să inversați unghiul gradientului linear utilizat pentru calea stângă. Acest lucru se poate face destul de repede folosind Gradientul invers butonul din Gradient panou.

Pasul 5

Asigurați-vă că cele trei căi dvs. sunt încă selectate și mergeți la Efect> Stylize> Glow Inner. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe O.K, și du-te la Efect> Stylize> Drop Shadow. Introduceți atributele afișate mai jos și faceți clic pe O.K.

5. Adăugați o textură Grundier

Pasul 1

Reluați-vă "Reversul"forma, faceți o copie în față (Control-C, Control-F) și să-l aducă în față (Shift-Control-]). Asigurați-vă că această copie rămâne selectată și că focalizați pe Aspect panou. Mai întâi, pur și simplu eliminați umplerea neagră folosind Ștergeți articolul selectat butonul situat în colțul din stânga jos al panoului.

Apoi, deschideți Stralucire interioara aplicată pentru umplerea rămasă și înlocuirea atributelor existente cu cele afișate în imaginea următoare. Reveniți la Aspect și asigurați-vă că umplerea este încă selectată. Coboară-i Opacitate la 20%, schimba Mod de amestecare la Multiplica și înlocuiți culoarea de umplere existentă cu gradientul radial prezentat mai jos. Concentrează-te pe tabloul de bord și folosește Instrument de gradient (T) pentru a întinde acel gradient așa cum se arată în imaginea următoare. De asemenea, rețineți că zero galben de la Gradient imaginea reprezintă Opacitate procent. Acest lucru înseamnă pur și simplu că trebuie să selectați glisorul de gradient, să vă concentrați pe Opacitate caseta (de la Gradient panou) și setați-l la 0%. În cele din urmă, treceți la straturi panou, găsiți forma realizată în acest pas și redenumiți-o "textură".

Pasul 2

Asigurați-vă că "textură"forma este încă selectat, se concentreze pe Aspect și adăugați oa doua umplere utilizând aceiași Adăugați o nouă umplere buton. Selectați această umplere nouă, setați culoarea în negru, micșorați-o Opacitate la 50%, schimba Mod de amestecare la Lumina slaba, și du-te la Efect> Artistice> Burete. Introduceți proprietățile afișate în fereastra de sus (în imaginea următoare), faceți clic pe O.K și du-te din nou la Efect> Artistice> Burete. Introduceți proprietățile afișate în fereastra de jos și faceți clic pe O.K.

6. Mascați formele și adăugați textul

Pasul 1

Selectați toate formele realizate până acum și loviți Control-G la grup lor. Deplasați-vă la straturi panou, redenumiți acest nou grup "Lespede"și apoi deschideți-l.textură"forma, faceți o copie în față (Control-C, Control-F) și trageți-l în afara grupului, în partea de sus a paginii straturi panou.

Asigurați-vă că această copie rămâne selectată și pur și simplu atingeți D butonul de pe tastatură pentru înlocuirea celor existente Aspect atributele cu cele prestabilite (umplere albă și 1 px, cursa neagră). Concentrați-vă pe Aspect panou, eliminați cursa neagră și păstrați umplutura albă.

Acum, selectați această formă albă împreună cu "Lespede"grup, deschideți Transparenţă panou (Fereastră> Transparență) și faceți clic pe Faceți masca buton. Dacă nu sunteți utilizator Illustrator CC, trebuie să deschideți meniul derulant al aplicației Transparenţă și faceți clic pe Faceți masca opacității comanda. În cele din urmă, lucrurile ar trebui să arate ca a patra imagine.

Pasul 2

Prindeți Instrumentul tip (T), faceți clic pe tabloul dvs. de artă și adăugați elementul "RIP."setați culoarea la R = 70 G = 70 B = 70 și utilizați Viner Hand ITC font cu dimensiunea setată la 25 px.

Asigurați-vă că textul dvs. rămâne selectat și mergeți la Efect> Stylize> Glow Inner. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe O.K, și du-te la Efect> Stylize> Drop Shadow. Introduceți atributele afișate mai jos și faceți clic pe O.K.

7. Creați baza breslei

Pasul 1

Activați grila (Afișați> Afișați grilă) și Snap to Grid (Vizualizare> Snap to Grid). Utilizarea Instrumentul dreptunghiular (M), creeaza o 160 x 10 px forma, umpleți-o cu gradientul liniar prezentat mai jos și plasați-o așa cum se arată în prima imagine. Concentrați-vă pe partea superioară a acestui nou dreptunghi și treceți la Instrumentul de selecție directă (A). Selectați ambele puncte de ancorare și pur și simplu introduceți 5 px în cornere cutie. Deplasați-vă la straturi panou, găsiți forma realizată în acest pas și redenumiți-o "baza".

Pasul 2

Dezactivați Snap la Grilă (Vizualizare> Snap to Grid). Asigurați-vă că "baza"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 jos. Resetați ambele forme realizate în acest pas și faceți clic pe Minus Front butonul din deschizător de drumuri panou. Umpleți forma rezultată cu negru, coborâți-o Opacitate la 20%, și schimbați Mod de amestecare la Lumina slaba.

Pasul 3

Asigurați-vă că "baza"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. Selectați forma rezultată ș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. Umpleți forma rezultată cu alb, micșorați-o Opacitate la 10%, și schimbați Mod de amestecare la Lumina slaba.

Pasul 4

Asigurați-vă că "baza"forma rămâne selectată, se concentrează pe Aspect și adăugați oa doua umplere utilizând aceiași Adăugați o nouă umplere buton. Selectați această umplere nouă, setați culoarea în negru, micșorați-o Opacitate la 30%,și schimbați Mod de amestecare la Lumina slaba.

Continuați să vă concentrați pe Aspect panou și adăugați un al treilea umplere pentru forma. Selectați-l, setați culoarea în negru, micșorați-o Opacitate la 5%, schimba Mod de amestecare la Multiplica și du-te la Efect> Artistic> Film Cereal. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.

Pasul 5

Reluați-vă "baza"formă, se concentreze pe Aspect , asigurați-vă că este selectată întreaga cale (faceți clic pur și simplu pe acel "cale"bucată de text din partea de sus a Aspect panou) și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din stânga (în imaginea următoare), faceți clic pe O.K, și du-te din nou la Efect> Stylize> Drop Shadow. Introduceți atributele afișate în fereastra din dreapta și dați clic pe O.K.

8. Adăugați o lumânare și câteva flori

Pasul 1

Pentru acest pas veți avea nevoie de o imagine de lumânare. Pur și simplu descarcă fișierul Ai atașat la tutorial minunat Cheryl, copiați lumânarea (Control-C) și lipiți-o (Control-V) în interiorul documentului.

Grup (Control-G) toate formele care alcătuiesc lumânarea, apoi redimensionați-o și plasați-o aproximativ ca în imaginea următoare. Utilizarea Instrument de elipsă (L), creeaza o 10 px cerc și puneți-l așa cum este arătat. Setați culoarea de umplere la R = 247 G = 148 B = 30 și du-te la Efect> Blur> Gaussian Blur. Introduceți a 10 px Radius și faceți clic pe O.K.

Pasul 2

În continuare, vom lua niște flori din acest articol: Grafica gratuită: Grafica gratis: Flori de epocă și flori. Descărcați Flori ABC fișier și deschideți-l. Copiați grupul de flori albastre și lipiți în interiorul documentului.

Pasul 3

Concentrați-vă pe florile dvs., păstrați formele evidențiate în prima imagine și ștergeți restul. Selectați florile rămase și grup lor (Control-G).

Pasul 4

Încheiați grupul de flori, plasați-o pe piatră de mormânt și apoi adăugați cele trei Umbra efecte (Efect> Stylize> Drop Shadow) prezentat mai jos.

9. Creați fundalul

Pasul 1

Alegeți Instrumentul dreptunghiular (M) și faceți clic pe tabloul de bord pentru a deschide Dreptunghi fereastră. introduce 620 în Lăţime și  Înălţime casete, apoi faceți clic pe O.K buton. Asigurați-vă că forma rezultată rămâne selectată, trimiteți-o înapoi (Shift-Control-[) și setați culoarea de umplere la R = 167 G = 169 B = 172. Deplasați-vă la straturi panou și redenumiți acest nou dreptunghi "fundal".

Apoi, va trebui să vă centrați "fundal"formă, deschideți astfel Alinia panou (Fereastra> Aliniere). Setați alinierea la Artboard (deschideți meniul derulant și mergeți la Afișați opțiunile dacă nu vedeți Aliniați la secțiunea prezentată aici), asigurați-vă că forma dvs. este selectată și faceți clic pe Centrul de aliniere orizontală și Centrul de aliniere verticală butoane. În final, pătratul tău ar trebui să acopere întregul tablou de artă.

Pasul 2

Asigurați-vă că "fundal"forma este încă selectat, se concentreze pe Aspect panou și adăugați oa doua umplere. Selectați această umplere nouă și adăugați gradientul radial prezentat în imaginea următoare. Nu uitați că galben zero de la Gradient imaginea reprezintă Opacitate procent.

Pasul 3

Asigurați-vă că "fundal"forma este încă selectat, se concentreze pe Aspect și adăugați un al doilea umplere. Selectați această umplere nouă, setați culoarea în negru, micșorați-o Opacitate la 5%, schimba Mod de amestecare la Multiplica, și du-te la Efect> Artistic> Film Cereal. Introduceți proprietățile afișate mai jos și faceți clic pe O.K.

Pasul 4

Utilizarea Instrumentul dreptunghiular (M), creaza un nou 620 px pătrați și centrați folosind Centrul de aliniere orizontală și Centrul de aliniere verticală butoane din Alinia panou. Asigurați-vă că această nouă formă rămâne selectată, umpleți-o cu gradientul liniar prezentat mai jos, micșorați-o Opacitate la 80%, și schimbați Mod de amestecare la Burn Color.

Felicitări! Ați terminat!

Iată cum ar trebui să arate. Sper că v-ați bucurat de acest tutorial și puteți aplica aceste tehnici în proiectele viitoare.

Odată ce ați creat piatra de mormânt, de ce să nu vă alăturați cimitirului nostru de designeri?