Web gomb készítése Photoshoppal

Web gomb készítése Photoshoppal egyszerűen elvégezhető rétegstílusok alkalmazásával.

1. Készítsünk egy 150×90 képpont méretű képet Ctrl+N és rajta hozzunk létre egy 4 képpontal kerekített téglalapot.

Kerekített téglalap

Gomb rétegstílusa

2. A gomb rétegstílusának elkészítéséhez válasszuk a Réteg > Rétegstílus > Színátmenet átfedés lehetőséget, és az átmeneten kattintva adjuk egy kb. 70% feketét a fehér szín helyett.

Gomb színátmenete

Körvonal, bevésés

3. Állítsuk be a körvonalat 1 képpont feketére, majd a Bevésés és domborítás stílusának állítsuk be a képen látható értékeket.

Gomb körvonala

Felirat

4. Készítsük el egy szürke feliratot 16 pontos Tahoma betűtípusból, majd vigyünk rá egy kis árnyékot és domborító hatást, hogy ne legyen egyszín szürke a feliratunk. Gomb színátmenete

Extra felirat

5. Ha kell, kiegészítésnek tegyünk rá még egy feliratot. Toll eszközzel készítsünk 45 fokos csíkot, melyre a felirat kerül. Majd ebből kijelölést készítve egy új rétegen hozzunk létre egy körkörös szürke-fekete átmenetű kitöltést. Ezután árnyékoljuk a széleit és jöhet rá még egy belső árnyék további fénynek. Majd végezetül helyezzük rá a szöveget. Extra feliart

A további lépések, variációk a videón.

A web gomb Photoshop fájlnak letöltése: Web2Gomb_Photoshop.zip

e-max.it: your social media marketing partner
Címkék: ,