Tips

knoppen maken

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

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 minst vervorming. Je kan kiezen:

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

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 3: Via Bewerken < Opvullaag geef je de knop een kleur (of een licht patroon)

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

De linkerknop is in jpg opgeslagen (=beetje wazig), de rechterknop in gif (=veel scherper én dus beter!)

stap 7: Wijzig nu ENKEL de tekst op de knop

é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.