Sfat rapid Cum se creează un set simplu de pictograme panglică

În următorul tutorial veți învăța cum să creați un simplu set de pictograme pentru panglici. În primul rând, vom construi formele de pornire folosind mai multe instrumente de bază împreună cu câteva efecte simple și tehnici de construcție a formei vectoriale. Apoi, vom adăuga detalii suplimentare și culori utilizând opțiunile Pathfinder, curse distorsionate, un model încorporat și câteva efecte noi. În cele din urmă, vom adăuga un text simplu cu un efect discret de umbră.


Pasul 1

Creați un document RGB de 600 x 300 pixeli. Mai întâi, activați Gridul (Vizualizare> Afișare rețea) și Glisați la grilă (Vizualizare> Glisați la grilă). Apoi, veți avea nevoie de o rețea la fiecare 5px. Accesați Edit> Preferences> Guides> Grid, introduceți 5 în caseta Gridline în fiecare casetă și 1 în caseta Subdiviziuni. De asemenea, puteți deschide panoul Informații (fereastră> Info) pentru o previzualizare live cu dimensiunea și poziția formelor. Nu uitați să înlocuiți unitatea de măsură pixelilor din Editare> Preferințe> Unitate> Generalități. Toate aceste opțiuni vă vor mări semnificativ viteza de lucru.


Pasul 2

Alegeți instrumentul Rectangle (M), creați trei forme de 80 x 125 pixeli și plasați-le după cum se arată în imaginea următoare. Umpleți-le cu gradientul liniar prezentat mai jos și îndepărtați culoarea din cursa. Numerele albe din imaginea gradientului reprezintă procentajul locației.


Pasul 3

Selectați dreptunghiurile din stânga și din mijloc și accesați Object> Path> Add Points Anchor. Selectați dreptunghiul drept și focalizați pe partea de jos. Alegeți instrumentul Add Anchor Point (+) și adăugați șapte noi puncte de ancorare, așa cum se arată în a doua imagine. Snap to Grid vă va ușura munca.


Pasul 4

Focalizați pe dreptunghiul din stânga și selectați Instrumentul de selecție directă (A). Selectați punctul de ancorare evidențiat în prima imagine și trageți-l cu 30 de grade în sus. Deplasați-vă la dreptunghiul mijlociu. Din nou, alegeți Instrumentul de selecție directă (A), selectați punctul de ancorare de mijloc (evidențiat în a doua imagine) și trageți-l cu 30 de grade în sus. Treceți la instrumentul Ștergeți punctul de ancorare (-) și faceți clic pe punctele de ancorare din stânga și din dreapta (cercurile din a doua imagine). În cele din urmă, treceți la dreptunghiul drept. Alegeți Instrumentul de selecție directă (A), selectați cele patru puncte de ancorare evidențiate în a treia imagine și trageți-le cu 10 pixeli în sus.


Pasul 5

Reveniți la forma stângă, selectați-o și mergeți la Obiect> Cale> Cale de decolare. Introduceți un decalaj -5px și faceți clic pe OK. Selectați forma rezultată, eliminați culoarea din umplutură și adăugați o cursă de 1 pt. Setați culoarea la R = 0 G = 132 B = 174 și deschideți panoul Stroke. Mai întâi, bifați caseta "Dushed Line" și butonul "Aliniere linii la colțuri ...". Introduceți 3 în caseta de bord și 4 în caseta de spațiu, apoi mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos și faceți clic pe OK.


Pasul 6

Continuați să vă concentrați asupra formei create în etapa anterioară. Alegeți Instrumentul de selecție directă (A), dați clic pe partea superioară și apăsați tasta Ștergere de pe tastatură pentru al elimina. Asigurați-vă că calea rezultată este încă selectată și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px și faceți clic pe OK. Treceți la Instrumentul de selectare directă (A) și focalizați pe punctele de ancorare de sus. Selectați-le pe cele două și trageți-le cu 5px în sus.


Pasul 7

Selectați forma mijlocie și mergeți la Object> Cale> Cale de decalare. Introduceți un decalaj -5px și faceți clic pe OK. Selectați forma rezultată, eliminați culoarea din umplutură, apoi adăugați efectul 1pt, distorsiunea și efectul Drop Shadow.


Pasul 8

