Creați o insignă Web pe Web folosind Corners Live în Illustrator

În următorii pași veți învăța cum să creați o simplă etichetă web verde în Adobe Illustrator. Pentru început, veți învăța cum să utilizați Instrumentul Star și cum să vă creați propria formă de stea. Apoi, utilizând funcția Live Corners, veți învăța cum să adăugați cu ușurință rotunjime pentru unele dintre aceste puncte ascuțite. Mergând pe dvs. veți învăța cum să adăugați umbre subtile și evidențiați folosind panoul Aspect, efecte simple și câteva tehnici de amestecare și mascare de bază. În sfârșit, veți învăța cum să adăugați un fundal texturat și o simplă bucată de text.


1. Creați un document nou și configurați o rețea

Lovit Controlul -N pentru a crea un nou document. Selectați pixeli de la Unități meniul derulant, introduceți 600 în casetele de lățime și î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.


2. Creați forma principală

Pasul 1

Alegeți Instrumentul Star și concentrați-vă pe Bara de instrumente Google. Îndepărtați culoarea din cursa, apoi selectați umplutura și setați culoarea la R = 140 G = 200 B = 65. Deplasați-vă în tabloul de bord, creați o formă simplă (nu eliberați butonul mouse-ului), țineți apăsată tasta Schimb si Control butoanele de pe tastatură, apoi trageți pur și simplu din interior spre exterior (sau invers) pentru a mări (sau a micșora) lungimile spiralelor. De asemenea, utilizați butoanele săgeată sus și săgeată în jos de la tastatură pentru a crește / micșora numărul de vârfuri. În final, forma dvs. ar trebui să aibă șaisprezece vârfuri și ar trebui să arate aproximativ așa cum se arată în imaginea următoare.

Apoi, trebuie să centrați această formă verde, 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 lucrurile ar trebui să arate ca în imaginea următoare.

Pasul 2

Utilizarea Instrumentul de selecție directă (A), selectați al optulea punct de ancorare evidențiat în prima imagine, focalizați pe panoul de control și pur și simplu faceți clic pe butonul "cornere"bucată de text pentru a deschide cornere panou flyout. Verifică Rundă si Absolut butoanele apoi introduceți pur și simplu 7.5 în Rază cutie. În final, forma ta ar trebui să arate ca în a doua imagine.

Pasul 3

Asigurați-vă că Instrumentul de selecție directă (A) este încă activă, selectați cel de-al optulea punct de ancorare evidențiat în prima imagine și re-deschideți cornere panou flyout. Asigurați-vă că Rundă si Absolut butoanele sunt încă selectate, apoi introduceți pur și simplu 3 în Rază cutie. În final, forma ta ar trebui să arate ca în a doua imagine. Puteți reveni întotdeauna la aceste puncte de ancorare dacă doriți să măriți / micșorați rotunjirea sau să alegeți un alt stil pentru Colţ si rotunjirea.


3. Adăugați umbrirea și evidențiați principalele forme

Pasul 1

Asigurați-vă că forma verde rămân selectată, deschideți Aspect panou (Fereastră> Aspect) și adăugați un al doilea umplere folosind Adăugați o nouă umplere (indicat de săgeata mică, albastră din imaginea următoare). Selectați această umplere nouă, setați culoarea la R = 55 G = 180 B = 75 și pur și simplu trageți-l sub umplere existentă.

Continuați să vă concentrați pe Aspect panou, asigurați-vă că încărcarea adăugată în acest pas este încă selectată și mergeți la Efect> Distortare & Transformare> Transformare. Concentrați-vă pe Roti secțiune, introduceți un 11 unghiuri de grade și faceți clic pe O.K. În final lucrurile ar trebui să arate ca în imaginea următoare.

Pasul 2

