10 jednostavnih savjeta za izradu vlastitih dobrih ikona pomoću Photoshopa

Oglas

Na mreži se nalazi ogroman broj besplatnih setova ikona, ali ako želite rolati izvan određenog načina korištenja, postoji i niz problema povezanih s njima. Licenciranje i nedostatak robne marke samo su dva.

Čak i ako niste softverski programer, učenje stvaranja vlastitih ikona nevjerojatno je korisna vještina. Možete dati svoje računalo jedinstvenoj koži ili pružiti svoje usluge zajednici i korporativnom svijetu.

Ovo nikako nije cjeloviti udžbenik o dizajnu ikona. Upravo smo započeli s osnovnim osnovama - tehničkim podacima, popisom dizajna i setom alata za dizajn ikona.

Tehnika ikona

Ispod su neke specifikacije koje biste trebali znati u vezi s formatom ikona, a najvažnije su rezolucije slike i formati datoteka.

Veličina

Važnost veličine dalje se obrađuje u nastavku. Za sada ćemo se držati tehničkih aspekata.

Ikone su uvijek kvadratne. To znači da će se pravokutna ikona ili ispružiti ili obojiti prema dolje, odnosno ispuniti cijelo platno ili se u nju uklopiti. Bilo kako bilo, vrlo pravokutne ikone ističu se na loš način. Sljedeće veličine ikona su u upotrebi najčešće:

• • • 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 savjetuje uporabu rezolucija 16 x 16, 32 x 32 ili 48 x 48 *. Ako nijedna nije dostupna, promijenit će veličinu ikone koja je najbliže rezoluciji, do 256 x 256. Budući da se razlučivosti za stolna računala povećavaju sve više, preporučuje se uvijek uključivanje većih rezolucija. Apple ICNS format podržava veličine 16 x 16, 32 x 32, 48 x 48, 128 x 128, 256 x 256, pa čak i 512 x 512 **.

Format datoteke

U sustavu Windows najčešće se koristi oblik datoteke za distribuciju ikona ICO. Mac pandan je ICNS (Format slike Appleove ikone).

Popis dizajna ikona

Ne postoji niti jedan vodič za kreiranje savršene ikone, i vrijeme iznova. Različite teme i dizajni zahtijevaju različite pristupe, a 'trenutni trend' je u stalnom toku. Ispod su tri glavna stupa stvaranja ikona koji su se ponovno dokazali istinsko vrijeme i vrijeme. Ako ste novi u dizajniranju ikona, uvijek imajte na umu popis ikona.

Nepogrešiv

Iznad svega, ikone trebaju biti nepogrešive. Odnos prema vašoj prijavi mora biti očigledan svima kroz razlike u vremenu, kulturi i dobima. Borite se sa iskušenjem da stvorite blistave ikone koje nemaju nikakvu relevantnost i držite se jednostavnog, čvrstog i očitog dizajna.

Ne shvaćajte to kao prepreku vašoj kreativnosti; ikone mogu biti lijepe i izazivaju mišljenje, ali ne bi trebale biti otvorene za interpretaciju (čitaj: nagađanja na kraju korisnika).

ravnomjernost

Ako dizajnirate set ikona, zadržite dizajn jednoličnim.

Obavezno imate zajedničku nit koja povezuje ove ikone i pokazuje sinergiju za korisnike; cjelina mora biti veća od zbroja dijelova.

Veličina

Ikone se uvijek stvaraju u više veličina. To utječe na dizajn na više načina.

Za početak, ikone moraju izgledati dobro i prepoznatljivo bez obzira na veličinu. Kontrast obrubite na bočne strane kako biste izbjegli nazubljene rubove i istaknite važne detalje dovoljno da zadrže fokus u najmanjoj izvedbi ikone.

Na tehničkoj razini ikone su najbolje dizajnirane korištenjem vektora, slika sastavljenih od beskrajno skalabilnih oblika, a ne s postavljenom kompozicijom piksela. Unatoč tome, ako je razlučivost dovoljno visoka, bitne će slike biti jednako dobro.

Skup alata za dizajn ikona

Photoshop je sjajna aplikacija za dizajn ikona. Imate (skoro) sve alate potrebne za izradu vektorske grafike ili manipuliranje bitmapama, i primjenu složenih efekata i sjenčanja. Najvažnije će biti sljedeći alati:

Alat za olovke

Alat Pen omogućuje kreiranje skalabilne vektorske grafike. Možete nacrtati oblik stvaranjem čvorova i povlačenjem za podešavanje krivulje linije. Teži je za upotrebu nego što se čini, ali vjerojatno je najbolji alat izbora. U prošlosti smo pisali o alatu za olovke, čitali Photoshop Pathing: Kako koristiti alat za Photoshop olovku Kako koristiti alat za olovku Photoshop Čitaj više .

ICO Dodatak za format datoteke

Ovaj dodatak Photoshop dodaje izvoznim formatima ICO format datoteke. Način instalacije ovisi o vašoj verziji OS-a i Photoshopa, pa svakako provjerite web mjesto.

Apple Composer Icon

Nažalost, ne postoji takav alat za Appleov ICNS format datoteke. Ovaj besplatni alat umjesto toga brine o problemu. Dolazi s paketom Apple Xcode koji možete preuzeti nakon (zamornog) postupka prijave. Ili možete Google za preuzimanje.

Hongkiat: 40+ ručno izabrani ikoni Photoshop Vodiči

Dizajnerski blog Hongkiat.com sastavio je popis od preko 40 različitih udžbenika o dizajnu ikona za Photoshop. Ovaj popis obuhvaća sve vrste ikona i nekoliko stupnjeva težine. Pregledajte popis za inspiraciju i ekstrapolirajte tehnike korištene za realizaciju vlastitih dizajna.

Slojevi slojeva

Uklonjeni slojevi sloja Photoshopa odličan su način da dodate konačni dodir svojim ikonama. Otvorite okno stila sloja dvostrukim klikom na sloj ili desnim klikom na njega u pregledu sloja. Za granice ikone koristite 1px sivu crtu s neprozirnošću od 40-50% i stavite svoje sjene na 110 ° za najbolje rezultate. Pokušajte ne koristiti sjene oko ikonu, kao što većina operativnih sustava to već čini.

Imate li još kakvih rudimentarnih savjeta o dizajnu ikona? Javite nam što mislite u odjeljku s komentarima u nastavku!