Prezentați-vă lucrarea într-un cadru vectorial în Adobe Illustrator

În următorii pași veți învăța cum să creați un cadru poster simplu cu un fundal de perete din cărămidă murdară din Adobe Illustrator.

Pentru început, veți învăța cum să configurați o rețea simplă și cum să creați principalele două cadre utilizând instrumente și efecte simple împreună cu panoul Pathfinder și câteva tehnici de mascare de bază. În continuare, veți învăța cum să adăugați anumite umbre subtile utilizând panoul Aspect, efectul Inner Glow și tehnicile de bază de amestecare. În cele din urmă, veți crea fundalul zidului de cărămidă utilizând dreptunghiuri simple, unele efecte raster, perii de artă construite, efecte subțiri Drop Shadow și două efecte Transform.

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 caseta de lățime și 700 în caseta de înălțime, 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). Pentru începători veți avea nevoie de o rețea în fiecare 10px, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri> Grilă, introduce 10 în Grilă în fiecare și 1 în subdiviziunile cutie. 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 cadrul negru

Pasul 1

Alegeți Instrumentul dreptunghiular (M) și creați pur și simplu o 280 x 360 pixeli forma, Snap to Grid vă va ușura munca. Asigurați-vă că această nouă formă rămâne selectată și se concentrează pe Aspect panou (Fereastră> Aspect). Asigurați-vă că nu există set de culori pentru umplere, apoi selectați cursa și setați culoarea la negru (R = 0G = 0B = 0).

Continuați să vă concentrați asupra accidentului dvs. și pur și simplu faceți clic pe butonul "Accident vascular cerebral"bucată de text pentru a deschide Accident vascular cerebral panou flyout. Seteaza Greutate la 10px și verificați Aliniați Accident vascular cerebral la interior. În cele din urmă, dreptunghiul dvs. ar trebui să arate ca în imaginea următoare. Resetați-l și mergeți la Obiect> Cale> Accident vascular cerebral.

Pasul 2

Asigurați-vă că forma neagră este încă selectată și faceți o copie în față (Control-C> Control-F). Selectați numai copia și înlocuiți culoarea de umplere existentă cu alb (R = 255 G = 255 B = 255). Deplasați-vă la straturi panou (Fereastră> Straturi) și pur și simplu faceți clic pe pictograma ochi care înseamnă forma albă pentru ao face invizibilă. Vei avea nevoie de această formă mai târziu.

Pasul 3

Utilizarea Instrument Pen (P), creați o cale simplă, oblică după cum se arată în imaginea următoare. Adauga o 1pt cursa pentru această nouă cale și setați culoarea la R = 233 G = 28 B = 36.

Pasul 4

Asigurați-vă că ruta dvs. roșie este încă selectată și mergeți la Efect> Distortare & Transformare> Transformare. Introduceți proprietățile afișate în imaginea următoare (nu uitați să verificați Reflectă X caseta) apoi faceți clic pe O.K.

Pasul 5

Asigurați-vă că traseul dvs. roșu este încă selectat și căutați din nou Efect> Distortare & Transformare> Transformare. Introduceți proprietățile afișate în imaginea următoare (nu uitați să verificați Reflectă Y caseta) apoi faceți clic pe O.K.

Pasul 6

Asigurați-vă că ruta dvs. roșie este încă selectată și faceți o copie în față (Control-C> Control-F). Deplasați-vă la straturi și opriți pur și simplu vizibilitatea pentru această copie proaspătă. Veți avea nevoie de ea câțiva pași mai târziu.

Pasul 7

Resetați calea vizibilă, roșie și mergeți la Obiect> Extindeți aspectul. Selectați grupul de căi care rezultă împreună cu forma neagră, deschideți deschizător de drumuri panou (Fereastră> Pathfinder) și faceți clic pe Divide buton. Asigurați-vă că grupul de forme care rezultă este selectat și pur și simplu lovit Shift-Control-G la Degrupeaza aceasta.

Deplasați-vă la straturi panou și să se concentreze pe formele nou create. Selectați unul fără set de culori pentru umplerea sau cursa (evidențiată în a patra imagine) și pur și simplu o eliminați folosind Șterge de pe tastatură.

Pasul 8

Selectați focalizarea în partea de sus a formei negre pe Aspect panou. Mai întâi, selectați umplerea și înlocuiți culoarea existentă cu R = 55 G = 55 B = 55.

