Cum se creează o pictogramă personalizată

În acest tutorial vom crea o pictogramă elegantă de jurnal personal utilizând Illustrator CS4. Gradientul se află în centrul acestui tutorial și vom fi atenți la acesta în detaliu. Veți învăța, de asemenea, cum să utilizați masca de opacitate pentru a crea reflecții de picături și umbre.


Pasul 1

Creați un nou document Web de 1024 x 768 pixeli. Desenați un dreptunghi 360px-550px cu colțuri rotunjite de 10px. Acesta va fi capitolul principal al jurnalului. Cu dreptunghiul selectat, deschideți panoul de gradienți (Control + F9). Faceți clic pe gradientul de tonuri de gri implicite. Dreptunghiul tău va fi umplut cu alb-negru implicit. Faceți dublu clic pe specimenul alb din glisorul pentru gradient, iar panoul color se va deschide. Faceți clic pe opțiunea de panou (în colțul din dreapta sus al panoului) și alegeți RGB din listă. K glisorul în panoul de culoare va fi înlocuit cu glisoare RGB. Atribuiți culoarea R = 96, G = 56, B = 19.


Pasul 2

Țineți glisorul negru neschimbat. Adăugați un cursor în mijlocul gradientului făcând clic oriunde între cele două glisoare de pe banda de culoare. Schimbați culoarea la R = 42, G = 18, B = 0, setați locația la 81,6%, schimbați tipul la radial. Setați raportul de aspect la 178.86.


Pasul 3

Pentru a crea o clapetă pentru jurnal, creați un dreptunghi rotunjit (130px cu 633px și o rază de colț de 10px). Desenați dreptunghiul din dreapta primului dreptunghi. Umpleți gradientul cu următorii parametri, (Consultați Sfârșitul etapei.) 1. Glisorul R = 0 G = 0 B = 0. Locație 0. Al doilea cursor R = 42 G = 18 B = 0. Locație 18,3%. Al treilea cursor R = 142 G = 88 B = 43. Locația este de 68,8%. Al patrulea cursor R = 165 G = 113 B = 54. Locație 86,2%. Al 5-lea cursor R = 96 G = 56 B = 19. Locație 100%. Tip = liniar. Unghiul = 0, raportul aspect = 4. Cu dreptunghiul încă selectat aplicați efectul warp, Effects> Warp> Arc upper. Aplicați următoarele setări a. Stil = arc superior b. Vertical c. Bend = 22%. Asigurați-vă că conturul este setat la zero.


Pasul 4

Aplicați efectul warp la dreptunghiul clapei. Alegeți Efecte> urzeală> arc superior. Atribuiți următoarele setări - a. Stil = arc superior b. Vertical c. Bend = 16%. Asigurați-vă că conturul este setat la zero.


Pasul 5

Creați un dreptunghi rotunjit de 136 x 550 px. Aceasta va face umbra clapetei. Aplicați efectul verticale verticale superioare de curbare cu curbele setate la 5%. Trimiteți-l în spatele dreptunghiului cu clapeta folosind Control + Stânga Suport pătrat. Atribuiți culoarea R = 27, G = 14, B = 18. Mutați câteva pixeli în stânga.


Pasul 6

Creați un dreptunghi 92px-36px. Atribuiți următorul gradient.


Pasul 7

Creați un alt dreptunghi 86 px pe 30 de pixeli. Atribuiți următorul gradient.


Pasul 8

Creați un dreptunghi de 43 x 30 pixeli, ar trebui să fie aproximativ jumătate din dimensiunea dreptunghiului anterior.


Pasul 9

Pentru a crea un buton de blocare, trageți o elipsă și alocați următorul gradient.


Pasul 10

Creați o altă elipsă și plasați-o sub elipsă anterioară. Atribuiți următoarea culoare.


Pasul 11

Creați o copie a bazei de blocare și trimiteți copia sub baza de blocare. Atribuiți culoarea R = 59, G = 35, B = 20.


Pasul 12

Pentru a realiza cureaua, creați un dreptunghi de 186 x 23 pixeli pe capacul principal. Atribuiți următorul gradient la un unghi de 180 de grade.


Pasul 13

Creați un dreptunghi și puneți-l sub curea, aceasta va fi umbra. Colorați cureaua R = 27, G = 14, G = 10. Schimbați opacitatea (situată în panoul de transparență) la 50%, modul de amestecare = Multiplicare. Trimiteți-l în spatele curelei.


Pasul 14

Partea din stânga a curelei este gata, pentru a crea cureaua potrivită, pentru a realiza un dreptunghi de 72 x 23 pixeli. Așezați dreptunghiul în dreapta cârligului. Păstrați dreptunghiul selectat, luați instrumentul pentru picături pentru ochi (I) din bara de instrumente. Faceți clic pe clapetă folosind instrumentul pentru picături pentru ochi. Aceasta va ridica gradientul din curea. Dreptunghiul curelei drepte va fi umplut cu un gradient similar. Din panoul gradient, schimbați unghiul la 0.


Pasul 15

Creați un dreptunghi de 71 x 40 pixeli. Trimiteți-l în spatele dreptunghiului anterior și alocați R = 27 G = 14 B = 10. Schimbați opacitatea la 50% Mod amestecare = Multiplicați.


Pasul 16

Am creat designul jurnalului. În această secțiune vom crea fire pentru aceasta. Selectați dreptunghiul paginii de copertă. Selectați Obiect> Cale> Cale de decalare. Setați următoarele valori Offset = -10px. Din panoul de cursă alegeți greutatea = 1pt, activați linia întreruptă, setați valoarea bordului la 7pts, culoare = R = 198, G = 156, B = 109. În mod similar, creați filetare pentru dreptunghiul cu aceleași parametri.


Pasul 17

Adăugați textul "Diary Personal 2010" (sau ce vreți să vă fie). Modificați culoarea la R = 242 G = 179 B = 27.


Pasul 18

Creați o copie a textului și trimiteți-o în spatele documentului original. Alocați R = 23 G = 15 B = 11. Mutați câțiva pixeli în stânga sus.


Pasul 19

Creați o altă copie și trimiteți-o în spatele primului text, dar deasupra umbrei. Mutați câteva pixeli în partea dreaptă jos.


Pasul 20

Acum vom aranja compoziția și vom reflecta. Creați un dreptunghi de dimensiunea tabloului de bord. Atribuiți un gradient radial cu următorii parametri. Glisorul 1 = R = 33 B = 33 G = 33. Trimiteți-l în spate utilizând Control + Shift + Bracket pătrate stânga.


Pasul 21

Crearea reflecției. Selectați jurnalul și toate componentele acestuia. Grupați jurnalul utilizând Control + G. Creați o copie, plasați-o sub jurnal și reflectați-o orizontal utilizând Object> Transform> Reflect.


Pasul 22

Utilizați instrumentul dreptunghi pentru a crea un dreptunghi peste jurnalul copiat, umpleți cu un gradient liniar alb-negru, cu culoarea albă deasupra. Faceți dreptunghiul mai mic decât jurnalul.


Pasul 23

Deschideți panoul de transparență (Shift + Control + F10). Selectați jurnalul și dreptunghiul. Faceți clic pe pictograma opțiuni de pe panoul de transparență, selectați Crează opacitate mască. Fiind un gradient alb și negru, dreptunghiul acționează ca o mască, zona sub alb este revelată și zona sub negru devine ascunsă, zona gri se estompează.


Pasul 24

Creați un cerc și completați-l cu un gradient radial alb-negru.


Pasul 25

Utilizând instrumentul de transformare liberă, scalați gradientul.


Pasul 26

Modificați modul de amestecare la Multiplicare.


Pasul 27

Trimiteți umbra din spatele jurnalului, dar păstrați-l deasupra reflecției.


Concluzie

Aceasta completează pictograma. Pentru a continua acest tutorial, puteți încerca să creați o pictogramă creion sau creion care să însoțească creația dvs. sau puteți încerca pur și simplu să recreați pictograma cu culori diferite pentru a crea un set. se bucura.