Sfat rapid Cum să creați o grafică de satisfacție garantată

În următoarea Sfat rapid veți învăța să creați un sigiliu garantat de satisfacție cu forme și gradienți de bază. Veți găsi că structura de bază a acestui grafic poate fi reutilizată de mai multe ori pentru a face un set de active web care sunt perfecte pentru comerțul electronic. Să începem!


Pasul 1

Creați un document de 700 x 700 pixeli. Începeți prin a activa Gridul și Glisați la Grilă, apoi mergeți la Editare> Preferințe> Ghidaje și grile. Introduceți "5" în caseta "Guideline every" și "1" în caseta "Subdiviziuni". Acum, va trebui să faceți 9 cercuri concentrice.

  1. Selectați instrumentul Ellipse (L), țineți Shift și creați o formă de 500x500px. Denumiți-l "1", apoi mergeți la Object> Path> Cale Offset, introduceți un "-30px" offset și apăsați OK.
  2. Denumiți cercul rezultat "2", selectați-l și reveniți la Obiect> Cale> Cale de decalare. Introduceți un decalaj "-5px" și apăsați OK.
  3. Denumiți această nouă formă "3". Selectați-l, accesați Obiect> Cale> Cale de decalaj, introduceți un decalaj "-5px" și apăsați OK.
  4. Denumiți forma rezultată "4", selectați-o și mergeți din nou la Object> Path> Path Offset. Din nou, introduceți un decalaj "-5px" și apăsați OK.
  5. Denumiți acest cerc nou "5", apoi mergeți la Object> Path> Cale Offset. Introduceți un decalaj "-25px" și apăsați OK.
  6. Selectați acest cerc nou, denumiți-l "6", mergeți la Object> Path> Path Offset. Introduceți un decalaj "-20px" și apăsați OK.
  7. Selectați forma rezultată, denumiți-o "7" și treceți încă o dată la Object> Path> Path Offset. Introduceți un decalaj "-10px" și apăsați OK.
  8. Selectați această nouă formă, denumiți-o "8" și treceți ultima dată la Object> Path> Cale de decalare. Introduceți un decalaj "-5px" și apăsați OK.
  9. Selectați acest cerc ultim și denumiți-l "9".

Pasul 2

Aici puteți privi mai atent formele create până acum. Apoi, va trebui să selectați formele de la 2 la 9 și să le faceți invizibile (pentru moment).


Pasul 3

Dezactivați grila și modul Snap to Grid. Acum, să ne concentrăm asupra formei # 1. Selectați-l, adăugați efectul Zig Zag, apoi mergeți la Object> Expand Appearance. Mai întâi, umpleți-l cu gradientul liniar și adăugați un curs 1pt aliniat la cursa exterioară (R = 204 G = 204 B = 204). Apoi, adăugați o umplutură nouă, neagră. Selectați acest umplere (din panoul Aspect), micșorați opacitatea la 3% și apoi adăugați efectul Grain. În cele din urmă, reselectați întreaga cale și adăugați efectul Drop Shadow (Effect> Stylize> Drop Shadow).


Pasul 4

Creați o copie a formei "1", apoi selectați Instrumentul dreptunghi (M) și creați o formă ca cea roșie prezentată în imaginea # 1. Selectați aceste două forme și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți forma rezultată cu negru, reduceți opacitatea la 10% și mutați-o chiar deasupra formei # 1 (asigurați-vă că va rămâne acolo până la sfârșit).


Pasul 5

Transformați 2,3,4,5,8 și 9 înapoi la vizibil. Mai întâi, umpleți 2,4 și 8 cu alb, apoi umpleți 3,5 și 9 cu gradientul radial prezentat mai jos.


Pasul 6

Întoarceți forma "7" înapoi la vizibil. Selectați instrumentul Tip pe un traseu, faceți clic pe cale ("7") pentru a afișa un cursor care clipește, apoi adăugați textul Satisfacție garantată. Utilizați fontul Arial Black cu dimensiunea de 40px. Resetați acest text și accesați Object> Expand. Selectați formele rezultate, completați-le cu alb, apoi mergeți la Object> Compound Path> Make. Denumiți forma "Text" care rezultă. Întoarceți cercul "6" înapoi la vizibil. Duplicați textul. Selectați această copie împreună cu cercul "6" și faceți clic pe butonul Intersect din panoul Pathfinder. Selectați grupul de forme care rezultă, umpleți-l cu R = 251 G = 188 B = 12, apoi reduceți opacitatea la 10%.


Pasul 7

Selectați instrumentul Tip și adăugați textul de 100% în mijlocul cercului # 9. Utilizați fontul Impact (110 pixeli pentru text și 80 pixeli pentru semnul procentual). Extindeți acest text, completați formulele rezultate cu alb, apoi mergeți la Object> Compound Path> Make. Selectați forma rezultată, mergeți la Object> Path> Path offset, introduceți un decalaj "-3px" și apăsați OK. Umpleți forma rezultată cu gradientul liniar.


Pasul 8

Alegeți Instrumentul Star și creați o formă de stea asemănătoare celei din imaginea # 1. Țineți controlul, în timp ce faceți clic și trageți, pentru a mări / micșora volumul stelei. Umpleți-l cu gradientul radial și adăugați un curs de 5pt alb, aliniat la exterior. Resetați Instrumentul Star și creați patru forme de stele mai mici. Umpleți-le cu același gradient radial, dar utilizați o dimensiune diferită a cursei.


Pasul 9

Creați o copie a formei "2", apoi selectați Instrumentul dreptunghi (M) și creați o formă ca cea roșie prezentată în imaginea # 1. Acum, selectați ambele forme și faceți clic pe butonul Intersect din panoul Pathfinder. Umpleți forma rezultată cu alb și reduceți opacitatea la 15%.


Pasul 10

Acum, să creăm panglicile. Activați Grilă și Glisați în Grilă. Selectați instrumentul Rectangle (M) și creați o formă de 100 x 250 pixeli. Selectați acest dreptunghi și mergeți la Object> Path> Add Points Anchor. Alegeți Instrumentul de selecție directă (A), selectați punctul de ancorare evidențiat în imaginea # 1 și mutați-l cu 50 de pixeli în sus. Resetați întreaga formă, adăugați efectul Arc (Efect> Warp> Arc), apoi mergeți la Object> Expand Appearance.


Pasul 11

Duplicați formele realizate în etapa anterioară. Acum, rotiți aceste două forme și plasați-le așa cum se arată în imaginea de mai jos. Completați-le pe amândouă cu același gradient radial, apoi adăugați un 5pt aliniat la interior, cursă (R = 242 G = 242 B = 242).


Concluzie

În cele din urmă, adăugați efectul Drop Shadow și ați terminat. Acest stil de grafică este deosebit de util pentru site-urile de comerț electronic, deoarece poate fi re-colorat pentru a se potrivi nevoilor diferite.