Continuați să vă concentrați pe Aspect și adăugați un al doilea umplere pentru forma folosind butonul Adăugați o nouă umplere (indicat de cercul albastru din imaginea următoare). Selectați noua umplere, setați culoarea la R = 100 G = 100 B = 100 și du-te la Efect> Cale> Cale de decalare. Introduceți a -1px Offset și faceți clic pe O.K.

Pasul 9

Asigurați-vă că forma de sus rămâne selectată, focalizați-vă pe Aspect panou, selectați topul de umplere și duplicați-l folosind Duplicați articolul selectat (indicat de cercul albastru din imaginea următoare).

Selectați umplerea nouă, deschideți Gradient panou (Fereastră> Gradient) și pur și simplu faceți clic pe miniaturile de gradient pentru a adăuga gradientul linear negru la alb. Continuați să vă concentrați pe Gradient panou, setați Unghi la 90 de grade apoi treceți la glisoarele de gradient. Selectați cursorul gradient stâng și setați culoarea la R = 50 G = 50 B = 50 apoi selectați glisorul pentru gradientul drept și setați culoarea la R = 65 G = 65 B = 65. Asigurați-vă că umplerea adăugată în acest pas este încă selectată și căutați-o Efect> Distortare & Transformare> Transformare. Concentrați-vă pe Mișcare secțiune, trageți Vertical glisați la 1px apoi apasa O.K.

Pasul 10

Apoi, trebuie să copiați proprietățile utilizate pentru forma superioară și să le lipiți în forma de fund, în negru. Iată cum puteți să o faceți cu ușurință. Mergeți la straturi panou, concentrați pe partea dreaptă și veți observa că fiecare formă are un cerc gri. Se numește o pictogramă țintă. Tine Alt butonul de pe tastatură, faceți clic pe pictograma țintă care reprezintă forma de sus și trageți pur și simplu pe cercul care reprezintă forma inferioară, neagră. Acum, selectați forma de fund și focalizați-vă pe Aspect panou. Selectați umplutura de sus, treceți la Gradient panou și setați Unghi la -90 de grade apoi reveniți la Aspect panou și deschideți Transforma efect. Pur și simplu trageți Mutați-verticală glisați la -1px și faceți clic pe O.K. În final lucrurile ar trebui să arate ca în imaginea următoare.

Pasul 11

Din nou, utilizați pictogramele țintă pentru a copia Aspect atributele folosite pentru formele de sus și de jos și le lipiți la formele stângi și drepte. Selectați formatele din stânga și din dreapta unul câte unul. Mai întâi, modificați unghiul stabilit pentru gradient, apoi proprietățile utilizate pentru Transforma după cum se arată în imaginea următoare.

Pasul 12

Concentrați-vă pe straturi și deschideți vizibilitatea pentru traseul dvs. roșu. Selectați-l și pur și simplu lovit Shift -Control-] să o aducă în față.

Pasul 13

Asigurați-vă că traseul dvs. roșu este încă selectat și că focalizați pe Aspect panou. Selectați cursa existentă, înlocuiți-o cu roșu R = 100 G = 100 B = 100 și du-te la Efect> Distortare & Transformare> Transformare. Concentrați-vă pe Mișcare secțiune, trageți Vertical glisați la 0.7px și faceți clic pe O.K.

Pasul 14

Asigurați-vă că calea gri este încă selectată, focalizați-vă pe Aspect și adăugați un al doilea curs utilizând Adăugați un accident vascular cerebral nou (indicat de cercul albastru din imaginea următoare). Selectați cursa nouă, setați Greutate la 1px și culoarea la R = 30 G = 30 B = 30 apoi du-te la Efect> Distortare & Transformare> Transformare. Concentrați-vă pe Mișcare secțiune, trageți Vertical glisați la -0.7px și faceți clic pe O.K.

Pasul 15

Concentrați-vă pe straturi panou, activați vizibilitatea pentru forma albă și aduceți-o în față (Shift -Control-] ). Resetați această formă albă împreună cu acea cale oblică, deschideți-o Transparenţă panou (Fereastră> Transparență) și pur și simplu faceți clic pe Faceți masca buton. În cele din urmă, lucrurile ar trebui să arate ca în a treia imagine.

Pasul 16

Selectați toate formele realizate până acum și pur și simplu lovit Control-G la grup lor. Deplasați-vă la straturi panou, dublu click pe noul grup și redenumiți-l "blackFrame".

3. Creați cadrul alb

Pasul 1

Utilizarea Instrumentul dreptunghiular (M), creeaza o 260 x 340 pixeli formați-o și plasați-o așa cum se arată în imaginea următoare. Adauga o 20px pentru acest nou dreptunghi, setați culoarea la R = 247 G = 172 B = 64 și aliniați-l spre interior. Asigurați-vă că forma dvs. nu are un set de culoare pentru umplere, apoi mergeți la Obiect> Cale> Accident vascular cerebral.

Pasul 2

Utilizarea Instrument Pen (P), creați o nouă cale oblică după cum se arată în imaginea următoare. Adauga o 1pt accident vascular cerebral și a stabilit culoarea la R = 233 G = 28 B = 36.

Pasul 3

Asigurați-vă că ruta dvs. roșie este încă selectată și mergeți la Efect> Distortare & Transformare> Transformare. Introduceți proprietățile afișate în imaginea următoare (nu uitați să verificați Reflectă X caseta) apoi faceți clic pe O.K.

Pasul 4

Asigurați-vă că traseul dvs. roșu este încă selectat și căutați din nou Efect> Distortare & Transformare> Transformare. Introduceți proprietățile afișate în imaginea următoare (nu uitați să verificați Reflectă Y caseta) apoi faceți clic pe O.K.

Pasul 5

Resetați calea roșie și mergeți la Obiect> Extindeți aspectul. Selectați grupul de căi care rezultă împreună cu forma portocalie și faceți clic pe Divide butonul din deschizător de drumuri panou. Asigurați-vă că grupul de forme care rezultă este selectat și Degrupeaza aceasta (Shift-Control-G). Deplasați-vă la straturi , selectați forma fără set de culori pentru umplere sau cursa și pur și simplu ștergeți-o.

Pasul 6

Selectați topul, forma portocalie și înlocuiți culoarea plată folosită pentru umplere cu gradientul liniar prezentat în imaginea următoare.

Pasul 7

Selectați forma inferioară, portocalie și înlocuiți culoarea plată folosită pentru umplere cu gradientul liniar prezentat în imaginea următoare.

Pasul 8

Concentrați-vă pe celelalte forme portocalii și înlocuiți portocaliu cu culorile indicate în imaginea următoare.

Pasul 9

Resetați cele patru forme gri și grup lor (Control-G). Deplasați-vă la straturi panou, dublu click pe acest nou grup și îl redenumiți "whiteFrame".

4. Adăugați umbrirea subtilă și imaginea

Pasul 1

