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.
