Photoshop létrehozása Web 2.0 gomb

Gombok A Photoshop bemutatói valószínűleg a Photoshop oktatói webhelyének egyik legmelegebb kategóriája, és mivel a Web 2.0 most olyan forró témaként szolgál, lehetővé teszi, hogy egy egyszerű gombot használjon a Web 2.0 bármely webes alkalmazására. Oktatás után ugrás.

Hozzon létre egy üres vászonot kb. 500xx (szélesség) x 400px (magasság) értéken, hogy elindítsa a gombot. Új réteghívás létrehozásabg01”. Válaszd ki a Lekerekített négyszögletes eszköz, tartsa lenyomva a SHIFT gombot, és rajzoljon egy kör alakú négyzetet a központban. Bármilyen szín finom az aktuális színpadon.

Hívja fel Keverési opciók nak,-nek 'bg01és állítsa be az alábbi stílusokat:

Árnyék

• Opacity: 40%
• Távolság: 0px
• Spread: 0%
• Méret: 6px

Gradiens átfedés

• Színmegállás: 0%, # d00031
• Színmegállás: 100%, # ff2b5d

Tartsa lenyomva a CTRL billentyűt, kattintson a bal egérgombbalbg01'Réteg miniatűr az alakzat kiválasztásához. Megy választ -> Módosít -> Szerződés és adja meg az értéket2px”. Ez 2 pixelrel csökkenti a kiválasztott területet.

Új réteghívás létrehozásabg02'és betöltötte a kijelölt (zsugorodó) területet bármilyen színnel. Itt használom a # 000000 feketét. Kattintson duplán a "bg02" -ra, hogy elindítsa a Keverési opció és csípje a következő stílust.

Gradiens átfedés

• Színmegállás: 0%, # c6002f
• Színmegállás: 100%, # c6002f

Hozzon létre újabb új réteget a szöveghez, hívja azttxt”. Helyezze be a gomb szövegét. Használok egy ábécét, hogy képviseljem. Az általam használt betűtípusok a következők:

• Lekerekített Arial Bold
• 150pt

Ugyanígy, miután eldöntötte a szöveget, kattintson duplán a "txt" -re, hogy elindítsa a Keverési opciók és csípje a következő stílusokat.

Árnyék

• Opacity: 25%
• Távolság: 0px
• Spread: 0px
• Méret: 5px

Belső árnyék

• Opacitás: 10%
• Távolság: 0px
• Fojtó: 0
• Méret: 10px

Bevel Emboss

• Mélység: 1px
• Irány: Le
• Méret: 0px
• Softten: 0px
• Kiemelt mód opacitás: 32%
• Árnyékolási mód Opacity: 32%

Gradiens átfedés

• Color Stop: 0% # d2d2d2
• Színes megállás: 100% # f0efef

A gomb majdnem kész. Adjunk egy kis ragyogást a felső részre. Tart CTRL, bal klikk 'bg02'Réteg miniatűr a külső alak kiemeléséhez; választ Eclipse Marquee eszköz. Most tartsa ALT, az Eclipse Marquee eszközzel válassza ki a húzást, hogy a kijelölt terület alsó felét mínuszolja. Lásd a fenti képet.

A kiemelt felső rész és az Eclipse Marquee eszköz továbbra is kiválasztva, kattintson jobb gombbal és válassza ki Madártoll; belép 15px a sugár számára.

Hozzon létre egy új réteget, hívja aztvilágít'és töltse ki a kiemelt részt fehér [#ffffff]. Ez hozzáadja az izzó hatását a gomb felső részéhez. A végterméknek az alábbi képen láthatónak kell lennie.

Töltse le a bemutatót

Valami extra…

Csökkentse a keverési opciókat:bg01'és'bg02'érdekesebb gombokat ad. Íme egy másik Photoshop bemutató gomb, amit korábban tettem - Fényes gomb létrehozása a Web 2.0 számára

Minta letöltése