Hoe maak je een WEB 2.0 Logo

Stap 1
Maak een nieuw bestand van 600 bij 450 pixels (CTRL+N) en typ daarin de tekst van je logo (het liefst in een simpel lettertype zonder hoeken, zoals hier Helvetica Rounded):


Stap 2
Dubbelklik op de tekstlaag die je net hebt gemaakt en voeg hiermee een layer-style toe. Kies de "gradient overlay" met de onderstaande instellingen.


Hiermee krijg je dit resultaat:



Stap 3
Maak daarna een nieuwe laag en maak daarin een ovaalvormige selectie zoals hieronder en vul deze selectie met wit (CTRL+BACKSPACE):


Stap 4
Zorg dat de laag met de witte ovaal geselecteerd is en klik met de CTRL knop ingedrukt op het plaatje (thumbnail) van de tekstlaag waar je net je tekst ingetypt hebt. Als je alles goed gedaan hebt heb je nu een selectie in de vorm van de tekst in de laag van de witte ovaal. Druk als laatste op de toetsencombinatie CTRL+SHIFT+I. Hiermee draai je de selectie om en selecteer je alles behalve de tekst:


Stap 5
Druk op DELETE om het overtollige wit te verwijderen, zoals hier:


Stap 6
Geef deze laag een "opacity" van ongeveer 33%:


Stap 7
Selecteer de laag met het wit en de laag van de tekst en copieer deze. Dit kun je eenvoudig doen door met CTRL beide lagen te selecteren en deze lagen in het een na laatste icoontje te slepen die onderin de layertoolbar staat (een blaadje met een omgevouwen hoekje). Voeg deze lagen samen (terwijl ze nog geselecteerd zijn) door op CTRL-E te drukken. Spiegel daarna deze nieuwe laag verticaal (in het menu: edit->transform->flip vertical) en verplaats de laag zodat de onderkant van de gespiegelde laag tegen de onderkant van de orginele lagen aan komt:


De gespiegelde tekst geef je desgewenst een gradient om hem een beetje in de achtergrond te laten overlopen (zoals hierboven is gedaan). Hiervoor geef je de gespiegelde laag een layer style in de vorm van een "gradient overlay" met de volgende instellingen:


Stap 8
Voeg een "shape" in in de vorm van een ster met meerder punten en geef deze een gele kleur:


Stap 9
Geef deze ster een layerstyle met de volgende instellingen:


en een border:



en een drop shadow:



Hiermee krijg je het volgende resultaat:



Stap 10
Voeg als laatste nog een witte tekst in in de gele ster (verzin maar iets leuks, BETA is hip om overal bij te zetten tegenwoordig, dus doe dat maar):

Post a comment

Name:

Comment:

Are you a real person or a spambot?

Copy the text above in the field below: