Creați o pictogramă pentru agendă de agendă pentru agendă personalizată Mac OSX

Astăzi vă voi arăta cum să creați o pictogramă de înlocuire pentru Mac OSX. Când sunteți începător, este mai bine să începeți cu proiectarea unor pictograme de înlocuire pentru a obține o practică. Să începem să personalizăm icoanele din spațiile noastre de lucru.

Imagine finală a imaginii

Să aruncăm o privire la imaginea pe care o vom crea. 

Introducere

Crearea unei pictograme bune Mac OSX nu este doar o idee sau un design sofisticat, ci și despre reguli. Când veți începe cu proiectarea unei pictograme pentru Mac OSX, există multe lucruri pe care trebuie să le cunoașteți. Mai întâi trebuie să citiți Ghidul Apple pentru interfața umană. Acesta vă oferă o cunoaștere de bază despre filozofia designului de interfață cu utilizatorul Mac OSX. Următorul lucru pe care trebuie să-l luați în considerare este de fapt ceea ce doriți să creați, deci începeți să creați propria noastră pictogramă personalizată pentru aplicația Address Book.

Teoria luminii

Începem cu o mică teorie despre iluminarea icoanelor. Este foarte simplu să o înțelegi. Există două surse de lumină - lumina soarelui ca o sursă puternică de lumină și o reflectare a mediului ca o sursă de lumină moale.

Pasul 1

Creați un document nou, care este de 1024 pixeli până la 1024 de pixeli. Pentru a defini un dreptunghi de 512 x 512 pixeli (versiunea standard a pictogramei Leopard), adăugați patru ghiduri (View> New Guide).

Pasul 2

Creați un nou strat și adăugați un dreptunghi rotunjit (cu un diametru de 20px) ca strat de formă. Aceasta va fi forma principală a cărții. Aș dori să am o carte roșie, deci voi alege o culoare roșie ca culoare de umplere. Să numim acest strat "Cover Cover".

Pasul 3

Cartile sau lucrarile din icoanele Mac OSX au o perspectiva specifica, vezi imaginea de mai jos.

Pasul 4

Luați Instrumentul de selecție directă (A) și selectați două puncte de colț (întotdeauna două). Apoi aliniați-le la ghizii (apoi ascundeți ghidajele). Copiați încă o dată layerul "Cover Cover" și redenumiți-l la "Hârtie". Vom folosi acest strat mai târziu, ascunzându-l acum.

Pasul 5

Faceți dublu clic pe "Cover Cover" pentru a afișa fereastra Style Stress și pentru a aplica toate setările de mai jos. Nu uitați să bifați Straturi amestecate în grup ca opțiuni de amestecare.

Pasul 6

Creați un nou strat, apăsați Command + Alt + G pentru a schimba stratul într-o mască de tăiere. Selectați instrumentul Pen (P) și faceți o linie largă de culoare închisă în partea stângă. Hai să numim pur și simplu "Black Binding", deoarece albastrul închis seamănă cu o culoare neagră.

Pasul 7

Aplicați aceste setări pe "Negru de legare."

Pasul 8

Adăugați alte două măști de tăiere în forma cărții. Aceste măști trebuie să se afle sub stratul "Neagră Neagră". Completați primul cu negru. Apoi, mergeți la Filtrare> Zgomot> Adăugați zgomot (aplicați o sumă de 75% și setați Distribuția la uniformă). De asemenea, schimbați modul Blending la Overlay și setați opacitatea la 7%. În cea de-a doua mască de tăiere, aplicați filtrul de hârtie pentru note (cu echilibrul imaginii de 20, gradul de granulare de 15 și relieful de 10). Schimbați modul de amestecare la Overlay și setați opacitatea la 3%.

Pasul 9

Să adăugăm câteva modele la "Neagră Neagră". Creați încă două măști de tăiere, de data aceasta trebuie să se afle deasupra stratului "Neagră neagră", desigur. Acum trebuie să facem o selecție a "Legăturii Negre". Așadar, țineți apăsată tasta Command și faceți clic pe masca vectorială a opțiunii "Black Binding." Completați selecția cu o culoare neagră și aplicați filtrul de stilou grafic cu setările de mai jos.

Pasul 10

Faceți clic pe Extracție (Command + Alt + X) și extrageți aproximativ jumătate din benzi negre din culoarea albă.

Pasul 11

Schimbați modul de amestecare al acestui strat la Overlay și setați opacitatea la 10%.

Pasul 12

Acum vom repeta ceva din pașii anteriori. Alegeți cea de-a doua mască de tăiere, pe care am creat-o în pasul 9. Efectuați aceiași pași ca în Pasul 9, dar fără a aplica filtrul de stilou grafic. Vom folosi filtrul de hârtie Notă ca la pasul 8, cu aceleași setări (Image Balance - 20, Graininess - 15, Relief - 10). Și din nou, schimbați modul de amestecare la Overlay și de această dată, lăsați Opacity pe 100%.

Pasul 13

Ultimul lucru pe care trebuie să-l facem pentru "Black Binding" (și pe coperta cărții) este să adăugați niște zgârieturi vizibile. Creați un nou strat mai presus de toate măștile de tăiere "Capac de carte". Selectați instrumentul perie și o pensulă de primăvară (puteți găsi în perii asortate).

Luați o culoare neagră, apoi faceți o selecție a opțiunii "Black Binding" (Command + click pe masca vectorială) și faceți clic de mai multe ori spre marginea din dreapta a selecției. La sfârșit, creați un nou grup, numiți-l "Cover Cover". Mutați toate straturile pe care le foloseam pentru a desena cartea de carte acolo.

Pasul 14

