Ontwerp Web 2.0-label / -badges in Photoshop
Veel Web 2.0-websites gebruiken graag labels (of badges) om de huidige website / service te leveren, de versie of ze bevinden zich nog in de bètafase. Het maken van deze labels is vrij eenvoudig, vooral met het gebruik van Photoshop. Tutorial na de sprong.
Maak een nieuw canvas, 400 breedte 200 hoogte. kiezen Aangepast vormgereedschap, onder Vormdropdown, selecteer zegel en teken de vorm in het midden van de pagina.
Noem de laag Star Label, start Meng opties en voeg deze volgende stijl in:
Slagschaduw
Innerlijke schaduw
Schuine kant en reliëf
Overlay met kleurovergang
- Color Stop 1: # 0076b3, locatie: 0%
- Color Stop 2: # b3d5ff, Locatie: 100%
Maak een nieuwe laag, selecteer Horizontal Type Tool en voeg een willekeurige tekst in. Ik zal de tekst gebruiken beta! hier. Start Blending-opties, voeg de volgende stijlen in:
Slagschaduw
Overlay met kleurovergang
- Color Stop 1: # b2b9bc, Locatie: 0%
- Color Stop 2: #ffffff, Locatie: 100%
Houden Ctrl, klik op laagminiatuur voor laag Star Label om de omtrek te selecteren. Maak een nieuwe laag helemaal bovenaan, noem die Glanzend.
Als contouren nog steeds zijn geselecteerd, selecteert u Veelhoekige lasso-tool, houden alt, en teken een halve cirkel af, zoals op de afbeelding hieronder.
Schilder de overgebleven helft met wit, verminder de dekking tot 15% en hier is je eindresultaat.
