10 sfaturi utile pentru a crea propriile icoane cool cu ​​Photoshop

Există un număr mare de seturi gratuite de pictograme online, dar dacă doriți să călătoriți dincolo de o utilizare particulară, există și o serie de probleme legate de acestea. Licențele și lipsa branding-ului sunt doar două dintre ele.

Chiar dacă nu sunteți un dezvoltator de software, învățarea să vă creați propriile icoane reprezintă o abilitate extraordinară de utilă. Puteți oferi computerului dvs. o piele unică sau puteți oferi serviciile dvs. comunității și lumii corporațiilor.

Acest lucru nu este în nici un caz un tutorial de design icoan complet. Tocmai am început să vă începeți cu elementele de bază rudimentare - tehnicile, o listă de verificare a designului și un set de instrumente pentru proiectarea icoanelor.

Icon Tehnici

Mai jos sunt câteva specificații pe care trebuie să le cunoașteți în ceea ce privește formatul pictogramelor, cel mai important fiind rezoluțiile imaginilor și formatele de fișiere.

mărimea

Importanța mărimii este discutată mai jos. Deocamdată, vom respecta aspectele tehnice.

Icoanele sunt întotdeauna pătrate. Aceasta înseamnă că o pictogramă dreptunghiulară va fi fie întinsă, fie dimensionată în jos pentru a umple întreaga pânză sau a se potrivi în ea. În orice caz, icoanele foarte dreptunghiulare se evidențiază într-un mod rău. Următoarele dimensiuni ale icoanelor sunt cele mai frecvente în utilizare:

• • • 16 x 16 px * **
    • 24 x 24 px
    • 32 x 32 px * **
    • 48 x 48 px * **
    • 64 x 64 px
    • 96 x 96 px
    • 128 x 128 px **
    • 256 x 256 px **
    • 512 x 512 px **

Windows XP recomandă utilizarea rezoluțiilor 16 x 16, 32 x 32 sau 48 x 48 *. Dacă nu sunt disponibile, acesta va redimensiona pictograma care este cea mai apropiată de rezoluție, până la 256 x 256. Cu rezoluțiile desktop crescând tot mai mult, este recomandat să includeți întotdeauna rezoluții mai mari. Formatul Apple ICNS acceptă dimensiuni de 16 x 16, 32 x 32, 48 x 48, 128 x 128, 256 x 256 și chiar 512 x 512 **.

Tipul fisierului

Pentru Windows, cel mai frecvent utilizat format de fișier pentru distribuția de pictograme este ICO. Componenta Mac este ICNS (Apple Icon Image Format).

Lista de verificare a designului de pictograme

Nu există un tutorial pentru a proiecta pictograma perfectă, din când în când. Diferitele teme și modele necesită abordări diferite, iar "tendința actuală" se află într-o stare de flux constant. Mai jos sunt trei piloni majori ai creării de icoane care s-au dovedit din când în când. Dacă sunteți nou la proiectarea icoanelor, asigurați-vă că păstrați în permanență lista de verificare a icoanelor.

absolut

Mai presus de toate, icoanele trebuie să fie inconfundabile. Relația cu cererea dvs. trebuie să fie evidentă pentru toți, în timp, cultura și diferențele de vârstă. Luptați-vă de tentația de a crea icoane sclipitoare care nu au nici o relevanță și de a păstra un design simplu, solid și evident.

Nu vedeți acest lucru ca un obstacol pentru creativitatea voastră; icoanele pot fi frumoase și provocatoare, dar nu ar trebui să fie deschise pentru interpretare (citiți: presupuneri la sfârșitul utilizatorului).

Uniformitate

Dacă proiectați un set de pictograme, păstrați uniformitatea designului.

Asigurați-vă că aveți un fir comun care interconectează aceste pictograme și arată sinergia utilizatorilor; întregul trebuie să fie mai mare decât suma părților.

mărimea

Icoanele sunt întotdeauna create în mai multe dimensiuni. Acest lucru afectează designul în mai multe moduri decât unul.

Pentru început, icoanele trebuie să arate bine și să fie recunoscute indiferent de dimensiune. Reduceți contrastul în jurul părților laterale pentru a evita marginile zimțate și pentru a obține detalii importante pentru a vă păstra focalizarea în cea mai mică implementare a pictogramei.

La nivel tehnic, icoanele sunt cel mai bine proiectate folosind vectori, imagini compuse din forme scalabile fără sfârșit, mai degrabă decât o compoziție fixă ​​de pixeli. Cu toate acestea, dacă rezoluția dvs. este suficient de mare, bitmap-urile vor face la fel de bine.

Setul de instrumente Icon Design Tools

Photoshop este o aplicație excelentă pentru a proiecta icoane. Aveți (aproape) toate instrumentele de care aveți nevoie pentru a crea grafice vectoriale sau pentru a manipula bitmapuri și pentru a aplica efecte complexe și umbrire. Cel mai important lucru vor fi următoarele instrumente:

Instrumentul Pen

Instrumentul Pen vă permite să creați grafică vectorială scalabilă. Puteți desena o formă prin crearea de noduri și trageți pentru a regla curba liniei. Este mai greu de folosit decât pare, dar probabil cel mai bun instrument de alegere. Am scris despre instrumentul stilou în trecut, citiți Photoshop Pathing: Cum să utilizați instrumentul Photoshop Pen Cum să utilizați instrumentul Photoshop Pen Cum să utilizați instrumentul Photoshop Pen Citiți mai multe .

Formatul fișierului ICO Plug-In

Acest plug-in Photoshop adaugă formatul fișierului ICO la setările de export. Metoda de instalare depinde de versiunea dvs. de sistem de operare și de versiunea Photoshop, deci asigurați-vă că ați verificat site-ul Web.

Apple Icon Compozitor

Din păcate, nu există un astfel de instrument pentru formatul de fișier ICNS al Apple. Acest instrument gratuit are grijă de problemă. Acesta vine cu pachetul Apple Xcode, pe care îl puteți descărca după un proces de înscriere (plictisitor). Sau puteți să descărcați Google.

Hongkiat: 40+ Hand-Picked Icon Design Photoshop Tutoriale

Design blog Hongkiat.com a compilat o listă de peste 40 de tutoriale diferite de design iconic Photoshop. Această listă acoperă toate tipurile de icoane și mai multe grade de dificultate. Răsfoiți lista pentru inspirație și extrapolați tehnicile utilizate pentru realizarea propriilor desene sau modele.

Styles de strat

Stilul de straturi încorporat al Photoshop-ului este o modalitate foarte bună de a pune ultima atingere icoanelor. Deschideți panoul de stil al stratului, făcând dublu clic pe un strat sau făcând clic cu butonul din dreapta al acestuia în cadrul prezentării stratului. Utilizați o curbă gri de 1px cu opacitate de 40-50% pentru marginea pictogramei dvs. și puneți umbrele la 110 ° pentru obținerea celor mai bune rezultate. Încercați să nu folosiți umbre în jurul pictograma, totuși, deoarece majoritatea sistemelor de operare fac deja acest lucru.

Aveți alte sfaturi rudimentare cu privire la designul icoanelor? Spuneți-ne ce credeți în secțiunea de comentarii de mai jos!

Explorați mai multe despre: Adobe Photoshop.