Oglas

ustvarite svoje ikoneV spletu obstaja ogromno število brezplačnih ikon, vendar če želite gostovati zunaj čisto posebne uporabe, je z njimi povezanih tudi veliko težav. Licenciranje in pomanjkanje blagovne znamke sta le dva od njih.

Tudi če niste razvijalec programske opreme, je učenje ustvarjanja lastnih ikon izjemno koristna veščina. Računalniku lahko daste edinstveno kožo ali zagotovite svoje storitve skupnosti in svetu podjetja.

To nikakor ni popolna vadnica o oblikovanju ikon. Začeli smo z osnovnimi osnovnimi osnovami - tehničnimi informacijami, oblikovalskim kontrolnim seznamom in naborom orodij za oblikovanje ikon.

Ikona tehničnosti

Spodaj je nekaj specifikacij, ki jih morate vedeti o obliki ikone, najpomembneje ločljivosti slik in formati datotek.

Velikost

Pomembnost velikosti je podrobneje opisana v nadaljevanju. Za zdaj se bomo držali tehničnih vidikov.

Ikone so vedno kvadratne. To pomeni, da se bo pravokotna ikona bodisi raztegnila ali postavila po velikosti navzdol, tako da bo celotno platno napolnilo ali se vanj prilegalo. Kakor koli že, visoko pravokotne ikone slabo izstopajo. V uporabi so najpogostejše naslednje velikosti ikon:

instagram viewer

      • 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 svetuje uporabo ločljivosti 16 x 16, 32 x 32 ali 48 x 48 *. Če nobena ni na voljo, bo spremenila velikost ikone, ki je najbližja ločljivosti, do 256 x 256. Ker se ločljivosti namizja vedno višje, priporočamo, da vedno vključite večje ločljivosti. Apple ICNS format podpira velikosti 16 x 16, 32 x 32, 48 x 48, 128 x 128, 256 x 256 in celo 512 x 512 **.

Oblika datoteke

V sistemu Windows je najpogosteje uporabljen format datoteke za distribucijo ikon ICO. Mac nasprotnik je ICNS (Oblika slike Apple Icon).

Ikona za oblikovanje ikon

Ni ene vadnice za oblikovanje popolne ikone, vedno znova. Različne teme in načrti zahtevajo različne pristope, "trenutni trend" pa je v stalnem toku. Spodaj so trije glavni stebri ustvarjanja ikon, ki so se znova izkazali resnično. Če ste novi pri oblikovanju ikon, ne pozabite ves čas imeti v mislih kontrolni seznam ikon.

Neponovljivo

ustvarite svoje ikonePredvsem pa morajo biti ikone nedvomne. Odnos do vaše vloge mora biti očiten vsem, med časom, kulturo in starostnimi razlikami. Bojite se pred skušnjavo, da ustvarite bliskovite ikone, ki nimajo nobenega pomena, in se držite preprostega, trdnega in očitnega dizajna.

Ne glejte na to kot na oviro pri svoji ustvarjalnosti; ikone so lahko lepe in vznemirljive, vendar ne smejo biti odprte za interpretacijo (beri: ugibanja na koncu uporabnika).

Enotnost

ustvarite lastne ikoneČe oblikujete nabor ikon, naj bo oblikovanje enotno.

Prepričajte se, da imate skupno nit, ki povezuje te ikone in kaže sinergijo uporabnikom; celota mora biti večja od vsote delov.

Velikost

ustvarite lastne ikoneIkone so vedno ustvarjene v več velikostih. To vpliva na zasnovo na več načinov.

Za začetek morajo biti ikone videti dobro in prepoznavne, ne glede na velikost. Kontrast ob straneh spustite navzdol, da se izognete nazobčanim robom, pomembni detajli pa bodo dovolj izstopali, da ohranite fokus pri najmanjši izvedbi ikone.

Na tehnični ravni so ikone najbolje oblikovane z uporabo vektorjev, slik, ki so sestavljene iz neskončno razširljivih oblik, namesto iz nastavljene kompozicije slikovnih pik. Če je vaša ločljivost dovolj visoka, bodo bitne slike prav tako dobro.

Ikona za oblikovanje ikon

Photoshop je odlična aplikacija za oblikovanje ikon. Na voljo imate (skoraj) vsa orodja, ki jih potrebujete za ustvarjanje vektorske grafike ali manipuliranje z bitnimi slikami ter uporabo kompleksnih učinkov in senčenja. Najpomembneje bo naslednje orodje:

Orodje za pero

Orodje Pen vam omogoča ustvarjanje razširljive vektorske grafike. Obliko lahko narišete tako, da ustvarite vozlišča in povlečete, da prilagodite krivuljo črte. Težji je za uporabo, kot je videti, a verjetno najboljše orodje, ki ga lahko izbiramo. V preteklosti smo pisali o orodju za peresa, brali Photoshop Pathing: Kako uporabljati Photoshop Pen Tool Kako uporabljati orodje za pisalo Photoshop Preberi več .

ustvarite svoje ikone

ICO File Format Plug-In

Ta vtičnik Photoshop doda obliko datoteke ICO vašim izvoznim nastavitvam. Način namestitve je odvisen od različice sistema OS in Photoshopa, zato ne pozabite preveriti spletnega mesta.

Apple Icon Composer

Na žalost ni takega orodja za Apple-jev format datoteke ICNS. To brezplačno orodje namesto tega skrbi za težavo. Priložen je paket Apple Xcode, ki ga lahko prenesete po (mučnem) postopku prijave. Lahko pa Google prenesete.

Hongkiat: 40+ ročno izbrana ikona Design Photoshop Vadnice

Oblikovalni blog Hongkiat.com je sestavil seznam več kot 40 različnih vaj za oblikovanje ikon Photoshop. Ta seznam zajema vse vrste ikon in več težavnosti. Brskajte po seznamu po navdihu in ekstrapolirajte tehnike, ki se uporabljajo za uresničitev lastnih modelov.

Sloji slojev

Vgrajeni sloji slojev Photoshopa so odličen način, da dokončno dotaknete svoje ikone. Podokno sloga plasti odprite tako, da dvokliknete sloj ali z desnim gumbom miške v pregledu plasti. Za meje ikone uporabite 1px sivo potezo z 40-50% neprozornostjo in za najboljše rezultate postavite sence na 110 °. Poskusite, da ne uporabljate senc naokoli ikono, kot to počne večina operacijskih sistemov.

Imate še kakšne rudimentarne nasvete o oblikovanju ikon? Sporočite nam, kaj mislite v spodnjem razdelku s komentarji!

Sem pisatelj in študent računalniških znanosti iz Belgije. Vedno mi lahko naredite uslugo z dobro idejo o članku, priporočilom o knjigi ali idejo o receptu.