Share
În următoarea Sfat rapid veți învăța cum să creați un stil drăguț cu pictograme rotunjite. Veți utiliza forme de bază și opțiuni Pathfinder pentru a crea pictograme în stil glif și panoul Aspect pentru a crea un stil care poate fi reutilizat pe tot, de la pictograme la text. Sa incepem!
Deoarece acest design este destinat să fie folosit ca o pictogramă web, începeți prin a face o placă de 96x 96 pixeli. Alte dimensiuni populare pentru icoanele web sunt 48px și 16px. Când creați pictograme amintiți-vă să setați grila în pixeli. Accesați Preferences> Guides & Grid și schimbați setările pentru a avea o linie de grilă la fiecare 10px cu 10 subdiviziuni. Acest lucru vă va oferi o rețea de dimensiuni pixel pentru a lucra cu.
De exemplu, vă voi arăta cum să creați o mărire simplă utilizând opțiunile Pathfinder și unele forme. Puteți face orice formă doriți.
Pentru a face un Magnifying Glass, Command + Faceți clic pe artboard cu instrumentul Ellipse (L) pentru a afișa dialogul Options Ellipse și introduceți 42px pentru lățimea și înălțimea. Faceți clic pe OK pentru a crea un cerc.
Cu instrumentul Rectangle (L), Command + Faceți clic pe tabloul de bord pentru a aduce dialogul Opțiuni dreptunghi și introduceți 12px pentru lățime și 40px pentru înălțime. Acesta va fi mânerul luptei.
Poziționați dreptunghiul din partea inferioară a elipsei astfel încât să se suprapună ușor și să aliniați cele două forme pe orizontală. Puteți găsi opțiunile de aliniere în partea de sus a ferestrei programului sau mergând la Fereastră> Aliniere.
Selectați ambele forme și în timp ce țineți apăsată tasta Shift, Rotiți forma spre stânga, astfel încât aceasta să stea în diagonală. Grupați cele două forme cu Command + G și aliniați-le cu Artboard. Puteți alinia obiecte la tabloul de bord făcând clic pe opțiunile "Aliniere la" din panoul Aliniere. Odată ce opțiunea este selectată, orice element care este aliniat pe tabloul de bord va alinia cu tabloul de artă însuși și nu cu obiectele pe care le-a selectat.
Notă: Un alt instrument util este opțiunea Align to Pixel Grid, care este în Illustrator CS5. Astfel se vor asigura că formele vor fi exportate din Illustrator cu cele mai clare linii posibile. Pentru a găsi opțiunea Align to Pixel Grid, mergeți la Window> Transform și va fi o casetă de selectare în partea de jos a panoului de transformare.
Selectați Ellipse și mergeți la Object> Path> Cale Offset și în caseta de dialog introduceți -6px. Aceasta va crea o elipsă mai mică. Selectați noua Elipsă și completați-o cu o culoare diferită de obiectul principal, astfel încât să o puteți vedea.
Selectați elipsele mari și dreptunghiurile și în panoul Pathfinder, Opțiune + Faceți clic pe butonul Unite pentru a crea o formă compusă. Îmi place această opțiune deoarece nu combină complet și nu extinde obiectul, oferindu-vă posibilitatea de a schimba mai târziu formele fără a fi nevoie să le re-desenați.
Cu obiectele selectate, trimiteți-le spre spate cu "Command + Shift + Bracket Square Left".
Selectați elipsa mai mică și copiați-o (Command + C) apoi ștergeți-o. Faceți clic pe Forma compusă a formei de mărire și lipiți elipeta inferioară în poziție (Command + F). Selectați atât Ellipsis, cât și Option + Faceți clic pe butonul Exclude pentru a tăia o gaură în elipsă principală. Din nou, pentru că este o formă compusă, este ușor de editat mai târziu.
Acum vom începe să creăm stilul icoanelor. Selectați obiectul pe care lucrați și mergeți la panoul Aspect. Selectați stratul de umplere și faceți clic pe pictograma Efecte din partea de jos a dialogului. Accesați Stylize> Round Corners și introduceți 2px ca Radius, faceți clic pe OK.
Notă: Puteți previzualiza efectul selectând caseta de previzualizare din partea de jos a dialogului cu opțiuni Corner Round. Acest lucru poate fi util dacă nu sunteți sigur de scară.
Efectuați un nou strat de umplere în panoul Aspect (puteți face acest lucru făcând clic pe pictograma din partea de jos a panoului) și selectați orice culoare doriți. Am folosit Blue și am schimbat pictograma principală la White. Reveniți la fila efecte și selectați Conversie la Formă> Elipsă. Acest lucru va crea dinamic un cerc în spatele pictogramei.
Introduceți lățimea și înălțimea dorită pentru a face pictograma. Am selectat 93px pentru ambele, astfel încât să fie câțiva pixeli rămași pe fiecare parte a spațiului pictogramelor de 96px.
Cu stratul albastru de umplere selectat în panoul Aspect și forma principală selectată, reveniți la fila efecte și selectați Distort & Transform> Zig Zag. Vom seta mărimea relativă a Zig Zags la 1% (acest lucru îi va permite să scară cu obiectul), Ridges per Segment la 15 și Punctele pentru a Smooth. Puteți juca în jurul valorii de aceste setări până când aveți o privire care vă place.
Pentru atingerea finală, adăugați un efect subtil de cereale. Din nou, acest lucru este aplicat în meniul Efecte, mergând la Textură> Cereale. Redați cu setările de intensitate și contrast până când găsiți un stil care vă place, am făcut subtil cu patch-uri întunecate, utilizând o intensitate de 12 și un contrast de 64. Setările vor fi diferite în funcție de gradul de întunecare sau lumină a culorii. Faceți clic pe OK și admirați rezultatele.
Notă: Deoarece Grainul este un efect raster, puteți obține niște margini zdrobite. Acest lucru se datorează faptului că setările prestabilite ale Raster Effect sunt setate la 72dpi pentru a salva timpul de redare. Dacă doriți să creșteți rezoluția de vizualizare, puteți face acest lucru accesând Effect> Document Raster Effect Settings. Aș recomanda să faceți acest lucru la sfârșitul unui proiect, deoarece o setare ridicată poate încetini Illustrator.
Luați timp pentru a face unele variante privind stilul și pentru a le testa pe diferite forme și litere. Am realizat câteva ajustări ale temei principale, creând o culoare mai deschisă, cu o altă setare a cerealelor și unele forme pătate, în loc de cercuri pe care le-am aplicat într-un font aldine. Odată ce sunteți mulțumit de rezultate, salvați-le în panoul Stiluri grafice pentru proiecte viitoare. Puteți face acest lucru selectând obiectul și făcând clic pe butonul Stil nou grafic din partea de jos a panoului.
Acolo îl aveți. O modalitate simplă de a face câteva efecte diferite care vă vor ajuta să creați câteva pictograme drăguțe. Acum ați învățat cum pot fi folosite efectele atunci când creați seturi personalizate de pictograme, tot ce aveți nevoie este un set de simboluri și câteva stiluri și puteți face sute de modele diferite. Sper că ți-a plăcut acest tut.
Accentsconagua