10 enkle tips for å lage dine egne kule ikoner med Photoshop

Annonse

Det finnes et stort antall gratis ikonsett på nettet, men hvis du vil streife utover rent spesiell bruk, er det også en rekke problemer knyttet til dem. Lisensiering og mangel på merkevarebygging er bare to av dem.

Selv om du ikke er programvareutvikler, er det en veldig nyttig ferdighet å lære å lage egne ikoner. Du kan gi datamaskinen din en unik hud eller tilby tjenestene dine til samfunnet og bedriftsverdenen.

Dette er på ingen måte en komplett veiledning for ikondesign. Vi kommer akkurat i gang med grunnleggende grunnleggende elementer - tekniske forhold, en sjekkliste for design og et verktøysett for ikondesign.

Ikon Technicalities

Nedenfor er noen spesifikasjoner du bør vite om ikonformatet, viktigst av bildoppløsninger og filformater.

Størrelse

Viktigheten av størrelse blir nærmere omtalt nedenfor. Foreløpig vil vi holde oss til de tekniske aspektene.

Ikoner er alltid firkantede. Dette betyr at et rektangulært ikon enten blir strukket ut eller dimensjonert ned for henholdsvis å fylle hele lerretet eller passe inn i det. Uansett skiller høye rektangulære ikoner seg ut på en dårlig måte. Følgende ikonstørrelser er de vanligste i bruk:

• • • 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 anbefaler bruk av 16 x 16, 32 x 32 eller 48 x 48 oppløsninger *. Hvis ingen er tilgjengelige, endres størrelsen på ikonet som er nærmest i oppløsning, opptil 256 x 256. Når skrivebordsoppløsninger øker stadig høyere, anbefales det å alltid ta med større oppløsninger. Apple ICNS-formatet støtter størrelser 16 x 16, 32 x 32, 48 x 48, 128 x 128, 256 x 256 og til og med 512 x 512 **.

Filformat

For Windows er det mest brukte filformatet for ikonfordeling ICO. Mac-motstykket er ICNS (Apple Icon Image Format).

Sjekklisten for ikondesign

Det er ikke en veiledning for å designe det perfekte ikonet, gang på gang. Ulike temaer og design krever forskjellige tilnærminger, og den "nåværende trenden" er i en tilstand av konstant fluks. Nedenfor er tre viktige søyler for ikonskaping som har bevist sann gang på gang. Hvis du er ny med å designe ikoner, må du huske å sjekke listen over ikoner til enhver tid.

umiskjennelig

Framfor alt annet må ikoner være umiskjennelige. Forholdet til søknaden din må være åpenbar for alle på tvers av tids-, kultur- og aldersforskjeller. Bekjemp fristelsen til å lage prangende ikoner som ikke har noen relevans, og hold deg i en enkel, solid og åpenbar design.

Ikke se dette som et hinder for kreativiteten din; ikoner kan være vakre og tankevekkende, men bør ikke være åpne for tolkning (les: gjetting på brukerens slutt).

ensartethet

Hvis du designer et ikonsett, hold designen enhetlig.

Forsikre deg om at du har en vanlig tråd som kobler sammen disse ikonene og viser synergien til brukerne. helheten må være større enn summen av delene.

Størrelse

Ikoner lages alltid i flere størrelser. Dette påvirker designet på flere måter enn en.

For det første må ikoner se bra ut og gjenkjennelige uansett størrelse. Ta ned kontrasten rundt sidene for å unngå taggede kanter, og få viktige detaljer til å skille seg ut nok til å beholde fokus i den minste implementeringen av ikonet.

På et teknisk nivå er ikoner best designet ved hjelp av vektorer, bilder sammensatt av uendelige skalerbare former, snarere enn en fast sammensetning av piksler. Likevel, hvis oppløsningen er høy nok, vil bitmaps gjøre det like bra.

Ikonutviklingsverktøysettet

Photoshop er et flott program for å designe ikoner. Du har (nesten) alle verktøyene du trenger for å lage vektorgrafikk eller manipulere bitmapper, og bruke komplekse effekter og skyggelegging. Det viktigste er å følge verktøyene:

Pennverktøy

Med pennverktøyet kan du lage skalerbar vektorgrafikk. Du kan tegne en form ved å lage noder og dra for å justere linjens kurve. Det er vanskeligere å bruke enn det ser ut, men sannsynligvis det beste verktøyet du velger. Vi skrev om pennverktøyet i det siste, leste Photoshop Pathing: Slik bruker du Photoshop Pen Tool Slik bruker du Photoshop Pen Tool Les mer .

ICO-filformat-plugin-modul

Denne Photoshop-plugin-modulen legger til ICO-filformatet til eksportinnstillingene. Installasjonsmetoden er avhengig av OS- og Photoshop-versjonen, så husk å sjekke nettstedet.

Apple Ikonkomponist

Dessverre er det ikke noe slikt verktøy for Apples ICNS-filformat. Dette gratis verktøyet tar seg av problemet i stedet. Den kommer med Apple Xcode-pakken, som du kan laste ned etter en (kjedelig) registreringsprosess. Eller du kan Google for nedlastingen.

Hongkiat: 40+ Håndplukket ikonedesign Photoshop Tutorials

Designblogg Hongkiat.com har samlet en liste med over 40 forskjellige tutorials for design av ikoner for Photoshop. Denne listen dekker alle slags ikoner, og flere vanskelighetsgrader. Bla gjennom listen for inspirasjon, og ekstrapolér teknikkene som brukes for å realisere dine egne design.

Lagstiler

Photoshops innebygde lagstiler er en flott måte å gi den siste touch til ikonene dine. Åpne lagstilruten ved å dobbeltklikke på et lag, eller høyreklikke på det i lagoversikten. Bruk et 1px grått slag med 40-50% opacitet for ikonets grenser, og sett skyggene på 110 ° for best resultat. Forsøk å ikke bruke skygger rundt men ikonet, ettersom de fleste operativsystemer allerede gjør dette.

Har du noen andre rudimentære tips om ikondesign? Gi oss beskjed om hva du synes i kommentarfeltet nedenfor!