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

Det finnes et stort antall gratis ikonsett på nettet, men hvis du vil streife ut utover ren bestemt bruk, er det også en poengsum med problemer knyttet til dem. Lisensiering og mangel på branding er bare to av dem.

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

Dette er på ingen måte et komplett ikondesigntutorial. Vi begynner bare på det rudimentære grunnleggende - tekniske detaljer, en design sjekkliste og et ikondesignverktøy.

Ikon Teknikker

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

Størrelse

Betydningen av størrelsen er nærmere omtalt nedenfor. For nå holder vi oss til de tekniske aspektene.

Ikoner er alltid firkantede. Dette betyr at et rektangulært ikon enten vil bli strukket ut eller dimensjonert til henholdsvis fylle hele lerretet eller passe inn i det. Uansett er det svært rektangulære ikoner som skiller 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, vil det endre størrelsen på ikonet som er nærmest i oppløsning, opptil 256 x 256. Med desktopoppløsninger som øker stadig høyere anbefales det alltid å ta med større resolusjoner. 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-motparten er ICNS (Apple Icon Image Format).

Ikondesign-sjekklisten

Det er ikke en veiledning for å designe det perfekte ikonet, tid og tid igjen. Ulike temaer og design krever forskjellige tilnærminger, og den nåværende trenden er i en tilstand med konstant flux. Nedenfor er tre hovedstolper av ikonopprettelse som har vist seg sann tid og tid igjen. Hvis du er ny på design av ikoner, sørg for å holde ikonet sjekkliste i tankene til enhver tid.

umiskjennelig

Fremfor alt må ikoner være umiskjennelige. Forholdet til søknaden din må være åpenbart for alle, over tid, kultur og aldersforskjeller. Bekjemp fristelsen for å lage prangende ikoner som ikke har relevans, og hold deg til en enkel, solid og åpenbar design.

Ikke sett dette som et hinder for din kreativitet; ikoner kan være vakker og tankevekkende, men bør ikke være åpen for tolkning (les: gjetning på brukerens slutt).

ensartethet

Hvis du designer et ikon sett, hold design uniform.

Pass på at du har en felles tråd som forbinder disse ikonene og viser synergien til brukerne; hele må være større enn summen av delene.

Størrelse

Ikoner er alltid opprettet i flere størrelser. Dette påvirker utformingen på flere måter enn en.

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

På et teknisk nivå er ikonene best designet med vektorer, bilder sammensatt av uendelige skalerbare former, i stedet for en sett sammensetning av piksler. Likevel, hvis oppløsningen din er høy nok, vil bitmaps gjøre like bra.

Ikondesignverktøyet

Photoshop er et flott program for å designe ikoner. Du har (nesten) alle verktøyene du trenger for å lage vektorgrafikk eller manipulere bitmaps, og bruke komplekse effekter og skyggelegging. Viktigst vil det være følgende verktøy:

Pennverktøy

Med pennverktøyet kan du opprette skalerbar vektorgrafik. Du kan tegne en form ved å lage noder og dra for å justere kurven på linjen. Det er vanskeligere å bruke enn det ser ut, men sannsynligvis det beste valget. Vi skrev om pennverktøyet tidligere, les Photoshop Pathing: Hvordan bruke Photoshop pennverktøy Hvordan bruke Photoshop pennverktøy Hvordan bruke Photoshop pennverktøy Les mer .

ICO File Format Plug-In

Denne Photoshop-plugin-modulen legger til ICO-filformatet i dine eksportinnstillinger. Installasjonsmetoden er avhengig av OS- og Photoshop-versjonen, så sørg for å sjekke nettstedet.

Apple Icon Composer

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

Hongkiat: 40+ Handplukket Icon Design Photoshop Tutorials

Design blog Hongkiat.com har samlet en liste over over 40 forskjellige Photoshop ikon design opplæringsprogrammer. Denne listen dekker alle slags ikoner og flere vanskelighetsgrader. Bla gjennom listen for inspirasjon, og ekstrapolere teknikkene som brukes til å realisere dine egne design.

Layer Styles

Photoshops innebygde lagestiler er en fin måte å sette den endelige berøringen på ikonene dine på. Åpne lagestilruten ved å dobbeltklikke på et lag, eller høyreklikk det i lagoversikten. Bruk et 1px gråslag med 40-50% ugjennomsiktighet for ikonets grenser, og legg skyggene dine på 110 ° for de beste resultatene. Prøv å ikke bruke skygger rundt ikonet, selv om de fleste operativsystemer allerede gjør dette.

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

Utforsk mer om: Adobe Photoshop.