Vytvoření elipsovitého buttonu ve Photoshopu - Grafika.cz - vše o počítačové grafice

Odběr fotomagazínu

Fotografický magazín "iZIN IDIF" každý týden ve Vašem e-mailu.
Co nového ve světě fotografie!

 

Zadejte Vaši e-mailovou adresu:

Kamarád fotí rád?

Přihlas ho k odběru fotomagazínu!

 

Zadejte e-mailovou adresu kamaráda:



Webdesign

Vytvoření elipsovitého buttonu ve Photoshopu

15. března 1999, 00.00 | Čas od času dostáváme dotazy týkající se vytváření jednodušších grafických prvků - např. pro web. Opakování je matka moudrosti a tak dnes přinášíme jednoduchý návod na výrobu 3D tlačítka.

Tento "trik" na vytvoření buttonu se může zdát zběhlému uživateli Photoshopu triviální (a taky je), ale živě si pomatuji, jak jsem byl rád za jakoukoli radu ohledně webdesignu, když jsem začínal s tvorbou www stránek.
Takže teď již k samotnému buttonu: Ve Photoshopu si otevřete nové okno o velikosti asi 200 x 80 pixelů. Vyberete nástroj marquee, kilknete na něj, podržíte jej a po chvilce se vám rozbalí možnosti, vyberete elipsu.

1

Poté použijete marquee v obrázku v nové vrstvě a uděláte "vajíčko naležato". Viz obrázek.

2

Vyberete si v paletce nástrojů dvě barvy: první bude jákákoli kromě černé a bílé; druhá bude bílá. Vyberete nástroj gradient tool a aplikujete ho na vybranou selekci v obrázku a to tak, že kliknete vlevo dole a uděláte "úsečku" doprava nahoru.
Musíte si dát pozor: typ přechodu musíte mít nastavený na Radial (je to v paletce Options). Viz obrázek:

3

Selekce se vyplní a vy vyplněnou vrstvu duplikujete (Layer -> Duplicate layer).

Potom tu duplikovanou vrstvu upravíte a to takhle : stisknete najednou CTRL+SHIFT+T a hodnoty v dialogovém okně změníte podle obrazku:

Po tomto úkonu se vám duplikovaná vrstva zmenší a přesune někam vedle. Vy ji (tu zmenšenou vrstvu) musíte přesunout doprostřed té původní vrstvy a aplikujete následující: Layer -> Trasform ->Flip Horizontal a ještě: Layer -> Transform -> Flip vertical.

A je to hotovo. Pokud jste vše dělali pečlivě, mělo by vám vzniknout něco podobného jako na posledním obrázku. Teď již stačí vyplnit button textem !

6

Tématické zařazení:

 » Rubriky  » Webdesign  

 

 

 

 

Přihlášení k mému účtu

Uživatelské jméno:

Heslo: