Frenetic - Allt mellan HTML och jord!


Webbdesign / Skapa webbsida

3. Fixa knappar

Nu har vi skelettet till ett webbinterface, men en vesäntlig del är att få sidan lättnavigerad. Till detta interface har jag valt att lägga knapparna högst upp. Detta är hur jag gått till väga.

1. Först ska vi ta fram formen till knapparna. Gå över till kanalpaletten och skapa en ny kanal. Använd cirkulära markeringsverktyget () för att markera upp en cirkel.


2. Välj vit som förgrundsfärg och fyll markeringen (Ctrl+Backspace). Flytta markeringen rakt till höger (Tips: När du börjat flytta på markeringen, tryck ned shift, så flyttar sig markeringen i 45-gradersvinklar, så blir det lättare att inte flytta upp den av misstag). Upprepa proceduren med att fylla markeringen (Ctrl+Backspace). Avmarkera (Ctrl+D).


3. Skapa en ny markering som går precis mitt igenom de två cirklarna och som går kant i kant höjdledes.


4. Fyll och avmarkera. Grundformen för knappen är klar.


5. Ctrl-klicka på kanalen och gå över till lagerpaletten. Skapa ett nytt lager och fyll markeringen med svart. Skapa ett lager till och fyll markeringen med vitt. Slutligen, skapa ytterligare ett lager som du fyller med en linjär övertoning (), med 'Förgrund mot bakgrund. Använd en färgton ljusare än den färg knappen ska vara på, den andra färgtonen lite mörkare. Ovan till höger ser du hur det ser ut när skapat lagrena.


6. Knuffa vita lagret en pixel (ett steg) nedåt och en åt höger. Detta gör du lättast genom att använda 'Flytta'-verktyget (V) och piltangenterna. Knuffa sedan det svarta lagret en pixel uppåt och en åt vänster. Ändra blandningsläget till 'Täcka över' på både det svarta och det vita lagret. Det där blev inte illa, eller hur!


7. För att underlätta för framtida bruk bör du även lägga ihop lagrena till ett. Eftersom vi har ändrat blandningsläget på två lager måste vi lägga ihop lagrena i rätt ordning. Vi har lagrena i ordningen visad på bilden. Det är viktigt att de är i denna ordning!

Börja med att slå ihop det svarta och vita lagret, genom att välja det vita lagret och 'Slå samman lager nedåt' (Ctrl+E). Välj sedan Övertoningslagret och upprepa. Nu är knappen ett lager.



TidigareIndexNästa

 




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