Deci, să adăugăm o înapoi în cartea noastră. Copiați grupul "Fața frontală", redenumiți-l la "Capacul din spate" și mutați-l sub grupul "Capacul frontal".

Pasul 15

"Capacul din spate" este aproape similar cu "Capacul frontal". Trebuie să ascundem doar două efecte de strat. Prima este o Shadow Drop a formei principale a cărții, iar cea de-a doua este o formă Bevel și Emboss a formei "Neagră Neagră".

Pasul 16

Acum este momentul să folosiți stratul "Hârtie" de la pasul 4. Deci, dezvăluiți acest strat și apucați Instrumentul de selecție directă. Ceea ce vom face acum este să diminuăm stratul "Hârtie". Dar după cum puteți vedea, nu vom folosi Transformarea deoarece trebuie să păstrăm colțurile rotunjite ale hârtiei pe aceeași rază ca și colțurile acoperirii cărții. Dacă scarăm cu Transformarea, raza colțurilor se măsoară și ea. Selectați întotdeauna două puncte de colț și deplasați-le puțin mai aproape de colțul următor. În sfârșit, modificați culoarea de umplere la alb.

Pasul 17

Aplicați aceste setări pe stratul "Hârtie".

Pasul 18

Pentru a crea cinci lucrări, copiați stratul Hârtie de patru ori. După aceea, plasați-le după cum se arată mai jos.

Pasul 19

Creați un grup nou, numiți-l "Documente" și mutați toate lucrările la acest grup. Plasați acest grup sub grupul "Capacul frontal" și peste grupul "Capacul din spate".

Pasul 20

Ceva încă lipsește? Inele, desigur. Asa ca sa le facem. Mai întâi, creați o elipsă cu instrumentul Ellipse (U).

Pasul 21

Reduceți o altă elipsă în interiorul primei elipse utilizând instrumentul Ellipse (U) în modul Subtract (-).

Pasul 22

Scoateți partea ascunsă a formei inelului utilizând Instrumentul Pen (P) în modul Subtract (-). Denumiți acest strat "Inel".

Pasul 23

Aplicați aceste setări pe "Inel."

Pasul 24

Pentru a crea o mică reflecție a culorii roșii, duplicați "Inelul", ștergeți stilurile de strat și aplicați aceste proprietăți.

Pasul 25

Adăugați un strat nou, denumiți-l "Shadow Ring", apoi mergeți la Layer> Vector Mask> Reveal All. Faceți clic pe masca vectorială a "Inelului" și copiați calea spre stratul "Ring Shadow". Selectați acest strat și utilizați o perie moale de culoare neagră 100px cu opacitate 20% pentru a adăuga o culoare neagră la capetele "inelului".

Pasul 26

Creați un "Ring Eye" cu instrumentul Ellipse (U).

Pasul 27

Aplicați aceste setări de strat pe "Ring Eye".

Pasul 28

Adăugați un nou strat sub "Ring" și pe "Ring Eye". Creați o selecție a opțiunii "Negru de legare". Luați o pensulă neagră de 50px cu 30% opacitate și pictați o umbră sub "Inel".

Pasul 29

După cum puteți vedea, este necesar să fixați marginea "inelului". Creați un strat nou peste toate măștile de decupare "Ring" și fixați-l cu o perie neagră mică.

Pasul 30

Creați un nou grup, denumiți-l "Straturi de apel" și puneți toate straturile "Ring" acolo. Apoi copiați acest grup și mutați-l. Umbra de sub cel de-al doilea "inel" ar trebui să fie puțin diferită, așa că o rotiți cu câteva grade mai aproape de "inel". Pentru a obține cinci sunete, repetați acest pas încă de trei ori (fără a crea un grup nou deși).

Pasul 31

Selectați instrumentul Pen (P) și formați o pliantă, ca în imaginea de mai jos.

Pasul 32

Aplicați următoarele proprietăți pe "Fold".

Pasul 33

Duplicați "Pliați" de patru ori.

Pasul 34

Bine, să adăugăm o umbră cărții. Nu voi transforma și nu va schimba forma cărții, ci folosesc doar instrumentul perie (B) și instrumentul de ștergere (E). Cred că acest lucru poate fi mai greu pentru dvs., dar sper că dacă veți face tot ce este mai bun, rezultatul va fi mai real. Puteți juca, de asemenea, cu opacitatea acestui strat, un lucru important este faptul că umbra nu ar trebui să fie prea puternică și întunecată (un fundal plin ne ajută cu asta).

Pasul 35

Acum am făcut cartea. Puteți să o utilizați ca pictogramă de înlocuire pentru multe aplicații, dar dacă dorim să o folosim ca Adresă, ar trebui să adăugăm încă un detaliu. Va fi un semn ca la pictograma originală. Deci, alegeți fontul preferat (Îmi place Myriad Pro), setați dimensiunea fontului la 250pt și tastați caracterul "@".

Pasul 36

Apoi rotiți semnul la aproximativ 10 ° spre stânga ...

Pasul 37

... și aplicați aceste setări.

Pasul 38

Copiați semnul, mutați-l cu câțiva pixeli în sus și cu câțiva pixeli drept. Ștergeți stilul stratului, modificați culoarea în alb și aplicați noile setări. Nu uitați să setați opacitatea la 80%.

Concluzie

Sper că acest tutorial este util pentru dvs. ca un punct de pornire în crearea pictogramelor în stilul Mac OSX. Dacă nu, puteți descărca această pictogramă pentru Mac OSX gratuit, sub licența CC, și ca un mic bonus. Am adăugat și alte două versiuni color: verde și negru. Pentru a descărca această pictogramă, faceți clic pe imaginea de mai jos. Iată un articol care descrie modul de instalare a pictogramelor personalizate Mac OSX.