Transformați-vă bara de meniu într-o minune de iarnă în Illustrator

Ce veți crea

Urmați acest tutorial și aflați cum să transformați un site web într-o zonă minunată de iarnă. Puteți crea barele de meniu și butoanele de la zero, puteți lua aceste tehnici și puteți decora obiectele proprii. La început veți crea o bară de meniu de bază, iar apoi veți învăța cum să adăugați zăpada și gheața, fulgii de zăpadă, paiete și mai multe decorațiuni cu tematică de iarnă. În cele din urmă, vom experimenta cu mai multe culori și desene, așa că haideți să începem!  

1. Începeți un nou proiect 

Lansa Adobe Illustrator și du-te la Fișier> Nou pentru a deschide un document gol. Introduceți un nume pentru fișierul dvs. și configurați dimensiunile, apoi selectați pixeli la fel de Unități și RGB la fel de Modul color. Apoi, du-te la Editați> Preferințe> Generale și setați Creșterea tastaturii la 1 px și acolo, du-te la Unități și performanță afișare pentru a vă asigura că Unități sunt ca în următoarea imagine. De obicei, lucrez cu aceste setări și vă vor ajuta în timpul procesului de desen. 

2. Creați o bara de meniu de bază

Pasul 1

Prindeți Instrument rotunjit dreptunghi și trageți prima formă cu dimensiunile afișate. Selectați purpuriu ca culoare de umplere. 

Pasul 2

Cu dreptunghiul încă selectat, mergeți la Aspect panou și cu purpuriu Completati atribut selectat, apăsați pe Duplicați articolul selectat pictograma din partea de jos. Ca rezultat veți obține o secundă Completati atributul de mai sus. Utilizați un gradient liniar alb-negru la un -Unghi de 90 de grade, și setați Mod de amestecare la Lumina slaba

Pasul 3

Cu dreptunghiul încă selectat, duplicați purpuriu Completati atribuiți din nou. Selectați noul Completati atributul din partea de jos, păstrați aceeași culoare de umplere și apoi mergeți la Efect> Stylize> Drop Shadow și aplicați acest efect de patru ori. Să numim această formă "bare de bază". 

Acestea sunt setările pentru Umbra efecte: 

Pasul 4

Următor →, Copie și Lipiți în față (Control-F) "bar-base" și apoi eliminați toate aparițiile existente apăsând pe Aspect clar pictograma din partea de jos a ferestrei Aspect panou. Selectați culoarea neagră ca culoare de umplere și apoi mergeți la Obiect> Creați o plasă de gradient, Selectați 3 rânduri și 6 Coloane și lovit O.K. Ca rezultat vei obtine o retea ca in imaginea urmatoare. 

Pasul 5

Acum, apucați-l Instrumentul de selecție directă (A) și utilizați-l pentru a selecta doar cele trei puncte de ochiuri indicate mai jos și modificați culoarea de umplere de la negru la cea corespunzătoare. După ce ați terminat, setați această formă Mod de amestecare Soft Light. Să numim această formă "bar-mesh". 

Pasul 6

Luați Instrumentul dreptunghiular (M) și trageți un dreptunghi cu aceeași înălțime ca și bara de meniu și poziționați-l în mijloc. Selectați culoarea albastru ca culoare de umplere. 

Pasul 7

Cu dreptunghiul albastru selectat, mergeți la Obiect> Cale> Adăugați puncte de ancorare pentru a adăuga patru puncte suplimentare pe laturi (1). Folosește Instrumentul de selecție directă (A) pentru a selecta doar punctele din stânga și din dreapta din mijloc și a le muta 10 px spre interior prin apăsarea butonului Stânga și Taste cu săgeți dreapta pe tastatură (2). 

Apoi, mergeți la Aspect panou și duplicați albastrul existent Completati atribut. Pentru noul Completati în partea de sus, selectați un gradient liniar alb-negru la un -Unghi de 90 de grade și setați Mod de amestecare la Lumina slaba (3). 

Pasul 8

Uitați-vă mai aproape de partea dreaptă a formei albastre. Luați Instrument Pen (P), trageți o cale V urmând punctele de ancorare ale formei albastre și dați-o a 1 pt alb Accident vascular cerebral. Copie și Lipiți în față (Control-F) această cale, apoi mutați copia 1 px în dreapta prin apăsarea butonului Săgeată dreapta o singura data. Alege o 1 pt negru Accident vascular cerebral pentru a doua cale. Acum, Grup (Control-G) cele două căi și setați grupul la Mod de amestecare Soft Light.  

Nu uitați să faceți același lucru pe partea stângă a formei albastre sau pur și simplu să reflectați grupul existent.