Resetați forma creată în etapa anterioară și ștergeți partea superioară. Selectați calea rezultată și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px și faceți clic pe OK. În cele din urmă, selectați punctele de top de ancorare și trageți-le cu 5px în sus.


Pasul 9

Selectați forma potrivită și accesați Obiect> Cale> Cale de decalare. Introduceți un decalaj -5px și faceți clic pe OK. Încă o dată, selectați forma rezultată, eliminați culoarea din umplutură, apoi adăugați efectul 1pt, curbele împrăștiate și efectul Drop Shadow.


Pasul 10

Resetați forma creată în etapa anterioară și ștergeți partea superioară. Treceți la instrumentul Delete Anchor Point (-) și îndepărtați cele șapte puncte de ancorare evidențiate în a doua imagine. În cele din urmă ar trebui să aveți două căi verticale. Treceți la Instrumentul de selecție directă (A), selectați punctele de top de ancorare și trageți-le cu 5px în sus.


Pasul 11

Resetați cele trei forme albastre și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 5px, faceți clic pe OK și mergeți la Object> Expand Appearance.


Pasul 12

Dezactivați Snap to Grid (Vizualizare> Snap to Grid), mergeți la Edit> Preferences> General și asigurați-vă că Incrementul tastaturii este setat la 1px. Selectați forma stângă și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și apăsați o dată săgeata în sus. Resetați ambele copii deschideți panoul Pathfinder și faceți clic pe butonul Minus Front. Umpleți forma rezultată cu R = 0 G = 132 B = 174. Resetați forma stângă și faceți două copii noi în față (Control + C> Control + F> Control + F).

Selectați copia de început și apăsați o dată săgeata în jos. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 3 G = 181 B = 207. Resetați forma stângă și faceți două copii noi în față (Control + C> Control + F> Control + F). Selectați copia de început și apăsați de două ori săgeata în jos. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb și reduceți opacitatea la 70%.


Pasul 13

Resetați cele trei forme create în pasul anterior, grupați-le (Control + G) și aduceți grupul în față (Shift + Control + Pătrat drept). Deplasați-vă la forma de mijloc și repetați acest pas împreună cu tehnicile menționate în pasul anterior. Faceți același lucru cu forma potrivită. În final, formele ar trebui să arate ca în a doua imagine.


Pasul 14

Selectați forma stângă, deschideți panoul Aspect (fereastră> Aspect) și adăugați oa doua umplere utilizând butonul Adăugare umplere nouă. Este pictograma mică, pătrată, din partea de jos a panoului Aspect. Selectați această umplere nouă, glisați-o sub umplutura existentă, faceți-o negru, micșorați opacitatea până la 15% și accesați Efect> Distort & Transformare> Transformare. Introduceți datele afișate mai jos și faceți clic pe OK.


Pasul 15

Resetați forma stângă, adăugați o a treia umplutură și trageți-o în partea de sus a panoului Aspect. Veți avea nevoie de un model încorporat pentru această umplere nouă. Accesați panoul Swathes (Window> Swatches), deschideți meniul derulant și mergeți la Open Swatch Library> Patterns> Decorative> Decorative_Primitive. O fereastră nouă cu o grămadă de model frumos ar trebui să se deschidă. Căutați modelul "Mayan Bricks". Asigurați-vă că forma din stânga este încă selectată, selectați umplerea nouă, micșorați opacitatea la 3%, modificați modul de amestecare la Multiplicare și adăugați modelul "Caramida Mayan". Selectați din nou forma stângă, asigurați-vă că nu este selectată nicio umplere și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos și faceți clic pe OK.


Pasul 16

Să copiem proprietățile din formele stângi în formele de mijloc și din dreapta. Iată cum puteți să o faceți cu ușurință. Mergeți la panoul Straturi, concentrați-vă pe partea dreaptă și veți observa că fiecare formă are un cerc gri. Se numește o pictogramă țintă. Țineți altul, faceți clic pe cercul care reprezintă forma stângă și trageți pe cercul care reprezintă forma mijlocie și cea dreaptă. Continuați cu Instrumentul Tip (T) și adăugați niște text simplu. Puteți utiliza fontul Pacifico cu dimensiunea de 20pt. Setați culoarea la R = 245 G = 245 B = 245 și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos, faceți clic pe OK și ați terminat.


Concluzie

Acum munca ta sa terminat. Iată cum ar trebui să arate. Sper că v-ați bucurat de acest tut.