Design Web 2.0 Etiket / Badges I Photoshop

Mange Web 2.0-websteder kan lide at bruge etiketter (eller badges) som denne til at levere status for den aktuelle hjemmeside / tjeneste, enten versionen eller om de stadig er i beta. Oprettelse af disse etiketter er ret nemt, især ved brug af Photoshop. Tutorial efter hoppe.

Lav et nyt lærred, 400 bredde 200 højde. Vælg Brugerdefineret formværktøj, under Forms dropdown, vælg Forsegle og træk formen midt på siden.

Navngiv lag Star Label, start Blandings muligheder og indsæt følgende stil:

Drop Shadow

Indre skygge

Bevel og Emboss

Gradient Overlay

• Farve Stop 1: # 0076b3, Placering: 0%
• Farve Stop 2: # b3d5ff, Placering: 100%

Opret et nyt lag, vælg Horisontalt Type Værktøj og indsæt enhver tekst. Jeg bruger teksten Beta! her. Start Blending Options, indsæt følgende stilarter:

Drop Shadow

Gradient Overlay

• Color Stop 1: # b2b9bc, Placering: 0%
• Color Stop 2: #ffffff, Placering: 100%

Holde Ctrl, klik lag miniature for lag Star Label at vælge sin disposition. Opret nyt lag øverst, navngiv det Blank.

Med konturer, der stadig er markeret, skal du vælge Polygonal Lasso Tool, holde alt, og træk en halv cirkel som vist på billedet nedenfor.

Mal den resterende halvdel med hvid, reducer opaciteten til 15%, og her er dit endelige resultat.