3. Creați zăpada pe partea de sus a barei de meniuri

Pasul 1

Acum că bara noastră de meniuri simplă este gata, putem continua cu zăpada și celelalte decorațiuni. Pentru a adăuga zăpada, vă recomandăm să utilizați Instrumentul pentru creioane (N) in loc de Instrument Pen (P) pentru că este mai ușor și vom obține, de asemenea, acest aspect liber / aspect natural, care din punct de vedere al zăpezii este un lucru bun. Faceți dublu clic pe Instrumentul pentru creioane (N) pentru a deschide Preferințe fereastră și modificați setările. Puteți vedea mai jos cele pe care le-am folosit, dar nu ezitați să ajustați Fidelitate si Finete după cum doriți.

Odată setat, măriți imaginea din partea dreaptă a barei de meniu și trageți o cale similară celei de mai jos. Nu trebuie să fii prea precis: cu cât este mai aleator, cu atât mai bine. 

Pasul 2

Folosiți încă Instrumentul pentru creioane (N), trageți o altă cale aleatorie sub prima și asigurați-vă că acoperiți doar puțin din bara de meniu. Dacă punctele de capăt ale celor două căi nu se suprapun, puteți utiliza Instrumentul de selecție directă (A) pentru a le deplasa unul peste celălalt, așa cum se arată în fotografie. 

Apoi, este momentul să îmbinați cele două căi într-una. Glisați o selecție cu Instrumentul de selecție directă (A) peste cele două puncte de sfârșit din dreapta (asigurați-vă că blocați prima bara de meniu) și apăsați Control-J la A adera lor. Verifică Colţ opțiune și lovit O.K. După aceea, trageți o selecție peste cele două puncte de sfârșit din stânga și A adera și ei. Umpleți forma rezultată cu alb. 

Pasul 3

Folosiți încă Instrumentul pentru creioane (N), trage o nouă cale sub forma albă, dar foarte aproape de ea. Lungimea acestei căi ar trebui să fie aproximativ aceeași ca și forma albă (1). În acest moment, comutați la Instrument Pen (P) și închideți cele două puncte de capăt pentru a obține o formă (2). Copie și Lipiți în față (Control-F) forma albă, apoi apăsați Shift-Control-] să-l aducă în fața tuturor. Selectați această nouă copie albă împreună cu forma albastră și apăsați Scădea în deschizător de drumuri panou. Veți obține o cale compusă (3), dar mergeți la Obiect> Calea compusă> Eliberați și ștergeți formele mai mici din partea de sus (4). 

Pasul 4

Umpleți forma obținută în pasul anterior cu culoarea indicată și în acest moment este pregătită prima piesă de zăpadă.  

Pasul 5

Luați Instrumentul pentru creioane (N) din nou, și trageți o formă mai mică pe capătul din dreapta al barei de meniu umplută cu alb (1). Desenați o altă cale sub ea și asigurați-vă că punctele de capăt din dreapta și din stânga se suprapun (2), apoi închideți calea în partea de sus așa cum ați făcut înainte, utilizând A adera sau funcția Instrument Pen (P) (3). Copie și Lipiți în față (Control-F) forma mică albă și apăsați Shift-Control-] să-l aducă în fața tuturor. Selectați această copie albă împreună cu forma albastră și apăsați Scădea în deschizător de drumuri panou. Umpleți forma rezultată cu aceeași culoare (4). Aceasta este a doua "bucată" de zăpadă.

Pasul 6

Să adăugăm zăpadă mai mult pe partea stângă a barei folosind aceeași tehnică. Mai întâi trageți forma albă cu Instrumentul pentru creioane (N) (1) și apoi creați forma sub ea scăzând (2) și umpleți-o cu aceeași culoare albastră (3). 

Pasul 7

Continuați să adăugați mai multe "piese" de zăpadă, unele mai mari, unele mai mici, până când acoperiți complet partea de sus a barei de meniu. Puteți vedea în imaginea următoare rezultatul final. 

Pasul 8

Folosește Instrumentul pentru creioane (N) sau Instrument Pen (P) pentru a desena o formă ca cea de mai jos și ao umple cu gradientul liniar prezentat. Puteți, de asemenea, să desenați câteva forme mai mici lângă el, care sunt umplute cu același gradient, apoi selectați toate formele și Grup (Control-G) lor.

Pasul 9

Utilizați grupul de forme pe care tocmai l-ați creat pentru a adăuga mai multe detalii pe zăpadă. Faceți mai multe copii ale grupului și scala, rotiți-le și aranjați-le pe partea de sus a zăpezii.

4. Creați etichetele din bara de meniuri 

Pasul 1

Folosește Instrumentul pentru creioane (N) pentru a desena o formă aleatorie în colțul din dreapta jos al barei de meniu și selectați culoarea albă ca culoare de umplere. Acum, apucați-l Adăugați un instrument de ancorare (+) și folosiți-l pentru a adăuga câteva puncte suplimentare în partea de jos a acestei forme (1). Apoi treceți la Instrumentul de selecție directă (A) și trageți numai trei dintre aceste puncte în jos pentru a crea primele gheață (2). Adăugați mai multe puncte utilizând Adăugați un instrument de ancorare (+) de-a lungul lungimii gheții, și se joacă cu mânerele lor pentru a crea aspectul ondulat (3).

Pasul 2

Desenați o nouă formă aleatorie lângă prima, apoi adăugați mai multe puncte în partea inferioară cu Adăugați un instrument de ancorare (+) (1). Folosește Instrumentul de selecție directă (A) pentru a glisa două din aceste puncte în jos pentru a crea două gheață noi (2). Adăugați mai multe puncte de ancorare de-a lungul lungimii ghețurilor și deplasați mânerele acestora pentru a crea aspectul ondulat (3). 

Pasul 3

Am adăugat o formă mai albă lângă cea de-a doua, dar puteți adăuga cât mai multe doriți. În acest tutorial, design-ul depinde de dvs..  

Pasul 4

Acum, selectați cele trei forme albe din partea din dreapta jos a barei de meniu și Copie și Lipiți înapoi (Control-B). Deplasați puțin aceste trei copii apăsând pe Săgeată în jos pe tastatură o dată sau de două ori și selectați culoarea albastru ca culoare de umplere. 

Pasul 5

Pentru a adăuga o adâncime mai mare, desenați cu Instrumentul pentru creioane (N) sau Instrument Pen (P) o formă mai subțire deasupra fiecărui gheață și umpleți-le cu gradientul prezentat. 

Pasul 6

Pentru a adăuga mai multe detalii, desenați câteva forme mai mici în care aveți spațiu liber și completați-le cu culoarea indicată. 

Pasul 7

Partea din dreapta jos a barei este gata, dar puteți adăuga mai multe gheață în partea stângă. Acestea sunt mai mici, astfel încât acestea nu vor dura mult timp pentru a face. Utilizați aceeași tehnică ca cea descrisă mai sus. Mai întâi, desenați forma albă (1) și apoi Copie și Lipiți înapoi (Control-B) această formă, mutați-o puțin și schimbați culoarea de umplere (2). În final, utilizați forme mai mici, umplute cu același gradient, pentru a adăuga cât mai multe detalii doriți (3). 

Pasul 8

Folosind aceeași tehnică, adăugați mai multe gheață în colțul din stânga jos al barei de meniu și în acest moment ați terminat cu zăpada și ghețurile.  

5. Creați și aplicați o perie de dispersie a fulgilor de zăpadă

Pasul 1 

Du-te la snowflake și descărcați setul de fulgi de zăpadă vectorială creat de All-Silhouettes. Apoi deschideți fișierul Illustrator din arhivă și copiați fulgerul de zăpadă evidențiat cu albastru în documentul dvs. Selectați culoarea albă ca culoare de umplere și trageți fulgii de zăpadă în Perii panou pentru ao salva ca pe un Pensulă nouă pentru scatter. În Scatter Brush Opțiuni fereastră, setați Rotație în raport cu calea și lăsați restul setărilor așa cum sunt. Introduceți un nume pentru perie și apăsați O.K.

Pasul 2

Acum, ia-o Instrumentul pentru creioane (N) din nou și trage niște căi deasupra zăpezii ca în imaginea următoare. Accident vascular cerebral aceste căi cu Snowflake Scatter Brush salvat mai devreme și deschideți Opțiunile pentru curse fereastră din Aspect panou. Modificați setările după cum se arată și apăsați O.K. Seteaza Greutatea în greutate pentru aceste căi la 0,25 pt, 0.3 pt, 0,35 pt și 0,5 pt pentru a obține fulgi de zăpadă de diferite mărimi.  

6. Adăugați diferite decoruri de iarnă

Pasul 1

Copiați fulgii de zăvor evidențiate cu albastru și verde de pe fulgii de zăpadă înscrise în document. Apoi le umpleți cu alb, scalați-le și aranjați-le în partea stângă a barei de meniu.

Pasul 2

