Share
Pentru incepatori, icoanele clare pot fi greu de facut in Adobe Illustrator. Cu câteva trucuri simple, panoul Aspect și instrumentul Shape Builder, veți crea în cel mai scurt timp pictogramele cu aspect profesional, este ușor!
Mai întâi creați un document nou în scara pictogramei, dimensiunile comune sunt 96px, 48px, 32px, 24px și 16px. Pentru acest tutorial voi crea o pictogramă de 48 x 48px. Setați modul Culoare la RGB, Efectele Raster la 72ppi și Unități la Pixeli.
Acum vom seta grila la pixeli, ceea ce va facilita planificarea designului. Accesați Preferences> Guides and Grids și setați linia Grid să fie 10px cu 10 subdiviziuni, apoi mergeți la View> Show Grid apoi View> Snap to Grid.
Cu toate icoanele mele (cu excepția celor foarte de bază) îmi place să fac o schiță rapidă de miniaturi ca bază pentru designul meu. Puteți schița cu stilou și hârtie sau puteți schița în Illustrator sau Photoshop. Mi-am făcut schița în Photoshop apoi copiați-o și lipiți-o pe tabloul de bord din Illustrator.
Odată ce schița se află pe tabloul de bord, îl pot scala, poziționa-l și apoi reduce opacitatea la 50%. Dacă utilizați o schiță, reduceți opacitatea la 50% (sau mai mult, dacă schița este puțin prea întunecată), apoi blocați stratul și creați un strat nou sub stratul de schiță, acesta va fi stratul de artă.
Cu orice formă complexă, o puteți descompune în forme de bază. Pentru acest design am urmărit capul folosind instrumentul Ellipse (L), apoi am mutat și mi-am rotit formele în poziție cu instrumentul de selecție (V).
Când formele de bază sunt în poziția aproximativă, luați Shape Builder Tool (Shift + M) și îmbinați-le împreună prin glisarea cursorului peste forme.
Dacă trebuie să faceți curbe subtile, luați instrumentul Pen (P) și trageți forma de bază. Faceți un punct la mijlocul fiecărei curbe, acolo unde liniile vor fi netezite.
Pentru a face curbe netede din puncte, luați Instrumentul de conversie a punctelor de ancorare (Shift + C) și trageți punctul în timp ce țineți apăsată tasta Shift.
Pentru a simplifica simetria, utilizați instrumentul Reflect (O). Pentru a reflecta o formă, selectați-o mai întâi cu Instrumentul de selecție (V), apoi selectați Reflect Tool (O) și Option + Faceți clic pe tabloul de bord unde forma va reflecta, ar trebui să vedeți acum o casetă de setări.
Setați axa la modul în care doriți să reflectați forma (imaginea mea este reflectată vertical) și faceți clic pe Copiere. Veți avea o copie reflectată a formei.
Combinați formele cu Shape Builder Tool (Shift + M) și neteziți toate punctele cu instrumentul Convert Anchor Point Tool (Shift + C).
Iată partea distractivă. Există un truc pe care îl puteți folosi pentru a previzualiza pictograma dvs. în timp ce lucrați. Mai întâi, accesați Fereastră> Fereastră nouă. Aceasta va crea o copie a documentului pe care lucrați.
După ce ați făcut noua fereastră, Ascundeți grila. În meniul "Vedeți", setați fereastra la Dimensiune reală, Ascundeți artboard-urile și selectați Previzualizare pixeli. Veți avea acum o previzualizare aproape perfectă a pictogramei dvs. terminate.
Cel mai bun lucru despre lucrul cu a doua fereastră este că tot ceea ce schimbați în prima fereastră se va schimba și în a doua fereastră.
Pentru a face un buton în spatele pictogramei, selectați Instrumentul rotunjit dreptunghi și opțiunea + Faceți clic pe tabloul de bord, aceasta va afișa un meniu de setări. Setați lățimea și înălțimea la câțiva pixeli mai puțin decât dimensiunea finală a pictogramei, ceea ce vă va oferi spațiu pentru adăugarea oricăror umbre sau efecte de picătură mai târziu. Raza de colț va fi diferită în funcție de mărimea pictogramei pe care o creați, am ales să utilizez 6px pentru că pictograma mea este destul de mică.
Odată ce ați creat dreptunghiul rotunjit, selectați-l și mutați-l în spatele designului de pictogramă apăsând Command + tasta Stânga bracket bracket.
Pentru a face un gradient moale pentru dreptunghiul rotunjit, umpleți forma utilizând Instrumentul Gradient (G) și schimbați modelul de fund în gradient pentru a fi un mediu de culoare gri, schimbați modelul de sus până la un gri foarte deschis și apoi sub simbolul de sus , dați clic pe gradient pentru a adăuga un al treilea exemplar. Modificați cel de-al treilea model pentru a fi o nuanță mai închisă a celui de-al doilea gri
Pentru a adăuga o schemă, accesați panoul Aspect (Fereastră> Aspect) și cu dreptunghiul rotunjit selectat, dați clic pe opțiunea de cursă, setați culoarea pentru a fi un mediu gri (puțin mai întunecată decât cea mai întunecată nuanță) și setați greutatea la 1px.
Acum vom adăuga o schemă de gradient la forma pictogramei și vom salva butonul și stilurile de pictograme pentru modelele viitoare. În primul rând, cel mai simplu mod de a face o contur gradient pe o formă este să creați o cale de decalare. Pentru a face acest lucru, selectați forma, apoi în panoul Aspect (Fereastră> Aspect) adăugați o umplere nouă deasupra primei umpleri. Faceți această versiune puțin mai întunecată a primului dvs. gradient.
După cum puteți vedea în imaginea de mai jos, am folosit un gradient radial întunecat pentru interiorul formei (gradientul de sus) și o versiune mai ușoară pentru contur (gradientul de jos). Ambele umpluturi pot fi modificate prin selectarea umplerii panoului Aspect și modificarea setărilor cu panoul Gradient (Window> Gradient) și Gradient Tool (G).
Selectați gradientul de sus din panoul Aspect și mergeți la Fx butonul din partea inferioară a panoului. Navigați la Cale> Cale de decalare și setați Decalajul la -1px cu Runda de Adunări și faceți clic pe OK.
Pentru a salva aspectul ca pe un model, accesați panoul Aspect și trageți pictograma din partea superioară a panoului în panoul Stiluri grafice (fereastră> Stiluri grafice).
Veți avea acum două stiluri grafice care pot fi aplicate la multe forme și butoane diferite pentru a crea un set rapid de pictograme de bază. Vedeți ce puteți face și vă puteți bucura de munca dvs. pe pagina Facebook a Vectortuts.
Dacă v-ați bucurat de acest tutorial, ați putea dori "Cum să faceți un stil de pictură reutilizabilă utilizând panoul Aspect".
Accentsconagua