Resetați forma verde și faceți o copie în față (Control -C> Control -F). Selectați-l și mergeți la Obiect> Extindeți aspectul. Asigurați-vă că grupul de forme care rezultă este selectat, deschideți deschizător de drumuri panou (Fereastră> Pathfinder) și faceți clic pe Uni buton. Umpleți forma rezultată cu alb (R = 255 G = 255 B = 255) apoi pur și simplu lovit Shift-Control - [ să o trimită înapoi.

Pasul 3

Resetați forma verde, concentrați-vă pe Aspect panou, selectați umplutura de sus și mergeți la Efect> Stylă> Strălucire exterioară. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.

Pasul 4

Asigurați-vă că forma verde rămâne selectată și se concentrează pe Aspect panou. Selectați cursa existentă, glisați-o între cele două umpleri, setați culoarea în negru și greutatea la 1pt. Asigurați-vă că această curbă subțire rămâne selectată, coborâți-o Opacitate la 15% și schimbați Mod de amestecare la Lumina slaba apoi deschideți Accident vascular cerebral panou (Fereastra> Accident vascular cerebral) și verificați Aliniați accident vascular cerebral în afară buton.

Pasul 5

Asigurați-vă că forma verde rămân selectată, focalizați pe Aspect panou, reselectați acea lovitură neagră și duplicați - l folosind Duplicați articolul selectat (indicat de săgeata mică, albastră din imaginea următoare). Selectați această nouă cursă, măriți greutatea la 2PT și să-i coborâți Opacitate la 10%.

Continuați să vă concentrați pe Aspect panou, asigurați-vă că dvs. 2PT accident vascular cerebral este încă selectat și duplicat folosind același lucru Duplicați articolul selectat buton. Selectați acest al treilea curs, măriți greutatea la 3pt și să-i coborâți Opacitate la 5%.

Pasul 6

Concentrați-vă pe straturi panou (Fereastră> Straturi), reselectați forma albă, faceți o copie în față (Control-C> Control-F) și să-l aducă în față (Shift-Control-] ). Selectați această copie împreună cu forma verde, deschideți Transparenţă panou (Fereastră> Transparență) și pur și simplu faceți clic pe Faceți masca buton. În final, forma mascată ar trebui să arate ca în a treia imagine.

Pasul 7

Asigurați-vă că forma mascată rămâne selectată, focalizați pe Aspect panoului și adăugați un nou cursă utilizând Adăugați un accident vascular cerebral nou (indicat de săgeata mică, albastră din imaginea următoare).

Selectați această curbă nouă, trageți-o în partea de sus a paginii Aspect , setați culoarea în negru și greutatea la 10pt, micșorați-l Opacitate la 10% și schimbați Mod de amestecare la Lumina slaba apoi du-te la Accident vascular cerebral și verificați Aliniați Accident vascular cerebral la interior buton.

Pasul 8

Asigurați-vă că forma mascată rămâne selectată, focalizați pe Aspect și adăugați un nou curs Adăugați un accident vascular cerebral nou buton. Trageți acest curs în partea de sus a Aspect , setați culoarea albă și greutatea la 2PT, micșorați-l Opacitate la 30% și schimbați Mod de amestecare la Lumina slaba apoi du-te la Accident vascular cerebral și verificați Aliniați Accident vascular cerebral la interior buton.

Pasul 9

Asigurați-vă că forma mascată rămâne selectată, focalizați pe Aspect panou și adăugați o umplere nouă folosind aceeași Adăugați o nouă umplere buton.

Selectați această umplere nouă, glisați-o în partea de sus a paginii Aspect panou, setați culoarea la alb, micșorați-l Opacitate la 10% și schimbați Mod de amestecare la Lumina slaba apoi du-te la Efect> Cale> Cale de decalare. Introduceți a -15px Offset și faceți clic pe O.K.

Pasul 10

Asigurați-vă că forma mascată rămâne selectată, focalizați pe Aspect panou și adăugați o umplere nouă folosind aceeași Adăugați o nouă umplere buton. Selectați această umplere nouă și trageți-o în partea de sus a paginii Aspect panou. Coboară-i Opacitate la 20% și schimbați Mod de amestecare la Lumina slaba apoi du-te la Efect> Conversia în formă> Elipsă. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe O.K și reveniți la Aspect panou.

