Suunnittele Glossy Web 2.0 -painike Photoshopissa
Haluatko suunnitella kiiltävän näköisiä Web 2.0 -painikkeita? Tässä on yksinkertainen Photoshop-opetusohjelma, joka antaa sinulle askel askeleelta miten saada mukava näköinen punainen kiiltävä painike.
Vaihe 1 - Pohjan luominen
Palaa uusi kangas ja säädä seuraavat asetukset (merkitty keltaisena) alla olevan kuvan mukaisesti. Loput tulevat oletusarvoisesti. Voit ehkä tarkistaa myös oletusarvot.

Luo uusi kerrospuhelu 'Button'

Valitse kerrospainikkeella pyöristetty suorakulmio

Anna sille 7px säde

Piirrä alla olevan kuvan kaltainen suorakulmio.

Vaihe 2 - Punainen painike
Napsauta hiiren kakkospainikkeella "Yhdistysasetukset" -painiketta

Käännä seuraavat asetukset
Pudota varjo

Sisäinen varjo

Viiste-ja kohokuva

Gradiant Overlay


Painikkeenne pitäisi näyttää tältä

Vaihe 3 - Luo kiiltävä vaikutus
Luo uusi kerros kutsu "Glass"

Valitse Retangular marquee -työkalu, varmista, että valitset "Button" -kerros. Pidä Ctrl-näppäintä painettuna ja napsauta kerrospainikkeita”s kerroksen pikkukuva. Sinun painikkeesi pitäisi nyt korostaa.
Valitse nyt "Lasi" -painike, pidä Alt-näppäintä valittuna Retangular marquee -työkalulla. Piirrä (leikkaa) kuvan alla olevan painikkeen alapuolella.

Täytä valittu alue valkoisella värillä #ffffff käyttämällä Paint Bucket Toolia

Säädä opasiteettia 18%: iin

Sinun pitäisi olla kiiltävä painike.

Vaihe 4 - Kuvion peite
Annetaan painikkeelle pieniä kuvioita. Käytän aiemmin luotua mukautettua stripe5px: ää. Luo uusi kerros, joka kutsuu "Pattern" -kohdan "Button" - ja "Glass" -välilehdille ja jatka sekoitusvaihtoehtoja.

Valitse Pattern Overlay, valitse Stripe5px (tai mikä tahansa luomasi malli) ja napsauta OK ja sulje sitten valinta.

Varmista, että olet edelleen suorakulmainen ruudun työkalu, pidä
Vaihe 5 - Tekstin lisääminen
Heitä satunnainen teksti valkoiseksi #ffffff-väriksi seuraavilla asetuksilla

Käytä seuraavia sekoitusvaikutuksia tekstin kerrokseen.
Pudota varjo

Vaihe 6 - Lopullinen tulos
Sinun pitäisi saada tällainen kuva.