Apoi, din simboluri deschideți panoul Meniul bibliotecilor de simboluri și în Natură categorie găsi "Copacii 1“. Glisați simbolul în tabloul de bord și apăsați pe Break Link la simbol pictograma din partea de jos a ferestrei simboluri panou pentru ao extinde. Scalați și aranjați copacii deasupra zăpezii și înmulțiți-i dacă doriți să adăugați mai multe. 

Pasul 3

Acum, aruncă o privire mai atentă la copaci. Prindeți Instrumentul pentru creioane (N) și trage niște căi scurte urmând ramurile copacului mai mare. Accident vascular cerebral aceste căi cu Carbune-perie Art pe care îl puteți găsi în Brush Biblioteci Meniu> Artistic> Artistic_ChalkCharcoalPencil. Seteaza Greutatea în greutate la 0,5 pt și culoarea albă pentru toate acestea. 

Pasul 4

Repetați același proces pentru ceilalți arbori, dar reduceți Greutatea în greutate chiar mai mult, deoarece copacii sunt mai mici. 

Pasul 5

Înmulțiți copacii acoperiți de zăpadă pe care l-ați creat și aranjați mai multe dintre acestea pe cealaltă parte a barei de meniu.

Pasul 6

Pentru a crea casa mică, începeți prin a desena o formă simplă de casă plină cu alb. Pentru acoperiș, trasează o cale cu a 1 pt roșu Accident vascular cerebral și adăugați o mică formă roșie ca și coșul de fum. Pentru uși și ferestre utilizați Instrumentul dreptunghiular (M) și gradientul afișat. Pentru a crea zăpada pe acoperiș, trageți pur și simplu două căi deasupra acoperișului și Accident vascular cerebral cu ei Carbune-perie Art cum ați făcut mai devreme pentru copaci. 

Pasul 7

Apoi, luați Instrument de elipsă (L) și desenați trei elipse pentru a crea omul de zăpadă. Umpleți-le cu gradientul radial afișat și apoi adăugați mici cercuri negre ca ochii și butoanele. Folosește Instrument Pen (P) pentru a desena un nas și eșarfă, și ați terminat. 

Pasul 8

În acest moment puteți aranja casa mică și omul de zăpadă unde doriți. 

Pasul 9

Se pare obligatoriu să adaugi o mulțime de paiete, nu? Am explicat deja cum să creați unul în tutorialul Glitter Text Art Effect. Multiplicați scânteia și aranjați cât doriți pentru a îmbunătăți designul. 

7. Creați și decorați butoanele Web

Pasul 1

Dacă ați reușit să ajungeți la acest punct, atunci veți putea crea și decora un buton simplu în loc de un bar. Începeți prin desenarea unui dreptunghi rotunjit mai mic (1), apoi creați rețeaua de grilă așa cum este explicat la începutul tutorialului (2). Adăugați "piese" de zăpadă în partea de sus și gheață în partea de jos (3) și utilizați Snowflake Scatter Brush pentru a adăuga mai mult zăpadă (4). Aranjați decorațiunile pe care le-ați creat (5) și adăugați în cele din urmă câteva paiete (6). Toate tehnicile rămân aceleași.

Pasul 2

Duplicați sau multiplicați primul buton și rearanjați pur și simplu decorațiile existente pentru a obține mai multe butoane. 

8. Creați mai multe bare de meniuri

Pasul 1

Duplicați bara de meniu violet cu zăpada din partea de sus, fulgii de zăpadă și gheață, dar fără celelalte decorațiuni. Selectați "base-bar" și înlocuiți purpuriu cu nuanța verde indicată. Țineți restul setărilor ca atare. 

Pasul 2

Apoi, selectați forma de la mijloc și înlocuiți albastru deschis cu verde deschis. Aranjați toate decorațiile într-un mod diferit și veți obține o nouă bara de meniu. 

Pasul 3

Pentru a crea grila de meniu gri, duplicați din nou bara purpurie. Selectați "base-bar" și înlocuiți purpuriu cu nuanța de gri indicată. După aceea, selectați forma din mijloc și înlocuiți albastru deschis cu acest moment. Restul setărilor rămân aceleași. În cele din urmă, aranjați toate decorațiile așa cum doriți. 

Ziua minunilor de iarnă este pregătită!

Aceste bare de meniu și butoane sunt destul de elementare și ajută la demonstrație, dar nu ezitați să utilizați alte elemente de pe site pentru a crea acest look minunat de iarnă. Puteți începe de la zero sau puteți utiliza doar câteva elemente pentru a decora propriile meniuri și butoane. Este absolut obligatoriu să te distrezi în timp ce faci asta, și dacă vrei să împărtășești creația ta de iarnă-minune, mi-ar plăcea să o văd.