Många använder mappar som ikoner för att symbolisera vägen till en ny sida som innehåller exempelvis bilder eller musik. Ikoner har gått över från att bara finnas på skrivbordet till att florera på nätet.

Efter att du gjort färdigt denna tutorial har du en bra grundbild som du kan vidareutveckla till din egen kreation. Här lär du dig grundstegen förr att få en ikon som liknar en mapp.

1. Öppna upp i Photoshop och Duplicera ditt lager ”Bakgrund”
2. Högerklicka på ditt nya lager och välj Blandningsalternativ (Blending Options) och ställ in följande värden i Övertoningsfärg:
   
   
   
3. Gå till Verktygsfältet och välj Avrundad Rektangel (Rounden Rectangle). Kör en radie på 5px och rita ut din rektangel:
   
   
4. Vi lägger en snygg gradient på vår mapp. Högerklicka på rektangelns lager och välj återigen Blandingsalternativ >> Övertoningsfärg och ställ in följande värden:
   
5. Med lagret markerat, tryck på CTRL + T och välj Perspektiv. Dra på nedre vänstra hörnet tills du får en något liknande:
   
   
6. Duplicera lagret och ta bort Övertoningsfärgen. Ändra dess färg till: #e1d243. Flytta därefter lagret sÃ¥ det ligger under det ”gamla”:
   
7. Flytta upp den nya mappen några marginaler:
   
8. Rita ut några vita rektanglar och placera de mellan båda lagren. Lägg en diskret ram runtom de vita rektanglarna:
   
9. Vi skriver nåt på mappen för att ge den en personlig känsla. Skriv med valfritt typsnitt, men skriv med vit färg:
   
10. Fortfarande något som fattas. Duplicera ditt textlager och gör det undre textlagret till mörkgrått. Flytta därefter upp den svarta texten 1px. Du får en diskret skuggeffekt:
    

Sådär. En enkel mapp med innehåll. Du kan t.ex. använda denna typ av ikon för att symbolisera olika underkategorier på din hemsida.

Andra Photoshop Tutorials

• Ljuseffekter tutorial
• Effekter tutorial
• Färglägg ett öga – fotomanipulation
• Stilren text i Photoshop
• Presentation för kund – tutorial
• Retuschering av landskap