Creați un set de stele detaliate, vectorice de rating

În acest tutorial, veți învăța cum să creați un set de stele de rating detaliate. Vom utiliza instrumentele de urmărire a Illustratorului pentru a construi formele de bază ale stelelor. Apoi colorați fiecare fațetă a stelei cu gradiente simple. Puteți utiliza aceste tehnici profesionale pentru a vă crea propria grafică de cinci stele de înaltă calitate.


Pasul 1

Apăsați Command + N pentru a crea un document nou. Introduceți 600 în caseta de lățime și 300 în caseta de înălțime, apoi faceți clic pe butonul Avansat. Selectați RGB, Ecran (72ppi) și asigurați-vă că caseta Align New Objects to Pixel Grid nu este bifată înainte de a da clic pe OK.


Pasul 2

Alegeți Instrumentul Star, apoi mențineți Shift și Alt pentru a crea forma stea. Faceți-l aproximativ lățime de 50px, umpleți-l cu R = 180 G = 180 B = 180 și asigurați-vă că nu există set de culori pentru cursa.


Pasul 3

Accesați Edit> Preferences> General și asigurați-vă că Incrementul tastaturii este setat la 1px. Resetați forma stea și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de început și apăsați o dată pe săgeata în jos (pentru ao muta cu 1px în jos).

Resetați ambele copii, deschideți panoul Pathfinder și faceți clic pe butonul Minus Front. Selectați grupul de forme care rezultă, transformați-l într-o cale complexă (Object> Compound Path> Make) și completați-l cu R = 235 G = 235 B = 235.


Pasul 4

Resetați forma stea și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de început și mutați-o cu 1px în jos și spre dreapta. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Selectați grupul de forme care rezultă, transformați-l într-o cale complexă (Object> Compound Path> Make) și completați-l cu R = 235 G = 235 B = 235.


Pasul 5

Resetați forma stelei și focalizați pe panoul Aspect. Adăugați un curs de 3 pct, setați culoarea la R = 165 G = 165 B = 165 și aliniați-o în interior. Continuați să vă concentrați pe panoul Aspect, asigurați-vă că forma stelară este încă selectată și adăugați un nou curs, utilizând butonul Adăugați un nou curs. Este pictograma mică, pătrată neagră situată în colțul din stânga, în partea stângă a panoului Aspect.

Selectați această curbă nouă, lățimea de 1pt, setați culoarea la R = 120 G = 120 B = 120 și aliniați-o spre exterior. Asigurați-vă că acest curs este încă selectat și deschideți panoul Stroke. Concentrați-vă pe secțiunea Corner și faceți clic pur și simplu pe butonul Round Join. Acest lucru ar trebui să adauge un pic de rotunjire pentru colturile accident vascular cerebral.


Pasul 6

Resetați forma stelei și focalizați pe panoul Aspect. Asigurați-vă că nu este selectată nici o umplere sau cursă și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos (în fereastra din stânga sus), faceți clic pe OK și mergeți din nou la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos (în fereastra din dreapta sus), faceți clic pe OK și reveniți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos (în fereastra de jos) și faceți clic pe OK.


Pasul 7

Selectați toate formele create până acum și grupați-le (Command + G). Selectați acest grup nou și accesați Efect> Distort & Transform> Transform. Introduceți proprietățile afișate în imaginea de mai jos și faceți clic pe OK.


Pasul 8

Mergeți în panoul Straturi și deschideți grupul creat în pasul anterior. Resetați forma stea și faceți o copie în față (Command + C> Command + F). Selectați-l, umpleți-l cu R = 255 G = 222 B = 23 și trageți-l în afara grupului, în partea de sus a panoului Straturi. În cele din urmă, blocați grupul creat în pasul anterior.


Pasul 9

Focalizați pe steaua galbenă creată în pasul anterior și activați Ghidurile inteligente (Vizualizați> Ghiduri inteligente sau Comandă + U). Alegeți instrumentul Pen (P) și trageți o cale care merge de la un colț exterior la colțul interior al stelei. Asigurați-vă că pornește și se termină deasupra unui punct de ancorare stea. Ghidurile inteligente vă vor oferi indicații vizuale.

Adăugați o cursă neagră pentru această cale pentru a vă face mai ușor să o observați. Continuați cu Pen Tool (P) și adăugați încă patru căi, așa cum se arată în a doua imagine. Când ați terminat, puteți dezactiva Ghidurile inteligente (Command + U)


Pasul 10

Resetați steaua galbenă și faceți o copie în față (Command + C> Command + F). Selectați această copie, împreună cu căile create în pasul anterior și faceți clic pe butonul Divide din panoul Pathfinder.

Mergeți în panoul Straturi și deschideți grupul de forme care rezultă. S-ar putea să găsiți câteva forme minuscule. Dacă le ștergi apoi. În cele din urmă veți avea nevoie doar de cele zece forme mari, evidențiate în a treia imagine de mai jos.


Pasul 11

