• Artikel geschreven
  • op 29.01.2010
  • op 11:39
  • door admin

Hoe knop te maken Simple & Slick Blue - Photoshop Tutorial

In deze tutorial gaan we eenvoudige en gladde blauwe knop te maken. Dit is zeer eenvoudig en zeer effectief tutorial, dus alles wat je nodig hebt, is Adobe Photoshop om je dit effect. Ik hoop dat je deze tutorial zal genieten.



slik-red-button-heading

Stap # 1

Open Photoshop en maak een nieuw document, de mijne is 550px × 125px met een witte achtergrond.

slik-red-button-step1a

Stap # 2

Vul de kleur in de achtergrond laag, mijn kleur is # 3B3F46.
slik-red-button-step2a

Stap # 3

Selecteer het gereedschap Afgeronde rechthoek en maak-knop, de mijne Radius is 15px, breedte: 128px en hoogte: 36px. Verander je voorgrondkleur op een mooie # 13AAB7 (Blauw).
slik-red-button-step2

Stap # 4

Nu moeten we een aantal leuke effecten toe te voegen aan de knop.

Gradient overlay

Styling op de knop te dubbelklikken op Button laag miniatuur van de in het deelvenster Lagen om het openstellen van de Layer Styles dialoogvenster, passen we een verticale Gradient Effect voor de knop. Vervolgens klikt u op het kleurverloop aan de rechterkant van de Gradient optie om het openstellen van de Color Gradient Editor.

Eerste wijziging van de blending optie op Overlay. Houd de hoek van 90o, dan het veranderen van de waarden van de opaciteit. Ik kies ervoor om de ondoorzichtigheid van de op 50%.

slik-red-button-step4a

Dubbelklik op de linker-kleuren-stop en voer de kleurwaarde # 000000, dubbelklik dan op rechts-kleuren-stop en voer de kleurwaarde # FFFFFF.

slik-red-button-step4b

Inner Glow

Volgende toepassing van de innerlijke gloed laagstijl. Eerste wijziging van de blending optie om overlay, dan het veranderen van de waarden van de opaciteit en grootte. Ik kies ervoor om de dekking op 55% en afmeting op 6px.

Wijzig de gloed Kleur van de standaard op # FFFFFF

slik-red-button-step4c

Slagschaduw

Volgende gelden de slagschaduw laagstijl. Eerste wijziging van de blending optie Normaal. Houd de hoek van 120o, dan het veranderen van de waarden van Dekking en grootte. Ik kies ervoor om de ondoorzichtigheid van de op 55% en afmeting op 3px.

slik-red-button-step4d

Moet er zo uitzien.

slik-red-button-step4

Stap # 5

Maak een nieuwe laag, maak een selectie rond uw originele toets, kunt u dit doen door de Ctrl vervolgens te klikken op de miniatuur van de laag.).

slik-red-button-step5

Vul de voorgrondkleur op wit.

Selecteer het gereedschap Afgeronde rechthoek, selecteert en verwijdert u de onderste helft van de witte laag die je net heb gedaan, moet u aan de knop het meten van de hoogte van uw vóór het verwijderen van de onderste helft.

slik-red-button-step5a

Eerst moet je de layer-modus optie te veranderen naar Softlight, dan het veranderen van de waarden van de opaciteit. Ik kies ervoor om de dekking op 20%

Stap # 6

Selecteer Horizontal Type Tool en type tekst op de voorzijde.

Definitief

slik-red-button-final

Laat ons weten hoe dat deze tutorial kan meer beter worden? Als je er een andere photoshop tutorial die je wilt delen met ons, voel je vrij om ons te laten weten door te laten vallen in een commentaar.

Als u zou graag meer informatie ontvangen tutorials van ons, kunt u overwegen een abonnement op onze feed door RSS of per e-mail .

Promoot ons

  • Voeg toe aan Mixx!
Ace Hosting India
Untitled Document

2 Reacties

  1. Dit artikel is gedeeld op favSHARE.net . Ga en stem op!
    laatste blog .. favSHARE's Make Money Online met domein Aankoop Mijn ComLuv Profiel

  2. [...] Hoe te Simple & Slick Blue knop te maken - Photoshop Tutorial [...]

Geef uw mening

XHTML: U kunt gebruik maken van deze tags: href="" titel=""> <abbr title= <acronym title= <b> <blockquote noemen=""> <cite> <code> < del datetime = ""> <em> <i> <q cite= <strike> <strong>


CommentLuv Enabled