Hey guys back-to-back Photoshop Tutorials. In deze tutorial zal ik u leren hoe u I-Phone Net Button in Photoshop. Dit is zeer eenvoudig en zeer effectief tutorial. Ik hoop dat u deze tutorial genieten.

Final Preview

Dit is wat we gaan doen vandaag

Stap # 1

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

Stap # 2

Vul de kleur in de achtergrond laag, mijn kleur is # 333333.

Stap # 3

Maak een nieuwe laag de naam van de laag Stripe verloop. Kies de Rectangular Marquee Tool en creëren witte streep.

Styling de Stripe Layer dubbel-klik op de miniatuur van de Stripe Layer in het deelvenster Lagen het openstellen van de Layer Styles dialoogvenster, zullen we het toepassen van een verticale gradiant effect voor je achtergrond. Klik vervolgens op de c olor gradiënt over het recht van de Gradient optie om de openstelling van de Color Gradient Editor.

Dubbel-klik op links-kleur-stop en voer de kleurwaarde # aaaaaa, dubbelklik dan op links-midden-kleur-stop en voer de kleurwaarde # cccccc, dubbel-klik op rechts-center-color-stop en voer de kleurwaarde # dddddd, dubbelklik vervolgens op rechts-kleur-stop en voer de kleurwaarde # ffffff.

Moet er zo uitzien.

Stap # 4

Selecteer de Rounded Rectangle Tool en creëren knop, de mijne straal is 90X40px.

Nu gelden enig effect

Gradient Overlay

Styling de knop dubbelklikt u op de miniatuur van de Layer knop in het deelvenster Lagen het openstellen van de Layer Styles dialoogvenster, zullen we het toepassen van een verticale gradiant effect voor uw Button. Vervolgens klikt u op het kleurverloop aan de rechterkant van de Gradient optie om de openstelling van de Color Gradient Editor.

Dubbelklik op links-kleur-stop en voer de kleurwaarde # 000000, dubbelklik dan op links-midden-kleur-stop en voer de kleurwaarde # 222222, dubbelklik dan op rechts-center-kleur-stop en voer de kleurwaarde # 444444, dubbelklik vervolgens op rechts-color-stop en voer de kleurwaarde # 666666.

Schuine kant en reliëf

Vervolgens passen de Bevel and Emboss laag stijl. Veranderen van de stijl Outer Bevel, dan verandert de waarde van de diepte, de grootte en te verzachten. Ik kies om de diepte vastgesteld op 100% grootte op 1px en Zachter op 10px

Belangrijk onderdeel van deze Tutorial: Houd de hoek -90 ^o, Hoogte bij 40 ^o

Markeer modus: ik ervoor kiezen om de Dekking op 100%.

Shadow-modus: ik kiezen om de Dekking op 100%.

Slag

Tot slot zullen we de toepassing van de Stroke. Eerste veranderen van de waarden van de grootte. Ik kies ervoor om de grootte vastgesteld op 1px. Veranderen van de positie op Inside

Ik kies ervoor om de Dekking op 80%.

Verander de kleur van de Stroke standaard # 222222

Moet er zo uitzien.

Stap # 5

Selecteer tekst gereedschap en typt u tekst op de voorzijde.

We zullen van toepassing zijn enig effect voor tekst.

Bevel Reliëf

Dubbelklik op de miniatuur van de tekst is laag in het deelvenster Lagen het openstellen van de Layer Styles dialoogvenster. Wij zullen van toepassing zijn Bevel Reliëf, Eerste veranderen van de stijl te Outer Bevel en Techniek aan Chisel Soft, dan veranderen de waarden van diepte, richting, grootte en te verzachten. Ik kies om de diepte vastgesteld op 130%, Direction in Down Size op 1px en verzachten 0px op

Belangrijk onderdeel van deze Tutorial: Houd de Hoek op 90 ^o, Hoogte bij 30 ^o

Markeer modus: ik ervoor kiezen om de Opacity op 0%.

Shadow-modus: ik kiezen om de Dekking vastgesteld op 50%.

Final Preview

Tot slot hebben we gedaan deze tutorial.

Dit is wat we gaan doen vandaag

Download het bronbestand

Als u wilt uw werk te controleren, kunt u downloaden van de PSD-bestand voor deze tutorial.

iPhone-like-buttons.rar (21.3 kb)

Geplaatst onder: Photoshop, Tutorials door admin