Utilizarea Instrumentul dreptunghiular (M), creeaza o 220 x 300 pixeli formați și setați culoarea de umplere la alb. Plasați acest dreptunghi nou așa cum se arată în următoarea imagine, apoi trimiteți-l înapoi (Shift-Control- [ ). Deplasați-vă la straturi panou, pur și simplu dublu click pe această nouă formă și redenumiți-o "imageMask".

Pasul 2

Utilizarea Instrumentul dreptunghiular (M), creeaza o 260 x 340 pixeli forma, setați culoarea de umplere la alb și plasați-o după cum se arată în imaginea următoare. Asigurați-vă că acest dreptunghi nou este selectat ș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 3

Resetați dreptunghiul cu Stralucire interioara efect și du-te la Obiect> Extindeți aspectul. Deplasați-vă la straturi și deschideți grupul nou creat de forme. Ștergeți apoi dreptunghiul alb Degrupeaza (Shift-Control-G) forma mascată rămasă. În cele din urmă, lucrurile ar trebui să arate ca în a treia imagine.

Pasul 4

Utilizarea Instrumentul dreptunghiular (M), creeaza o 260 x 340 pixeli forma, setați culoarea de umplere în negru și plasați-o așa cum se arată în imaginea următoare.

Pasul 5

Asigurați-vă că dreptunghiul negru rămâne selectat și pur și simplu lovit Shift-X pentru a transfera proprietățile de culoare de la umplere la cursa.

Concentrați-vă pe Aspect panou, selectați acel curs, setați Greutate la 3px, aliniați-l spre interior, apoi faceți clic pur și simplu pe Opacitate bucată de text pentru a deschide Transparenţă panou flyout. Schimba Mod de amestecare la Lumina slaba și coborâți Opacitate la 10%.

Continuați să vă concentrați pe Aspect , asigurați-vă că cursa este încă selectată și duplicați-o utilizând aceeași Duplicați articolul selectat buton. Selectați noua curbă, măriți-o Opacitate la 20% și setați Greutate la 2px. Duplicați-vă 2px accident vascular cerebral, selectați copia, creșteți-l Opacitate la 30% și setați Greutate la 1px. În final lucrurile ar trebui să arate ca în imaginea următoare.

Pasul 6

Utilizarea Instrumentul dreptunghiular (M), creeaza o 220 x 300 pixeli forma, setați culoarea de umplere în negru și plasați-o așa cum se arată în imaginea următoare.

Pasul 7

Asigurați-vă că dreptunghiul negru rămâne selectat și lovit Shift-X. Concentrați-vă pe Aspect panou, selectați acel curs, setați Greutate la 4px, aliniați-l spre interior și coborâți-l Opacitate la 2%. Duplicați acest curs, selectați copia, setați Greutate la 2px și să crească Opacitate la 3%. Duplicați-vă 2px accident vascular cerebral, selectați copia, creșteți-l Opacitate la 5% și setați Greutate la 1px.

Continuați să vă concentrați pe Aspect și adăugați o a patra umplutură pentru forma pe care o utilizați Adăugați un accident vascular cerebral nou buton. Selectați cursa nouă, setați Greutate la 1px iar culoarea albă, aliniați-o în exterior, apoi micșorați-o Opacitate la 75% și schimbați Mod de amestecare la Lumina slaba. În final lucrurile ar trebui să arate ca în imaginea următoare.

Pasul 8

Glisați imaginea pe care doriți să o încadrați în interiorul documentului și trimiteți-o înapoi (Shift-Control- [ ). Încercați să redimensionați imaginea dvs. și, dacă depășește limitele cadrului, utilizați opțiunea "imageMask"dreptunghi pentru ao masca.

Imaginea pe care o folosesc pentru acest exemplu este din tutorialul lui Monika Zagrobelna despre cum să atragă cai.

5. Creați cuierul

Pasul 1

Focalizați pe partea superioară a cadrului dvs. Utilizarea Instrumentul dreptunghiular (M), creeaza o 260x50px formați-o și plasați-o așa cum se arată în imaginea următoare. Adauga o 1px accident vascular cerebral pentru această nouă formă și a stabilit culoarea la R = 55 G = 55 B = 55. Treceți la Ștergeți instrumentul pentru punctul de ancorare (-), focalizați pe partea superioară și pur și simplu faceți clic pe punctul de ancorare din stânga pentru al elimina. Prindeți Instrumentul de selecție directă (A), selectați punctul superior de ancorare rămas și trageți-l 130 x la stanga. Acest lucru ar trebui să transforme dreptunghiul dvs. într-un triunghi.

Pasul 2

Pentru acest pas veți avea nevoie de câte o grilă 1px, deci du-te la Editați> Preferințe> Ghiduri și Grilă și intră 1 în Grilă în fiecare cutie. Concentrați-vă pe colțul de sus al triunghiului. Utilizarea Instrument de elipsă (L), creeaza o 6px cerc, setați culoarea de umplere la R = 55 G = 55 B = 55 și plasați-o așa cum se arată în imaginea următoare.

Asigurați-vă că această formă nouă, minusculă rămâne selectată, se concentrează pe Aspect panou și adăugați oa doua umplere. Selectați noua umplere, setați culoarea la R = 100 G = 100 B = 100 și du-te la Efect> Cale> Cale de decalare. Introduceți a -1px Offset și faceți clic pe O.K.

Reveniți la Aspect și adăugați un al treilea umplutură pentru cercul dvs. Selectați-l, setați culoarea la R = 55 G = 55 B = 55 și du-te la Efect> Cale> Cale de decalare. Introduceți a -1px Offset, clic O.K și du-te la Efect> Distortare & Transformare> Transformare. Concentrați-vă pe Mișcare secțiune, trageți Vertical glisați la 1px și faceți clic pe O.K.

Pasul 3

Intoarce-te grilă la fiecare 10 pixeli, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri și Grilă și intră 10 în Grilă în fiecare cutie.

Resetați triunghiul împreună cu cercul mic și grup lor (Control-G). Asigurați-vă că acest grup nou rămâne selectat, trimiteți-l înapoi (Shift-Control- [ ) și du-te 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 proprietățile afișate în fereastra din dreapta și dați clic pe O.K.

Pasul 4

Selectați toate formele realizate până acum și grup lor (Control-G). Deplasați-vă la straturi panou și pur și simplu redenumiți acest nou grup "posterFrame".

6. Creați forma principală a fundalului

Pasul 1

Utilizarea Instrumentul dreptunghiular (M), creeaza o 620 x 720px forma, setați culoarea de umplere la R = 237 G = 237 B = 237 și trimite-l înapoi (Shift-Control- [ ).

Apoi, trebuie să centrați acest dreptunghi gri, 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țiune după cum se arată în imaginea următoare), apoi faceți clic pur și simplu pe Centrul de aliniere orizontală și Centrul de aliniere verticală butoane. În final, dreptunghiul tău ar trebui să acopere întregul tablou de artă. Deplasați-vă la straturi panou și pur și simplu îl redenumiți "bg".

Pasul 2

Asigurați-vă că "bg"forma este încă selectat, se concentreze pe Aspect panou și adăugați oa doua umplere. 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 3

Asigurați-vă că "bg"forma este încă selectat, se concentreze pe Aspect și adăugați un al treilea umplutură. Selectați-l, setați culoarea alb, micșorați-o Opacitate la 30%, schimba Mod de amestecare la Multiplica și du-te la Efect> Artistice> Burete. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.

7. Creați cărămizile

Pasul 1

Deschide Perii panou (Fereastra> Perii) și concentrați-vă pe colțul din stânga sus al tabloului de bord. Utilizarea Instrumentul dreptunghiular (M), creeaza o 60 x 20 px formați-o și plasați-o așa cum se arată în imaginea următoare.

Deschideți meniul derulant din Perii panou, mergeți la Open Brush Library> Artistic> Artistic_ChalkCharcoalPencil și se deschide o fereastră nouă cu o grămadă de perii încorporate. Resetați dreptunghiul făcut cu câteva momente în urmă, selectați cursa, adăugați Creion - Subțire arta perie și a stabilit culoarea la R = 125 G = 125 B = 125. Asigurați-vă că cursa rămâne selectată ș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 proprietățile afișate în fereastra din dreapta și dați clic pe O.K.

Pasul 2

Resetați dreptunghiul cu peria de artă, focalizați pe Aspect panou, selectați cursorul și duplicați-l utilizând același lucru Duplicați articolul selectat buton. Concentrați-vă pe noul accident vascular cerebral, deschideți cele două Umbra și înlocuiți atributele existente cu cele afișate în imaginea următoare.

Pasul 3

Resetați dreptunghiul cu periile de artă, duplicați-l (Control-C> Control-F), selectați copia și plasați-o după cum se arată în prima imagine. Resetați ambele dreptunghiuri și grup lor (Control-G). Deplasați-vă la straturi panou și numele acestui nou grup "cărămizi".

Pasul 4

Concentrați-vă pe straturi panou și trageți "cărămizi"grupuri sub"posterFrame"Selectați opțiunea"cărămizi"grupați și mergeți la Efect> Distortare & Transformare> Transformare. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.

Pasul 5

Asigurați-vă că "cărămizi"grupul este încă selectat și din nou mergeți la Efect> Distortare & Transformare> Transformare. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.

8. Adăugați umbrirea suplimentară pentru cadrele dvs. poster

Pasul 1

Utilizarea Instrumentul dreptunghiular (M), creeaza o 280 x 360 pixeli forma, setați culoarea de umplere în negru și plasați-o așa cum se arată în imaginea următoare. Deplasați-vă la straturi panou și numele acestui nou dreptunghi "umbră".

Pasul 2

Concentrați-vă pe straturi panou și trageți "umbră"dreptunghi sub"posterFrame"Asigurați - vă că acest dreptunghi negru rămâne selectat, focalizați pe Aspect panou, selectați umplerea și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra de sus, din stânga (în imaginea următoare), faceți clic pe O.K apoi adăugați celelalte trei Umbra efectele prezentate mai jos.

Pasul 3

Reluați-vă "umbră"dreptunghi, se concentreze pe Aspect panou și adăugați oa doua umplere. Selectați-l, asigurați-vă că culoarea este setată pe negru, micșorați-o Opacitate la 15% și du-te la Efect> Distortare & Transformare> Transformare. Introduceți proprietățile afișate în imaginea următoare (asigurați-vă că verificați punctul de referință de sus, de mijloc), faceți clic pe O.K și du-te la Efect> Blur> Gaussian Blur. Introduceți a 15px raza și faceți clic pe O.K.

Pasul 4

Utilizarea Instrumentul dreptunghiular (M), creeaza o 280 x 170 pixeli forma, umpleți-o cu gradientul liniar prezentat mai jos și plasați-o așa cum se arată în imaginea următoare. Zero galben de la Gradient imaginea reprezintă Opacitate procent. Deplasați-vă la straturi panou, numele dreptunghiului făcut în acest pas "Longshadow"și trageți-l sub"posterFrame" grup.

Pasul 5

Reluați-vă "Longshadow"dreptunghi, micșorați-l Opacitate la 15% și du-te la Efect> Blur> Gaussian Blur. Introduceți a 5px rază, faceți clic pe O.K