photoshop tutorial:
Een Web 2.0 badge maken

Het resultaat van deze tutorial.

De Vorm van de Web 2.0 badge maken.

Start met een nieuw document van 400 op 400px.
Maak een nieuwe laag.
Activeer het gereedschap Veelhoek (eng: Polygon tool)

Stel in de optiebalk de volgende opties in:
Vullen met pixels (eng: Fill Pixels).
Klik op het pijltje en kies voor
Vink Ster (eng:Star) aan.
Zijkanten inspringen met (eng: Indent Sides by): 10%.
Zijden (eng:Sides ): 30.

Ga nu ongeveer in het midden staan en sleep zodat je de vorm van de badge krijgt. De kleur die je web 2.0 badge nu heeft is de voorgrondkleur, welke kleur dit is maakt niets uit.

Vergrendel in het palet lagen de transparante pixels (eng: Lock transparent pixels).

De Web 2.0 badge een verloop geven.

Stel de voorgrondkleur in op fff400 en de achtergrondkleur is op ff881a.
Activeer het verloop gereedschap (eng: Gradient Tool) kies in de optiebalk voor het lineair verloop (eng: Liniar Gradient).
En Teken het verloop nu van linksboven tot rechtsonder.

Ga naar Bewerken > Omlijnen (eng: Edit > Stroke) en stel de volgende opties in.
Breedte: 2px.
Kleur: ff7b00.
Locatie: binnen.

Wat tekst toevoegen.

Type de tekst in Arial, vet, grootte 72pt, kleur f8edd1.
Druk Crtl+T en roteer de tekst zoals hier te zien is.

Een glanzend effect en wat schaduw aan de Web 2.0 badge toevoegen.

Kopieer de ster laag en plaats deze bovenaan.
Activeer het gereedschap ovaal selectiekader (eng: Oval marquee tool) en maak een selectie van het bovenste stuk. Omdit te doen moet je linksboven de web 2.0 badge beginnen.

Keer de sectie op door CRtl+Shift+I te drukken.
Druk delete om de geselecteerde pixels te verwijderen en druk Crtl-D om te deselecteren.
Vul deze laag met wit. Bewerken > Vullen (eng: Edit > Fill) en verander bij gebruik (eng: use) naar wit.

Verlaag de dekking van deze laag naar ongeveer 30%.

Dubbelklik in het palet lagen op de onderste ster om het venster laagstijlen te open.
Ga naar slagschaduw (eng: Drop shadow) en verlaag de dekking (eng: Opacity) naar 35%.

En je eigen Web 2.0 badge is klaar.

Wil je deze tutorials maken maar heb je geen Photoshop? Download een gratis trialversie van Adobe Photoshop op de site van adobe.

Laat ons weten wat je van deze tutorial vond.

Voeg deze tutorial toe aan: