Knappsatsen i helhet kan du se här:
http://www.dolken.net/clanstump/
© Stina Wiik 2007
Bilderna på exempelsidan är uppbyggda i delar för att spara nedladdningstid, kunna animera samt byta ut och/eller lägga till knappar.
 |
 |
 |
 |
 |
 |
--------------------------------------------------------------------------------------------------------------
1. Bestäm storlek på meny/knappar i förhållande till det gränssnitt där de skall användas.
----------------------------------------------------------------------------------------------------------------
2. Dags att skapa knappen. Gör ett nytt lager. Döp det till bakgrund och fyll det med någon färg.
----------------------------------------------------------------------------------------------------------------
3. Nu ska vi göra en ram. Gör ett nytt lager. Döp det till knappram original.
Välj Pencil Tool (storlek 1 pixel) i verktygslådan och bygg upp ramen i olika nyanser, se nedan.
---------------------------------------------------------------------------------------------------------------------------
4. Gör ett nytt lager. Döp det till knapp. Välj Polygonal Lasso Tool och ställ Feather 2 px, bocka för Anti-alias.
Rita upp det område som skall bli knapp inuti ramen. Se nedan.
-------------------------------------------------------------------------------------------------
5. Välj en färg, till exempel blå!
Hinka i med Paint Bucket Tool och välj tolerance 32. Bocka ur Anti-alias.
Avmarkera genom att trycka Ctrl + D.
Ställ lageropaciteten till 35%
--------------------------------------------------------------------------------------------------
6. Duplicera lagret knappram original (genom högerclicksmenyn). Döp lagret till knapp OVER/glow.
Dra lagret så att det ligger ovanför lagret knapp.
--------------------------------------------------------------------------------------------------
7. Dubbelclicka på lagret knapp OVER/glow så att menyn layer style kommer upp. Bocka för Outer Glow och ställ in enligt bilden.
---------------------------------------------------------------------------------------------------
8. Välj Type Tool, klicka i dokumentet och namnge knappen (text-lager genereras automatiskt)
---------------------------------------------------------------------------------------------------
9. Spara ner två versioner. En med alla lagren utom knapp OVER/glow aktiverade och en version med.
Knappsatsen i helhet kan du se här:
http://www.dolken.net/clanstump/
© Stina Wiik 2007
Lycka till!