10 nemme tip til at oprette dine egne seje ikoner med Photoshop

Reklame

Der er et stort antal gratis ikonsæt online, men hvis du vil strejfe ud over ren særlig brug, er der også en række problemer forbundet med dem. Licenser og manglen på branding er kun to af dem.

Selv hvis du ikke er en softwareudvikler, er det en meget nyttig færdighed at lære at oprette dine egne ikoner. Du kan give din computer en unik hud eller levere dine tjenester til samfundet og erhvervslivet.

Dette er på ingen måde en komplet tutorial for ikonedesign. Vi er lige ved at komme i gang med de grundlæggende grundlæggende elementer - teknik, en tjekliste for design og et ikondesignværktøjssæt.

Ikon Tekniske forhold

Nedenfor er nogle specifikationer, du skal vide om ikonformatet, vigtigst af billedopløsninger og filformater.

Størrelse

Vigtigheden af ​​størrelse diskuteres yderligere nedenfor. For tiden vil vi holde os til de tekniske aspekter.

Ikoner er altid firkantede. Dette betyder, at et rektangulært ikon enten strækkes ud eller størrelse ned for henholdsvis at fylde hele lærredet eller passe ind i det. Uanset hvad, stærkt rektangulære ikoner skiller sig ud på en dårlig måde. Følgende ikonstørrelser er de mest almindelige i brug:

• • • 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 brugen af ​​opløsninger på 16 x 16, 32 x 32 eller 48 x 48 *. Hvis der ikke er nogen tilgængelige, ændres størrelsen på det ikon, der er tættest på opløsning, op til 256 x 256. Når desktopopløsninger stiger stadig højere, tilrådes det altid at medtage større opløsninger. Apple ICNS-format understøtter størrelser 16 x 16, 32 x 32, 48 x 48, 128 x 128, 256 x 256 og endda 512 x 512 **.

Filformat

For Windows er det mest almindeligt anvendte filformat til ikonfordeling ICO. Mac-modstykke er ICNS (Apple Icon Image Format).

Tjeklisten for ikondesign

Der er ikke en tutorial til at designe det perfekte ikon, gang på gang. Forskellige temaer og design kræver forskellige tilgange, og den 'aktuelle tendens' er i konstant flux. Nedenfor er tre vigtige søjler med ikonoprettelse, der har bevist sandhed gang på gang. Hvis du er ny med at designe ikoner, skal du sørge for altid at have ikonet tjekliste i tankerne.

umiskendeligt

Frem for alt andet skal ikoner være umiskendelige. Forholdet til din ansøgning skal være indlysende for alle på tværs af tids-, kultur- og aldersforskelle. Bekæmp fristelsen til at skabe prangende ikoner, der ikke har nogen relevans, og hold dig i et enkelt, solidt og indlysende design.

Se ikke dette som en hindring for din kreativitet; ikoner kan være smukke og tankevækkende, men bør ikke være åbne for fortolkning (læs: gæt på slutningen af ​​brugeren).

ensartethed

Hvis du designer et ikonsæt, skal du holde designet ensartet.

Sørg for, at du har en fælles tråd, der forbinder disse ikoner og viser synergien til brugerne; det hele skal være større end summen af ​​delene.

Størrelse

Ikoner oprettes altid i flere størrelser. Dette påvirker designet på flere måder end én.

For det første skal ikoner se godt ud og genkendes uanset størrelsen. Fjern kontrasten omkring siderne for at undgå skæve kanter, og få vigtige detaljer til at skille sig ud nok til at bevare fokus i den mindste implementering af ikonet.

På teknisk plan er ikoner bedst designet ved hjælp af vektorer, billeder sammensat af uendelige skalerbare figurer i stedet for en sæt sammensætning af pixels. Ikke desto mindre, hvis din opløsning er høj nok, fungerer bitmaps lige så godt.

Ikonet Design værktøjssæt

Photoshop er et fantastisk program til design af ikoner. Du har (næsten) alle de værktøjer, du har brug for til at oprette vektorgrafik eller manipulere bitmaps og anvende komplekse effekter og skygge. Det vigtigste er at følge følgende værktøjer:

Pen værktøj

Penneværktøjet giver dig mulighed for at oprette skalerbar vektorgrafik. Du kan tegne en form ved at oprette noder og trække for at justere linjens kurve. Det er sværere at bruge, end det ser ud, men sandsynligvis det bedste værktøj, du vælger. Vi skrev om penværktøjet i fortiden, læste Photoshop-sti: Sådan bruges Photoshop-penværktøj Sådan bruges Photoshop Pen Tool Læs mere .

ICO filformat plug-in

Dette Photoshop-plugin tilføjer ICO-filformatet til dine eksportindstillinger. Installationsmetoden er afhængig af din OS- og Photoshop-version, så sørg for at kontrollere webstedet.

Apple Icon Composer

Desværre er der ikke noget sådant værktøj til Apples ICNS-filformat. Dette gratis værktøj tager sig af problemet i stedet. Den leveres med Apple Xcode-pakken, som du kan downloade efter en (kedelig) tilmeldingsproces. Eller du kan Google til download.

Hongkiat: 40+ Håndplukket ikonedesign Photoshop Tutorials

Designblog Hongkiat.com har udarbejdet en liste med over 40 forskellige tutorials for Photoshop-ikonedesign. Denne liste dækker alle slags ikoner og flere sværhedsgrader. Gennemse listen for inspiration og ekstrapolere de teknikker, der bruges til at realisere dine egne designs.

Lagstilarter

Photoshops indbyggede lagstilarter er en fantastisk måde at sætte det sidste touch på dine ikoner. Åbn lagformatruden ved at dobbeltklikke på et lag eller højreklikke på det i lagoversigten. Brug et 1px gråt streger med 40-50% opacitet til dit ikons grænser, og sæt dine skygger på 110 ° for at få de bedste resultater. Forsøg ikke at bruge skygger rundt om ikonet, da de fleste operativsystemer allerede gør dette.

Har du andre rudimentære tip til ikondesign? Fortæl os hvad du synes i kommentarfeltet nedenfor!