Continuați să vă concentrați asupra grupului de forme create în etapa anterioară. Selectați cele cinci forme evidențiate în imaginea următoare și completați-le cu gradientul liniar prezentat mai jos.


Pasul 12

Continuați să vă concentrați asupra grupului de forme create în etapa a zecea. Selectați cele cinci forme evidențiate în imaginea următoare și completați-le cu gradientul liniar prezentat mai jos.


Pasul 13

Selectați forma evidențiată în prima imagine și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de sus și mutați-o cu 1px în sus. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder.

Umpleți forma rezultată cu R = 255 G = 255 B = 0 și focalizați pe partea dreaptă. Prindeți instrumentul Ștergeți punctul de ancorare (-) și faceți clic pur și simplu pe punctul de ancorare de sus. În cele din urmă, forma dvs. ascuțită ar trebui să arate ca a patra imagine afișată.


Pasul 14

Selectați forma evidențiată în prima imagine și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de început și mutați-o 1px spre stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder.

Umpleți forma rezultată cu R = 255 G = 255 B = 0 și focalizați pe partea superioară. Prindeți instrumentul Ștergeți punctul de ancorare (-) și faceți clic pur și simplu pe punctul de ancorare din stânga. În cele din urmă, forma dvs. ascuțită ar trebui să arate ca a patra imagine afișată.


Pasul 15

Selectați forma evidențiată în prima imagine și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de început și mutați-o cu 1px în jos. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder.

Umpleți forma rezultată cu R = 255 G = 255 B = 0 și focalizați pe partea stângă. Prindeți instrumentul Ștergeți punctul de ancorare (-) și faceți clic pur și simplu pe punctul de ancorare inferior. În cele din urmă, forma dvs. ascuțită ar trebui să arate ca a patra imagine afișată.


Pasul 16

Selectați forma evidențiată în prima imagine și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de sus și mutați-o 1px spre dreapta. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder.

Umpleți forma rezultată cu R = 255 G = 255 B = 0 și focalizați pe partea de jos. Prindeți instrumentul Ștergeți punctul de ancorare (-) și faceți clic pur și simplu pe punctul de ancorare din dreapta. În cele din urmă, forma dvs. ascuțită ar trebui să arate ca a patra imagine afișată.


Pasul 17

Selectați forma evidențiată în prima imagine și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de sus și mutați-o 1px spre dreapta. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder.

Umpleți forma rezultată cu R = 255 G = 255 B = 0 și focalizați pe partea de jos. Prindeți instrumentul Ștergeți punctul de ancorare (-) și faceți clic pur și simplu pe punctul de ancorare de sus. În final, forma ta ascuțită ar trebui să arate a patra imagine afișată.


Pasul 18

Resetați steaua galbenă, faceți o copie în față (Command + C> Command + F) și aduceți-o în față (Shift + Command +]). Selectați această copie, eliminați culoarea din umplutură și adăugați un curs de 3 pt. Setați culoarea la R = 237 G = 28 B = 36, aliniați-o înăuntru, micșorați opacitatea la 70% și schimbați modul de amestecare la Overlay.


Pasul 19

Resetați steaua galbenă, faceți o copie în față (Command + C> Command + F), aduceți-o în față (Shift + Command +)) apoi faceți oa doua copie (Command + C> Command + F). Selectați această copie nouă și mutați-o cu 1px în sus și spre stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Rotiți grupul de forme care rezultă într-o cale compusă și completați-l cu R = 254 G = 171 B = 7.


Pasul 20

Resetați steaua galbenă, faceți o copie în față (Command + C> Command + F), aduceți-o în față (Shift + Command +)) apoi faceți oa doua copie (Command + C> Command + F). Selectați această copie nouă și mutați-o cu 1px în jos. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Întoarceți grupul de forme rezultat într-o cale compusă și completați-l cu R = 255 G = 255 B = 0.


Pasul 21

Resetați steaua galbenă, faceți o copie în față (Command + C> Command + F), aduceți-o în față (Shift + Command +)) apoi faceți oa doua copie (Command + C> Command + F). Selectați această copie nouă și deplasați-o cu 1px în jos și spre dreapta. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Întoarceți grupul de forme rezultat într-o cale compusă și completați-l cu R = 255 G = 255 B = 0.


Pasul 22

Resetați steaua galbenă și focalizați pe panoul Aspect. Adăugați un curs de 1 pt, setați culoarea la R = 254 G = 192 B = 20 și aliniați-l spre exterior. Selectați-l și bifați butonul Round Join din panoul Stroke.


Pasul 23

Selectați toate formele create din etapa a opta și grupați-le (Command + G). Selectați acest grup nou și accesați Efect> Distort & Transform> Transform. Alegeți un număr de la 1 la 4 pentru caseta Copii, glisați cursorul Mutare-orizontală la 75 de pixeli, faceți clic pe OK și ați terminat.


Concluzie

Acum munca ta sa terminat. Iată cum ar trebui să arate grafica dvs. de stea.