Asigurați-vă că această umplutură proaspătă 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 asupra dvs. Gradient panou, selectați Radial de la Tip drop-down meniul apoi trecerea la culori gradient. Selectați cursorul din stânga și setați culoarea în alb, apoi selectați cursorul din dreapta, setați culoarea albă și coborâți-o Opacitate la 0%. Asigurați-vă că această umplere nouă rămâne selectată, apucați-o Instrument de gradient (G), concentrați-vă asupra tabloului de bord și întindeți acest gradient așa cum se arată în imaginea următoare.


4. Adăugați un fundal texturat

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 Înălţime apoi faceți clic pe O.K pentru a-ți lua 610px pătrat. Umpleți noua formă cu R = 23,8 G = 238 B = 213, trimite-l în spate (Shift-Control-[ ) apoi centrați-l folosind Centrul de aliniere orizontală și Centrul de aliniere verticală butoane din Alinia panou. În cele din urmă această nouă formă ar trebui să acopere întregul dvs. tablou de artă, așa cum se arată în imaginea următoare.

Pasul 2

Asigurați-vă că dvs. 610px pătrat este încă selectat, se concentreze pe Aspect și adăugați oa doua umplere utilizând aceiași Adăugați o nouă umplere buton. Selectați această umplere nouă, micșorați-o Opacitate la 80%, schimba Mod de amestecare la Acoperire și adăugați gradientul radial prezentat în imaginea următoare.

Pasul 3

Asigurați-vă că dvs. 610px pătrat este încă selectat, se concentreze pe Aspect și adăugați un al treilea umplutură. Selectați-l, setați culoarea în negru, micșorați-o Opacitate la 3%, schimba Mod de amestecare la Multiplica apoi 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 4

Asigurați-vă că dvs. 160px pătrat este încă selectat, se concentreze pe Aspect și adăugați o umplere nouă. Veți avea nevoie de un model încorporat pentru această a patra umplere, așa că du-te la Specimene panou (Fereastră> Swatches), deschideți meniul derulant și mergeți la Open Swatch Library> Modele> Grafică de bază> Grafică de bază. O fereastră nouă cu un set de modele încorporate ar trebui să se deschidă. Asigurați-vă că umplerea adăugată la începutul pasului este încă selectată, adăugați "Crucile"modelul, micșorați-l Opacitate la 80% și schimbați Mod de amestecare la Acoperire.

Pasul 5

Concentrați-vă pe straturi panou, reselectați forma albă și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra de sus, în stânga, faceți clic pe O.K și du-te din nou la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra de sus, din dreapta, 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 partea de jos, din stânga, faceți clic pe O.K și du-te încă o dată Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din partea de jos, din dreapta și dați clic pe O.K.


5. Adăugați o bucată simplă de text

Pasul 1

Alegeți Instrumentul tip (T), pur și simplu faceți clic pe artboard-ul dvs., adăugați textul "100% verde" și setați culoarea la R = 55 G = 180 B = 75. Asigurați-vă că acesta rămâne selectat, deschideți Caracter panou (Fereastră> Tip> Caracter) și utilizați "fontul GoodDog" cu dimensiunea setată la 50px. Asigurați-vă că piesa dvs. de text este încă selectată și pur și simplu centrată folosind Centrul de aliniere orizontală și Centrul de aliniere verticală butoane din Alinia panou.

Pasul 2

Reluați textul ș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.

Asigurați-vă că textul tău rămâne selectat, concentrează-te pe Aspect și adăugați un nou curs Adăugați un accident vascular cerebral nou buton. Selectați această curbă nouă, setați culoarea în negru și greutatea la 1px, micșorați-o Opacitate la 20% și schimbați Mod de amestecare la Lumina slaba apoi du-te la Efect> Cale> Cale de decalare. Introduceți a -0.5px Offset și faceți clic pe O.K.

Reveniți la Aspect panou și pur și simplu duplicați acest accident vascular cerebral subțire. Selectați cursa nou adăugată, micșorați-o Opacitate la 10% și măriți ponderea la 2px.

Continuați să vă concentrați asupra acestui accident vascular cerebral nou, deschideți existentul Calea offset efect, introduceți a -1px Offset, clic O.K și ați terminat.


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.