31 Icon Design Tutorials

31 Icon Design Guider

Ikoner kan komme utrolig godt med for både web og print design. De er en stor og veldig enkel måte å legge til grafikk til tekst områder, samlet gjør det til en mye enklere og bedre opplevelse for brukeren.


Det finnes en rekke ikon tutorials på nettet som er spesielt for Adobe Illustrator, hovedsakelig fordi dens vektorbildefunksjoner gir deg skalere ferdige ikonet opp og ned til størrelsen av en pin-hodet eller musklene i Incredible Hulk. Men hvis du vet hva formålet for din ikonet kommer til å være (dvs. at du vet at du ikke kommer til å ha det noe større enn, la oss si, 128x128px) utforme den i Photoshop er ikke et problem, faktisk, i noen tilfeller er det mye lettere! Derfor i denne artikkelen har jeg samlet 31 flotte icon tutorials spesielt for de som kjenner hensikten med sine ikoner, bare Photoshop for å jobbe med eller er rett og slett mer trygg og dyktig i Photoshop. Nyt!

1. USB-harddisk enheten Ikon

Vanskelighetsgrad: IntermediateSkills: Bruk Gradient og Shadows å legge til dybde til ellers veldig enkle former

2.. Hvordan Design Mini Ikoner

Vanskelighetsgrad: EasySkills.: Bruk blyantverktøyet til å lage enkle tilpassede former

3. Skype Ikon Design

Vanskelighetsgrad: IntermediateSkills:. Bruk forskjellige blandingsmodi å legge høylys og skygger til visse områder

4. Lag en 32x32px Social Media Ikon

Vanskelighetsgrad: EasySkills.: Bruk Modify> Contract Tool til å skape pixel-perfekt høydepunkter

5. Hvordan lage en Basic Hus Ikon

Vanskelighetsgrad: IntermediateSkills: Bruk rikelig med Layer Styles som Stigninger og Shadows å gi din icon en 3D utseende

6.. Vintage Mac Ikon

Vanskelighetsgrad: EasySkills: Bruk Layer Styles som Gløder og Satins å gi skjermen en skinnende effekt

7.. Lær teksturert, Realistisk Koffert Ikon

Vanskelighetsgrad: AdvancedSkills: Bruk Blending Modes og Levels å blande en tekstur i din ikonet

8.. Unike og Funny Digg Icon in a Bottle

Vanskelighetsgrad: IntermediateSkills: Bruk Gradienter å lage realistiske blander og skygger for å gjøre flasken vises 3D

9.. Postal Packet Logo Ikon

Vanskelighetsgrad: EasySkills.: Bruk det mangekantede lassoverktøyet til å lage enkle ut av proporsjoner, men funky figurer

10. Vintage Radio Ikon

Vanskelighetsgrad: AdvancedSkills: Bruk teksturer og mønstre for å lage en fotokvalitet og livaktig ikonet

11.. Detaljert Compass Ikon

Vanskelighetsgrad: AdvancedSkills: Bruk Free Transform Tool til å redigere og kombinere enkle former for å gjøre dem vises tre demensional

12.. Animert RSS-feed

Vanskelighetsgrad: IntermediateSkills.: Bruk Photoshop innebygde animasjon verktøy til animerte din RSS-feed

13. Traffic Cone Ikon

Vanskelighetsgrad: AdvancedSkills.: Bruk Pen Tool til å lage egne figurer og redigere dem med Direct Selection Tool

14. RSS Ikon

Vanskelighetsgrad: EasySkills.: Bruk Pen Tool til å lage buede linjer for å legge til dybde og interesse for ikonet

15. XP stil Monitor Ikon

Vanskelighetsgrad: IntermediateSkills.: Bruk Distort verktøyet til å endre den generelle dimensjon og vinkelen på ikonet, slik at det vises 3D

16. Håndtegnede Social Media Icons

Vanskelighetsgrad: EasySkills.: Bruk Hue /Saturation Tool til å legge farge til håndtegnede elementer

17. Glossy RSS Ikon

Vanskelighetsgrad: IntermediateSkills.: Bruk Direct Selection Tool til å omforme enkle former som sirkler

18. Shiny Låsikon

Vanskelighetsgrad: IntermediateSkills.: Bruk Sti og Direct Selection Tools til å endre figurer og gjøre dem pixel perfekt

19. Akvarell Sosiale nettverk Ikoner

Vanskelighetsgrad: EasySkills.: Bruk Brush Tool til å skape "håndtegnede" like elementer

20. Kaffe Stained Sosiale nettverk Ikoner

Vanskelighetsgrad: EasySkills:. Bruk teksturer og overgangsmodi for å skape realistiske kaffe flekker

21. Glossy Hjem Ikon

Vanskelighetsgrad: EasySkills.: Bruk Elliptical Marquee Tool og Gradient overlegg å produsere en realistisk glossy utseende

22. Glossy Last ned Ikon

Vanskelighetsgrad: EasySkills.: Bruk Pen Tool til å legge en realistisk reflekterende høydepunkt

23. Cubite Graphic Ikon

Vanskelighetsgrad: IntermediateSkills.: Bruk Dodge Tool til å skape realistiske høydepunkter og lage 2D-objekter vises 3D

24. Compact Disc (CD) Ikon

Vanskelighetsgrad: EasySkills: Bruk Perspektiv Transform Tool til å forvandle rektangler inn i andre former

25.. 3D Reflektert Mail Ikon

Vanskelighetsgrad: EasySkills: Bruk enkle former og overgangar å produsere en realistisk og moderne postikonet

26.. Mac OS X Leopard Folder Icon

Vanskelighetsgrad: IntermediateSkills.: Bruk Lasso Tool for å lage tilfeldige prikker for å gjøre realistiske naturlig papir

27. 3D Box Ikon

Vanskelighetsgrad: AdvancedSkills.: Bruk Burn Tool til å skape realistiske skygger og curvers

28. Stilig Mail Ikon

Vanskelighetsgrad: AdvancedSkills.: Bruk Pen Tool til å lage egne figurer

29. Vista Feil Ikon

Vanskelighetsgrad: IntermediateSkills. Bruk tekstverktøyet og Transform Tool til å lage elementer for dine ikoner

30. Kalender Ikon

Vanskelighetsgrad: IntermediateSkills.: Bruk Rectangular Marquee Tool til å slette ulike områder av former for å produsere firkanter

31. Blir garantert Seal Ikon

Vanskelighetsgrad: IntermediateSkills.: Bruk ulike blandingsmodi for å legge til et tredimensjonalt utseende til sel /merke Anmeldelser



Previous:
Next Page: