|
In deze tutorial leer je hoe je een stijlvolle web site lay out kan maken tools die o.a aan bod komen zijn : brush tool, rectangular marquee tool en pen tool ook word er gebruikt gemaakt van layer styles.
Je begint met : niks
Je eindigt met :
klik voor ware grote. ( deze optie heeft elk plaatje in de tutorial zodat de tutorial overzichtelijk blijft maar jullie ook de details kunnen bekijken )
stap 1 : Zoek ( of maak ) een mooi patroon en vul daar je hele bestand mee
stap 2 : maak een new layer neem de rectangular marquee tool en selecteer een deel van je bestand, laat boven meer ruimte over voor de kop, ga naar layer styles en selecteer outer glow, zet de blend mode op : color dodge, zet de opacity op 34 %, zet de spread op 3 en de size op 32 de rest moet je laten zoals het stond.
Haal daarna een deel weg omdat het wat dynamischer te maken.
stap3: Kopieer de vorige layer en knip het kleinste deel weg, verklein deze layer vervolgens met free transform, zorg ervoor dat hij past in het kleinste deel van de vorige layer. herhaal deze stap zo vaak als nodig ( denk dus na over het aantal buttons wat je nodig hebt op je site ).
stap4: Maak een new layer aan en selecteer de pen tool, maak een golfende lijn en zorg dat je hem helemaal sluitend maakt, klik daarna met de rechter muis knop erop en selecteer Make selection en druk op Ok.
Vul je selectie met wit en zet de opacity op 3. Verwijder vervolgens alles wat buiten het vierkant gevallen is. Herhaal deze stap voor je buttons.
stap 5 : Voeg de tekst toe, neem 2 lettertypes, gebruik verschillende grotes en kleuren voor de kopjes en headlines.
Zorg ervoor dat de teksten duidelijk leesbaar zijn en goed geplaatst ( denk aan de tekst in de buttons netjes onder elkaar ).
stap6: Voeg op een paar mooie plekken ( doe er niet te veel ) een grote brush toe, neem een lichte kleur die past, zet de layer op color dodge en de opacity op 39 %.
Kijk ook of het beter is om hem deels weg te knippen, hier onder, en helemaal te laten, hier boven.
stap7: Voeg een laatste button aanduiding toe. Deze kan je kopieren van 1 van je button layers.
stap8: Voeg een laatste detail toe waar mogelijk.
Je bent nu klaar met deze tutorial.
|
