Frenetic - Allt mellan HTML och jord!


Webbdesign / Skapa webbsida

4. Placera knappar

Dags att placera knapparna. För att gå vidare antas att du gjort ett lager av knappen, som det stod på tidigare sida.

1. Kopiera knapp-lagret det antal gånger du vill ha knappar, i mitt fall 2 gånger. Flytta runt knapparna där du vill ha dem. Jag har valt att ha dem högst upp. Nedan ser du en detaljbild på hur knapparna ser ut (klicka på bilden för att se hela interfacet).

Knappraden


Boring... 2. Området till vänster ser lite tråkigt ut, eller hur? (Bilden är förminskad till halva storleken)


3. Jag bestämde mig för att göra en knapp som länkar tillbaka till första sidan. Börja med en rund markering. Använd gärna mittpunkten från cirkeln gjord till grundformen, så geometrin stämmer. Se till att det finns lite plats över till alla kanter. Skapa ett nytt lager. Fyll med godtycklig färg, jag välde röd för att få lite kontraster.


4. För att få bollen lite mer levande har jag använt mig av tipset '3D-boll'. Efter detta ser den ut ungefär som till höger.


5. Som du ser blir knappen ganska kantig. Dessutom får vi inget direkt djup mot bakomvarande färg. För att råda bot på detta skapa ett nytt lager under Själva bollen. Om du inte har kvar markeringen från bollen, markera den igen. Utöka markeringen (Markering -> Ändra -> Utåka...) med 3 pixlar. Fyll markeringen med svart i det nya lagret. Lägg på gaussisk oskärpa (Filter -> Oskärpa -> Gaussisk oskärpa...) med värdet 2.


6. Som om detta inte vore nog, la jag även till 'Scanlines', fast med lite bredare linjer och mellanrum (2 pixlar breda linjer, 2 pixlar mellan linjerna). Ändra sedan blandningsläget för lagret till 'Efterbelys med färg' och opaciteten 80%. Sen är i alla fall jag nöjd över knappen! Kolla hur allt blev tillsammans här.



TidigareIndexNästa

 




Allt material 1997-2004 © Frenetic.
Gillar du denna sida? Du kan hjälpa mig genom att klicka på bannern nedan!