Aflați cum să vă creați propriul mesaj de înscriere a mesajelor în Adobe Illustrator

Ce veți crea

În următorii pași veți învăța cum să creați o simplă ilustrare a semnelor postului în Adobe Illustrator. 

Pentru început, veți învăța cum să configurați o rețea simplă. Apoi, folosind instrumente și efecte de bază, împreună cu unele tehnici de bază ale formării vectoriale veți învăța cum să creați polul. Folosind în principal panoul Aspect și câteva piese simple de text, veți învăța cum să creați plăcile de semnalizare. 

În cele din urmă, veți învăța cum să modificați orientarea plăcilor și cum să creați un fundal simplu.

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 630 î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 5px, 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. Încercați să nu vă descurajați de toată grilă, va ușura munca dvs. ș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 polul

Pasul 1

Alegeți Instrumentul dreptunghiular (M), creeaza o 15 x 480 pixeli formați-o și plasați-o aproximativ ca în imaginea de mai jos. Asigurați-vă că această formă rămâne selectată, 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 0 grade apoi treceți la culori gradient. Selectați cursorul gradient stâng și setați culoarea la R = 15 G = 20 B = 25 apoi selectați glisorul pentru gradientul drept și setați culoarea la R = 55 G = 60 B = 65. Concentrați-vă pe bara de gradienți și pur și simplu faceți clic pe ea pentru a adăuga un cursor de gradient nou. Asigurați-vă că acest glisor nou este selectat, setați culoarea la R = 100 G = 105 B = 110, se concentreze pe Locație caseta (de la Gradient panou) și setați-l la 35%. Rețineți că numerele albe din Gradient imaginile stau în picioare Locație procent. Adăugați încă două glisoare pentru gradientul dvs., apoi utilizați culoarea și Locație atributele afișate în imaginea următoare.

Pasul 2

Asigurați-vă că dreptunghiul dvs. este încă selectat și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți a Rază 1px, clic O.K și du-te la Efect> Warp> Arc Upper. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.

Pasul 3

Pentru pașii următori veți avea nevoie de o rețea în fiecare 1px, deci du-te la Editați> Preferințe> Ghiduri și Grilă și intră 1 în Grilă în fiecare cutie. Utilizarea Instrument de elipsă (L), creaza un 11px cerc, umpleți-l cu gradientul radial prezentat mai jos și plasați-l așa cum se arată în imaginea următoare. Concentrează-te pe tabloul de bord și folosește Instrument de gradient (G) pentru a vă întinde gradientul radial așa cum se arată mai jos.

Pasul 4

Utilizarea Instrument de elipsă (L), creeaza o 19 x 8 pixeli forma, setați culoarea de umplere la R = 39 G = 170 B = 225 și plasați-o așa cum se arată în prima imagine. Treceți la Instrumentul dreptunghiular (M), creeaza o 19 x 5 pixeli formați-o și plasați-o așa cum se arată în a doua imagine. Resetați ambele forme realizate în acest pas, deschideți deschizător de drumuri panou (Fereastră> Pathfinder) și faceți clic pe Uni buton.

Pasul 5

Utilizarea Instrument de elipsă (L), creeaza o 19 x 8 pixeli forma, umpleți-o cu gradientul liniar prezentat mai jos și plasați-o după cum se arată în prima imagine. Selectați acest cerc stins împreună cu forma albastră și faceți clic pe Minus Front butonul din deschizător de drumuri panou. Asigurați-vă că grupul rezultat este selectat și pur și simplu lovit Shift-Control-G la Degrupeaza aceasta. Selectați formatele de jos, albastre (evidențiate în a treia imagine) și le eliminați utilizând Șterge de pe tastatură. Selectați forma albastră rămasă și înlocuiți culoarea de umplere existentă cu R = 225 G = 225 B = 225.

Pasul 6

Dezactivați Fixat la retea (Vizualizare> Snap to Grid) apoi du-te la Editați> Preferințe> Generale și asigurați-vă că Creșterea tastaturii este setat la 1px. Resetați cercul stins și faceți două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 1px î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ă forma rezultată rămâne selectată și că focalizați pe Aspect panou. Înlocuiți culoarea de umplere existentă cu alb (R = 255 G = 255 B = 255), apoi faceți clic pur și simplu pe acel "Opacitate"bucată de text pentru a deschide Transparenţă panou flyout. Coborâți Opacitate la 80% și schimbați Mod de amestecare la Lumina slaba.

Pasul 7

Selectați toate formele evidențiate în prima imagine și pur și simplu lovit Control-G la grup lor. Asigurați-vă că grupul dvs. nou este selectat și lovit Shift-Control-[ să o trimită înapoi.

3. Creați piesele de suport pentru semne

Pasul 1

Activați Fixat la retea (Vizualizare> Snap to Grid). Utilizarea Instrumentul dreptunghiular (M), creeaza o 17 x 52 px forma, setați culoarea de umplere la R = 26 G = 29 B = 31 și plasați-o așa cum se arată în imaginea următoare.

Pasul 2

Asigurați-vă că dreptunghiul întunecat este încă selectat și mergeți la Efect> Distortare & Transformare> Transformare. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe O.K și du-te la Obiect> Extindeți aspectul. Selectați grupul de forme și apăsați Shift-Control-G de două ori.

Pasul 3

Resetați cele cinci dreptunghiuri întunecate făcute în etapa anterioară și pur și simplu loviți Control-8 pentru a le transforma în a Traseul compusului. Utilizarea Instrumentul de selecție directă (A), selectați întreaga cale compusă, focalizați pe panoul de control și introduceți "1px" in aceea cornere cutie.

Pasul 4

Asigurați-vă că calea compusă este încă selectată și mergeți la Efect> Warp> Arderea. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe O.K apoi pur și simplu lovit Shift-Control-[ să o trimită înapoi.

Pasul 5

Utilizarea Instrumentul dreptunghiular (M), creeaza o 17 x 52 px forma, setați culoarea de umplere la R = 39 G = 170 B = 225 și plasați-o așa cum se arată în imaginea următoare.

Pasul 6

Asigurați-vă că dreptunghiul albastru este încă selectat și mergeți la Efect> Distortare & Transformare> Transformare. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe O.K și du-te la Obiect> Extindeți aspectul. Asigurați-vă că grupul de forme care rezultă este selectat, lovit Shift-Control-G de două ori, apoi transformați dreptunghiurile albastre într-o cale simplă.

Pasul 7

Asigurați-vă că calea completă albastră este încă selectată și mergeți la Efect> Warp> Arderea. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe O.K și du-te la Obiect> Extindeți aspectul.

Pasul 8

Utilizarea Instrumentul de selecție directă (A), selectați întreaga cale albastră combinată, focalizați pe panoul de control și introduceți "1px" in aceea cornere cutie. Asigurați-vă că traiectoria albastră este încă selectată și faceți clic pe Divide butonul din deschizător de drumuri panou. Selectați grupul de forme care rezultă și pur și simplu lovit Shift-Control-G la Degrupeaza aceasta. În cele din urmă ar trebui să aveți cinci forme distincte, albastre.

Pasul 9

Dezactivați Fixat la retea (Vizualizare> Snap to Grid). Concentrați-vă pe partea de sus, forma albastră, selectați-o și faceți două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 1px în jos, utilizând butonul săgeată în jos din tastatură. Resetați ambele copii și dați clic pe Minus Front butonul din deschizător de drumuri panou. Asigurați-vă că forma selectată este selectată și înlocuiți culoarea de umplere existentă cu R = 76 G = 79 B = 81.

Pasul 10

Resetați forma superioară, albastră și faceți două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 1px utilizați butonul săgeată sus din tastatură. Resetați ambele copii și dați clic pe Minus Front butonul din deschizător de drumuri panou. Asigurați-vă că forma selectată este selectată și înlocuiți culoarea de umplere existentă cu R = 76 G = 79 B = 81.

Pasul 11

Resetați forma superioară, albastră și faceți două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 3px jos. Resetați ambele copii și dați clic pe Minus Front butonul din deschizător de drumuri panou. Asigurați-vă că forma selectată este selectată și înlocuiți culoarea de umplere existentă cu gradientul liniar prezentat în imaginea următoare.

Pasul 12

Resetați forma superioară, albastră și faceți două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 3px sus. Resetați ambele copii și dați clic pe Minus Front butonul din deschizător de drumuri panou. Asigurați-vă că forma selectată este selectată și înlocuiți culoarea de umplere existentă cu același gradient liniar utilizat în etapa anterioară.

Pasul 13

Resetați forma de început albastră și înlocuiți culoarea de umplere existentă cu gradientul liniar prezentat în imaginea următoare.

Pasul 14

Treceți la următoarele forme albastre și pur și simplu repetați tehnicile folosite pentru forma superioară, albastră. În final lucrurile ar trebui să arate ca în imaginea următoare.

4. Creați prima placă de semnalizare

Pasul 1

Activați Fixat la retea (Vizualizare> Snap to Grid) și reveniți la grilă la fiecare 5 pixeli, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri și Grilă și intră 5 în Grilă în fiecare cutie. Utilizarea Instrumentul dreptunghiular (M), creeaza o 155 x 50 pixeli forma, umpleți-o cu gradientul liniar prezentat mai jos și plasați-o așa cum se arată în imaginea următoare. Nu uitați că numărul alb din Gradient imaginea reprezintă Locație procent. 

Deplasați-vă la straturi panou (Fereastră> Straturi), faceți clic pur și simplu pe forma făcută în acest pas și redenumiți-o "farfurie".

Pasul 2

Asigurați-vă că "farfurie"forma rămâne selectată și mergeți la Obiect> Cale> Adăugați puncte de ancorare. Treceți la Instrumentul de selecție directă (A) și concentrați-vă pe partea dreaptă a formei. Selectați punctele de ancorare de sus și de jos și pur și simplu trageți-le 25px la stanga. Asigurați-vă că Instrumentul de selecție directă (A) rămâne activ, selectați punctul de ancorare evidențiat de cercul purpuriu din a doua imagine, focalizați pe panoul de control și pur și simplu introduceți 5px în cornere cutie. Selectați cele două puncte de ancorare evidențiate de cercurile verzi din a doua imagine și introduceți 10px în același timp cornere din panoul de control. În cele din urmă,farfurie"ar trebui să arate ca în a treia imagine.

Pasul 3

Asigurați-vă că "farfurie"forma rămâne selectată, se concentrează pe Aspect selectați cursa, setați culoarea la negru (R = 0G = 0B = 0), apoi faceți clic pe "Accident vascular cerebral"bucată de text pentru a deschide Accident vascular cerebral panou flyout. Seteaza Greutate la 5px și verificați Aliniați Accident vascular cerebral la interior buton. 

Reveniți la Aspect panou și pur și simplu faceți clic pe "Opacitate"bucată de text care vine de la accident vascular cerebral pentru a deschide Transparenţă panou flyout. Coborâți Opacitate la 20% și schimbați Mod de amestecare la Lumina slaba.

Pasul 4

Asigurați-vă că "farfurie"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 (indicat de cercul albastru din imaginea următoare). Selectați noua cursă, setați Greutate la 2px, verifică Aliniați Accident vascular cerebral la interior butonul din Accident vascular cerebral panou flyout și adăugați gradientul liniar prezentat în imaginea următoare. 

Asigurați-vă că acest accident vascular cerebral nou este încă selectat și mergeți la Efect> Cale> Cale de decalare. Introduceți a -1px Offset, clic O.K și du-te la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.

Pasul 5

Asigurați-vă că "farfurie"forma rămâne selectată, se concentrează pe Aspect și adăugați un al treilea curs Adăugați un accident vascular cerebral nou buton. Selectați această curbă nouă, setați Greutate la 1px, verifică Aliniați Accident vascular cerebral la interior butonul din Accident vascular cerebral și alegeți culoarea R = 76 G = 79 B = 81.

Pasul 6

Utilizarea Instrumentul dreptunghiular (M), creeaza o 10 x 50 px forma, setați culoarea de umplere în negru și plasați-o după cum se arată în prima imagine. Asigurați-vă că acest dreptunghi nou rămâne selectat, focalizați pe Aspect panou, micșorați-l Opacitate la 20% și schimbați Mod de amestecare la Lumina slaba. Alegeți Instrumentul tip (T), pur și simplu faceți clic pe artbboard și adăugați textul. Asigurați-vă că acesta rămâne selectat și deschideți-l Caracter panou (Fereastră> Tip> Caracter). Folosește Agenția FB font, fă-o Îndrăzneţ apoi setați dimensiunea la 20px și culoarea la R = 245 G = 245 B = 245.

Pasul 7

Schimba cu grilă la fiecare 1px, deci du-te la Editați> Preferințe> Ghiduri și Grilă și intră 1 în Grilă în fiecare cutie. Utilizarea Instrument Pen (P), creeaza o 14px, verticală și plasați-o așa cum se arată în imaginea următoare. Selectați această nouă cale și focalizați pe Aspect panou. Asigurați-vă că nu există set de culori pentru umplere, apoi selectați cursa. Setați culoarea la R = 225 G = 225 B = 225 apoi deschideți Accident vascular cerebral panou flyout. Seteaza Greutate la 3px apoi verificați Round Cap si Intră în runda butoane.

Pasul 8

Asigurați-vă că traiectoria verticală este încă vizibilă și căutați Obiect> Cale> Adăugați puncte de ancorare. Utilizarea Instrumentul de selecție directă (A), selectați noul punct de ancorare adăugat și trageți-l 8px la dreapta. În cele din urmă, lucrurile ar trebui să arate ca în a treia imagine. Asigurați-vă că drumul săgeții rămâne selectat și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.

Pasul 9

Reluați-vă "farfurie"forma împreună cu piesa de text, dreptunghiul negru și calea săgeată mică și grup lor (Control-G). Asigurați-vă că acest grup nou este selectat, pur și simplu îl trimiteți înapoi (Shift-Control-[ ) apoi treceți la straturi panou și redenumiți-l "signPlate".

5. Înmulțiți plăcuța de înscriere

Pasul 1

Intoarce-te grilă la fiecare 5 pixeli, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri și Grilă și intră 5 în Grilă în fiecare cutie. Multiplicați "signPlate" grup (Control-C> Control-F), împrăștiați copii după cum se arată în imaginea de mai jos și schimbați fragmentele de text așa cum se arată în imaginea următoare.

Pasul 2

Faceți încă două copii ale "signPlate", selectați ambele și mergeți la Obiect> Transformați> Reflectați. Verifică Vertical și faceți clic pe O.K buton. Plasați aceste grupuri noi așa cum se arată în imaginea următoare, eliminați piesele existente de text și adăugați altele noi cu atribute similare.

6. Schimbați orientarea plăcuțelor de semnalizare

Pasul 1

Selectați partea de sus, dreapta "signPlate"grupați și mergeți la Efect> Distort & Transform> Distort gratuit. Trageți acele puncte de ancorare așa cum arată imaginea de mai jos și faceți clic pe O.K.

Pasul 2

Selectați mijlocul, dreapta "signPlate"grupați și mergeți la Efect> Distort & Transform> Distort gratuit. Trageți acele puncte de ancorare așa cum arată imaginea de mai jos și faceți clic pe O.K.

Pasul 3

Selectați partea de jos, dreapta "signPlate"grupați și mergeți la Efect> Distort & Transform> Distort gratuit. Trageți acele puncte de ancorare așa cum arată imaginea de mai jos și faceți clic pe O.K.

Pasul 4

Selectați topul, stânga "signPlate"grupați și mergeți la Efect> Distort & Transform> Distort gratuit. Trageți acele puncte de ancorare așa cum arată imaginea de mai jos și faceți clic pe O.K.

Pasul 5

Selectați partea de jos, stânga "signPlate"grupați și mergeți la Efect> Distort & Transform> Distort gratuit. Trageți acele puncte de ancorare așa cum arată imaginea de mai jos și faceți clic pe O.K.

7. Adăugați un fundal simplu

Pasul 1

Alegeți Instrumentul dreptunghiular (M) și faceți clic pur și simplu pe tabloul de bord pentru a deschide Dreptunghi fereastră. introduce 610 în Lăţime și 640 în Înălţime apoi faceți clic pe O.K pentru a crea noul dreptunghi. Asigurați-vă că această nouă formă rămâne selectată, setați culoarea de umplere la R = 239 G = 253 B = 225, trimite-l în spate (Shift-Control-[ ) apoi deschideți 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 așa cum se arată în imaginea următoare), asigurați-vă că forma dvs. este selectată, apoi faceți clic pur și simplu pe Centrul de aliniere orizontală și Centrul de aliniere verticală butoane. În final, forma trebuie să acopere întregul tablou de artă, așa cum se arată în imaginea următoare.

Pasul 2

Asigurați-vă că dreptunghiul albastru este încă selectat, focalizați pe Aspect și adăugați oa doua umplere folosind Adăugați o nouă umplere (indicat de cercul albastru din imaginea următoare). Selectați această umplere nouă, micșorați-o Opacitate la 20%, schimba Mod de amestecare la Multiplica și adăugați gradientul radial prezentat în imaginea următoare. 

Rețineți că galben zero de la Gradient imaginea reprezintă Opacitate procent. Acest lucru înseamnă pur și simplu că trebuie să selectați acest cursor de gradient, să vă concentrați pe Opacitate caseta (de la Gradient panou) și setați-l la 0%.

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.