Wolk tutorial
Wolk Tutorial by Webbie XL
Wolken
 
Ok in deze tutorial ga je leren hoe je een redelijke wolk
maakt. Misschien heb je dat ooit een keer nodig als je
een header maakt of zo, je weet t niet, althans ik weet t niet.
Geeft verder nix, we gaan gewoon beginnen.
Allereest open je een nieuw venster (CTRL + N) van 400 bij 300.
Nu je dit hebt gaan we een blauwe achtergrond maken, met 2 kleuren.
Ik gebruik de kleuren #2C95FF als boven kleur (standaard zwart) en
#65D1FF
als onder kleur (standaard wit).
Nu gaan we met de gradient tool (G) een liniear gradient
toepassen.
Sleep je muis van helemaal boven naar helemaal beneden en laat dan los.
Je krijgt als het goed is dit:
Nu gaan we het eerste van de wolk tekenen.
Hiervoor selecteer je de Brush Tool (B), kies je de soft round van
21px. Stel hierbij de Opacity en de Flow in op 25%.
Kies ook een
wolk achtig kleurtje zoals F4F4F4, F6F6F6 of F8F8F8.
Nu 'kras' je als het ware de basisvorm van de wolk ergens in je scherm.
De volgende stap: We gaan de wolk een beetje vorm geven.
We gebruiken nog steeds dezelfde kleur alleen nu met een brush
van 9px en stellen we de Opacity en de Flow in op 35%.
Nu kleur je de bovenste helft in, zodat die helft een iets lichtere
kleur krijgt. Doe dit ook met het bovenste kwart van de wolk.
Je krijgt nu zoiets als dit:
Nu gaan we wat Blur toepassen. Ga naar Filter > Blur > Gaussian
Blur en zet de radius op 3.0. Herhaal dit nog een keer (CTRL + F).
Nu gaan we een beetje schaduw aan de onderkant aanbrengen.
We gebruiken dezelfde brush met dezelfde instellingen alleen gaan
we een andere kleur gebruiken, namelijk grijs. Ik gebruik DDDDDD
en ik neem aan jullie ook want ik zou ook alles letterlijk overnemen :D
Ok, nu even serieus. Nu gaan we niet meer zomaar krassen maar
serieus tussen de lijntjes kleuren. Of beter gezegd OP de lijntjes.
Je gaat met je brush over de witste lijnen van de onderste helft
van
de wolk. Snap je het niet helemaal? Vergelijk dan even de plaatjes
van die hieronder en die hierboven. Ga nu nog een keer over de
onderste lijn van de wolk, dus echt de bodem van de wolk.
Nu gaan we weer wat Blur toepassen. Ga naar Filter > Blur >
Gaussian
Blur en zet de radius op 3.0. Herhaal dit nog een keer (CTRL + F)
als dit echt nodig, dus als je duidelijk nog de grijze tekenlijnen ziet.
Nu selecteren we nog een keer de brush, veranderen we de grootte
in 7px en de kleur weer in het wit waar we al die tijd al mee
gewerkt
hebben. Nu gaan we eigenlijk hetzelfde met de bovenkant doen als we
net met de onderkant gedaan hebben. We gaan de bovenkant nog een
beetje extra accentueren. Zo krijg je een beetje de golven die in de
wolk zitten. Als je daarmee klaar ben doe je nog een keer een gaussian
blur er over en dan zou dit ongeveer het uiteindelijke resultaat moeten
zijn.
Nu heb je je eigen 7e hemel gecreëerd, naja eigenlijk je eerste!
Webbie XL
TIP: Wil je het schemer effect in plaats van deze, maak er dan een negatief
van
Door Image > Adjustments >
Invert (CTRL + I)
Of gooi een zon achter de wolken: Filter > Distort > Lens Flare op 110%
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
