Knoppen zelf maken

Wil je knoppen maken zoals hierboven, waarop je dan een link kunt plaatsen naar een bepaalde bladzijde uit je website? Volg dan het (Photoshop Elements) stappenplan!

Stappenplan

Stap 1: Open Photoshop en kies Bestand < Nieuw < Leeg Bestand

Stap 2: In het schermpje dat verschijnt, vul je in:

breedte: best de juiste breedte van de knop die je nodig hebt, zo bekom je minder vervorming. Je kan kiezen:

5 knoppen op één rij: maximaal 95 breedte: vrij te kiezen vb. 30
4 knoppen 
op één rij: maximaal 121 breedte: vrij te kiezen
3 knoppen  
op één rij: maximaal 165 breedte: vrij te kiezen
2 knoppen 
op één rij: maximaal 252 breedte: vrij te kiezen
één strook 
op één rij: maximaal 515 breedte: vrij te kiezen

resolutie: 100 (gezien het voor gebruik op internet is) - achtergrondinhoud: wit

Stap 3: Via Bewerken < Opvullaag geef je de knop een kleur (of een licht patroon)

Stap 4: Met het tekstgereedschap voeg je de passende tekst/jaartal toe op elke knop (met verplaatsingsgereedschap en/of pijltjestoetsen zet je de tekst precies op de juiste plaats op de knop)

Stap 5: Via Effecten < Laagstijlen < Schuine kanten kun je de knop één van de mogelijke vormen geven (let op: die met schaduwrandjes of gloed werken hier NIET). Sleep daarvoor het vormpje uit het tabblad effecten op de achtergrondlaag in je werkveld.

Stap 6: Sla nu de knop op

-als psd-bestand via Bestand < opslaan als ...  (om de tekst op de knop nadien nog te kunnen wijzigen, ook jaren later, en toch perfect dezelfde knop te behouden!)

-als gif-bestand om de knop te gebruiken in je website, via Bestand < Opslaan voor web...

Stap 7: Wijzig nu ENKEL de tekst op de knop en herhaal bovenstaande stappen voor elke knop. 

Merk op:

knop in jpg is iets onscherper   Knop in gif is wat scherper
​De linkerknop is in jpg opgeslagen (=beetje wazig), de rechterknop in gif (=veel scherper én dus beter!)én sla je knop terug op als gif-bestand. Doe dit voor elke knop die je nodig hebt.

Hoe voer je die knoppen in op je website?

Lees hier in het stappenplan hoe je de knoppen invoert op je website
én hoe je op elke knop een link plaatst naar de bladzijde die jij wilt. (Stap 1 kun je natuurlijk overslaan, want je hebt eigen knoppen gemaakt!)

Lees verder: