Share
Aflați cum să creați o pictogramă calendaristică în Adobe Illustrator. Acest tutorial acoperă procesul pas cu pas de proiectare a acestei pictograme vectoriale în Illustrator utilizând instrumente cum ar fi: instrumente de construire a formei, perii, un script de colț rotunjit și culori gradient multiple. Această pictogramă de calendar poate fi utilizată în următorul design sau site web pe care îl construiți.
Creați un document RGB de 600 x 600 pixeli. Mai întâi, activați Grid (Vizualizare> Grilă) și Glisați în Grilă (Vizualizare> Glisați la Grilă). Apoi, veți avea nevoie de o rețea la fiecare 10 pixeli. Accesați Edit> Preferences> Guides & Grid, introduceți 10 în caseta Gridline în fiecare casetă și 1 în caseta Subdiviziuni.
De asemenea, puteți deschide panoul Informații (fereastră> Info) pentru o previzualizare live cu dimensiunea și poziția formelor. Nu uitați să înlocuiți unitatea de măsură pixelilor din Editare> Preferințe> Unitate> Generalități. Toate aceste opțiuni vor crește semnificativ viteza de lucru.
Alegeți instrumentul Rectangle (M) și creați o formă de 350 x 50 pixeli. Umpleți-l cu gradientul liniar prezentat mai jos și adăugați un curs de 0,75pt. Setați culoarea la R = 255, G = 255, B = 250. Apoi, trebuie să adăugați o anumită rotunjime pentru această formă. Scenariul Round Any Corner va fi la îndemână. Îl puteți găsi în articolul Vectortuts + 20 de scripturi gratuite și utile Adobe Illustrator.
Salvați-l pe hard disk și apucați Instrumentul de selecție directă (A). Selectați punctele de top de ancorare (evidențiate în prima imagine) și accesați File> Scripts> Other Script. Deschideți Scriptul Round Any Corner, introduceți un Radius de 5px și faceți clic pe OK. În final, forma ta ar trebui să arate ca cea de-a doua imagine afișată.
Dezactivați Snap to Grid (Vizualizare> Snap la Grid), mergeți la Edit> Preferences> General și introduceți 1 în caseta Increment Keyboard. Resetați forma creată în etapa anterioară și accesați Obiect> Cale> Cale de decalare. Introduceți un decalaj -1px și faceți clic pe OK.
Selectați forma rezultată și faceți o copie în față (Command + C> Command + F). Selectați această copie și apăsați o dată pe săgeată în jos. Resetați aceste două forme proaspete și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 238, G = 208, B = 157.
Activați din nou funcția Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul Rectangle și creați un pătrat de 50 x 50px. Umpleți-l cu R = 238, G = 208, B = 157. Acum, plasați-o așa cum se arată în prima imagine și mergeți la Efect> Distort & Transform> Transform. Introduceți 6 în caseta de copii și trageți glisorul Move-Horizontal la 50%.
Faceți clic pe OK și reveniți la Efect> Distort & Transformare> Transformați. De data aceasta introduceți 4 în caseta de copii și trageți glisorul Move-Vertical la 50%. Faceți clic pe OK și mergeți la Object> Expand Appearance. Accesați panoul Straturi și veți găsi un grup cu treizeci de pătrate.
Selectați grupul creat în etapa anterioară și apăsați Shift + Command + G de trei ori. Aceasta va dezgrupa pătratele. Selectați cele cinci pătrate din a doua imagine, grupați-le (Command + G) și completați-le cu gradientul liniar prezentat mai jos.
Selectați restul pătratelor, grupați-le și completați-le cu gradientul liniar prezentat mai jos.
Să ne concentrăm asupra păturilor de jos, stânga și dreapta. Din nou, veți avea nevoie de scriptul Round Any Corner. Alegeți Instrumentul de selecție directă (A), selectați cele două puncte de ancorare evidențiate în prima imagine și mergeți la File> Scripts> Other Script. Deschideți Scriptul Round Any Corner, introduceți un Radius de 5px și faceți clic pe OK. În final, formele ar trebui să arate ca a doua imagine.
Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Selectați toate formele create până acum și faceți o copie înapoi (Command + C> Command + B). Selectați aceste copii, faceți clic pe butonul Unite și completați forma rezultată cu R = 207, G = 200, B = 176. Deplasați această copie 2px în jos, apoi faceți o copie înapoi (Command + C> Command + B).
Selectați această copie nouă și mutați-o cu trei pixeli în jos. Umpleți-l cu R = 181, G = 174, B = 138. Acum du-te la Efect> Stylize> Drop Shadow. Introduceți datele afișate în imaginea finală și faceți clic pe OK.
Concentrați-vă pe partea stângă sus. Selectați-l și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de sus și apăsați de două ori săgeata în jos și săgeata dreapta. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb.
Selectați forma creată în etapa anterioară și accesați Efect> Distort & Transformare> Transformare. Introduceți 6 în caseta de copii și trageți glisorul Mutare-Orizonală la 50%. Faceți clic pe OK și reveniți la Efect> Distort & Transformare> Transformați. De data aceasta introduceți 4 în caseta de copiere, glisați glisorul Move-Vertical la 50% și faceți clic pe OK.
Activați din nou funcția Snap to Grid. Apoi, trebuie să mascați forma editată în pasul anterior. Alegeți instrumentul Rectangle (M) și creați o formă de 350 x 250 pixeli. Umpleți-l cu alb și plasați-l așa cum se arată în prima imagine. Clipul la rețea vă va ușura munca aici. Alegeți Instrumentul de selecție directă (A), selectați punctele de ancorare de jos ale acestei forme albe și accesați fila> Scripturi> Alte scenarii.
Deschideți Scriptul Round Any Corner, introduceți un Radius de 5px și faceți clic pe OK. În final, formele ar trebui să arate ca a doua imagine. Resetați forma albă, împreună cu forma editată în pasul anterior, și mergeți la panoul Transparență. Deschideți meniul derulant și faceți clic pe Make Opacity Mask.
Alegeți instrumentul Rectangle (M), creați o formă de 50 x 50px și plasați-o după cum se arată în imaginea următoare. Umpleți-l cu gradientul liniar prezentat mai jos și adăugați un curs alb. Accesați panoul Aspect și selectați acest curs. Asigurați-l 2pt lățime, aliniați-l spre interior și reduceți opacitatea la 30%.
Alegeți instrumentul Rectangular Grid și faceți clic pe tabloul de bord. O fereastră nouă ar trebui să se deschidă. Introduceți datele afișate mai jos și faceți clic pe OK. Acest lucru va crea o rețea grea. Adăugați un curs de 0,75pt pentru această rețea și setați culoarea la R = 169, G = 124, B = 80. Acum, plasați-o așa cum se arată în imaginea următoare.
Concentrați-vă pe partea de jos a grilajului. Prindeți Instrumentul de selecție directă (A), selectați punctele de ancorare de fund (evidențiate în prima imagine) și mergeți la File> Scripts> Other Script. Deschideți Scriptul Round Any Corner, introduceți un Radius de 5px și faceți clic pe OK.
Dezactivați modul Snap to Grid. Alegeți instrumentul tip (T), faceți clic pe tabloul de bord și introduceți "16." Utilizați fontul Calibri cu o dimensiune de 23pt. Setați culoarea la R = 65, G = 64, B = 66. Acum du-te la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos și faceți clic pe OK.
Acum, selectați acest text mic, împreună cu pătratul portocaliu și Comutați la Instrumentul de selecție (V). Faceți clic pe marginea pătratului (trebuie accentuat) și treceți la panoul Aliniere. Faceți clic pe Centrul de aliniere orizontală și pe butoanele Centrul de aliniere verticală. În cele din urmă, textul dvs. trebuie centrat după cum se arată în a treia imagine.
Resetați Instrumentul Tip (T) și adăugați restul textului. Dimensiunea textului pentru abrevierile de luni ar trebui să fie 20pt. Adăugați același efect de umbră pentru toate textele.
Accesați panoul Perii (Fereastră> Pensule), deschideți meniul derulant și mergeți la Open Brush Library> Artistic> Artistic_Calligraphic. O fereastră nouă cu un set de perii încorporate trebuie să se deschidă. Selectați peria de oțel 10pt, alegeți instrumentul perie și desenați niște pixuri X, după cum se arată. Setați culoarea pentru aceste căi la R = 190, G = 30, B = 45.
Activați din nou funcția Snap to Grid. Alegeți instrumentul Rectangle (M), creați o formă de 370 x 380 pixeli și completați-l cu R = 35, G = 31, B = 32. Așezați-o după cum se arată în imaginea următoare, trimiteți-l înapoi (Shift + Command + Stânga) și mergeți la Effect> Stylize> Rounded Corners. Introduceți o rază de 5px, faceți clic pe OK și mergeți la Object> Expand Appearance.
Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Resetați forma creată în etapa anterioară și accesați Obiect> Cale> Cale de decalare. Introduceți un decalaj -1px și faceți clic pe OK. Selectați forma rezultată și faceți o copie în față (Command + C> Command + F).
Selectați această copie și apăsați o dată pe săgeată în jos. Resetați ambele forme și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb și reduceți Opacitatea la 30%.
Activați din nou funcția Snap to Grid. Alegeți instrumentul Ellipse (L), creați o formă de 20 x 20px și umpleți-o cu R = 35, G = 31, B = 32. Accesați panoul Aspect, selectați umplerea existentă și faceți clic pe butonul Duplicare element selectat din partea de jos a panoului Aspect. Evident, aceasta va crea o copie a umplerii selectate.
Selectați această umplere nouă și setați culoarea la R = 128, G = 130, B = 133. Acum mergeți la Effect> Warp> Shell Lower. Trageți cursorul Bend a -100%, faceți clic pe OK, apoi treceți la Efect> Distort & Transformare> Transformare. Introduceți datele afișate mai jos și faceți clic pe OK.
Reveniți la panoul Aspect, asigurați-vă că forma dvs. este încă selectată și adăugați un curs. Faceți-l negru, lat 2pt și aliniați-l spre exterior. Faceți o copie a acestei curse, lățimea de 1pt și setați culoarea la R = 128, G = 130, B = 133. Resetați întreaga cale și mergeți la Efect> Stylize> Drop Shadow. Încă o dată, introduceți datele afișate mai jos și faceți clic pe OK.
Selectați forma realizată în etapa anterioară și duplicați-o. Deplasați această copie spre dreapta, după cum se arată în a doua imagine. Apoi, trebuie să faceți unele modificări pentru această copie. Selectați-l și mergeți la panoul Aspect.
Deschideți efectul Transform și înlocuiți numerele existente cu cele afișate în imaginea următoare. Faceți clic pe OK și apoi deschideți efectul Warp. Înlocuiți efectul Shell Lower cu un efect Shell Upper și faceți clic pe OK. În final, copia dvs. ar trebui să arate ca a treia imagine afișată.
Selectați dreptunghiul întunecat, faceți o copie în față (Command + C> Command + F) și apucați instrumentul Ellipse (L). Creați o formă de 450 x 90px și plasați-o după cum se arată în prima imagine. Selectați acest cerc stins, împreună cu copia dreptunghiului și faceți clic pe butonul Minus Front din panoul Pathfinder.
Acest lucru va crea un grup cu două forme simple. Îndepărtați forma de fund, dezagregați (Shift + Command + G) forma rămasă și aduceți-o în față (tasta Shift + Command + Bracket dreapta). Umpleți-l cu gradientul liniar prezentat în imaginea finală și micșorați opacitatea la 15%. Zero galben din imaginea gradientului reprezintă procentajul de opacitate.
Dezactivați modul Snap to Grid. Resetați Instrumentul Tip (T), faceți clic pe tabloul de bord și introduceți "septembrie 2011." Plasați acest text după cum se arată mai jos și utilizați fontul Calibri cu dimensiunea de 23pt. Setați culoarea la R = 65, G = 64, B = 66. Acum du-te la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos și faceți clic pe OK.
Resetați dreptunghiul întunecat și creați o copie în spate (Command + C> Command + B). Mutați-l cu 5px în jos, micșorați Opacitatea la 30% și mergeți la Efect> Blur> Gaussian Blur. Introduceți o rază de 10 pixeli și faceți clic pe OK.
Resetați dreptunghiul întunecat și treceți la panoul Aspect. Adăugați un al doilea umplere pentru această formă, micșorați opacitatea la 40% și utilizați gradientul radial prezentat în imaginea următoare. Nu uitați că zero-ul galben din imaginea gradientului reprezintă procentajul de opacitate. Adăugați un accident vascular cerebral neagră, lățimea 2pt și aliniați-l spre exterior.
Adăugați un al doilea curs, lățimea 1pt, aliniați-o spre exterior și setați culoarea la R = 147, G = 149, B = 152. În cele din urmă, reselectați întreaga cale și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos și faceți clic pe OK.
Acum, să adăugăm un set diferit de culori pentru cadru. Începeți cu forma subțire, lungă. Selectați-l și înlocuiți-l cu R = 125, G = 143, B = 81. Acum ridica Opacitatea la 70%. Acum treceți la butoanele săgeată. Selectați-le, accesați panoul Aspect și înlocuiți culorile existente cu cele afișate în imaginea următoare.
Selectați cadrul întunecat și mergeți la panoul Aspect. Mai întâi, înlocuiți culorile plane cu culorile prezentate în imaginea următoare. Apoi, selectați umplutura cu gradient. Ridicați opacitatea la 100%, schimbați modul de amestecare la Overlay și înlocuiți gradientul existent cu cel prezentat mai jos.
Iată culorile pe care va trebui să le folosiți dacă preferați un cadru maroniu. În primul rând, culorile pentru butoanele săgeată și forma subțire, lungă.
Apoi, culorile pentru cadrul mare.
În cele din urmă, fundalul. Alegeți instrumentul dreptunghiului (M) și creați o formă a dimensiunii tabloului de bord. Umpleți-l cu gradientul liniar prezentat mai jos, apoi mergeți la panoul Aspect și adăugați un al doilea umplutură. Pentru această umplere nouă veți avea nevoie de un model încorporat. Du-te la panoul Swatches, deschideți meniul flyout și mergeți la Open Swatch Library> Modele> Grafică de bază> Basic Graphics_Textures.
O fereastră nouă cu un set de modele încorporate ar trebui să se deschidă. Reveniți la panoul Aspect, selectați cea de-a doua umplere și faceți clic pe modelul USGS 19 Inundarea terenului. Acum că ați adăugat modelul pentru umplerea dvs., reduceți opacitatea la 35%. Resetați prima umplere și mergeți la Efect> Stylize> Glow Inner. Introduceți datele afișate mai jos, faceți clic pe OK și ați terminat.
Pictograma finală este mai jos, cu mai multe opțiuni de culoare afișate.
Accentsconagua