Modern műanyag gomb webre, csak Photoshop alkalmazással Photoshop

modern

Csak Photoshop

Photoshop oktatóanyagok és források

Üdvözöljük a SoloPhotoshop alkalmazásban, ahol a legjobb információkat találja az Adobe Photoshop oktatóanyagokról, erőforrásokról és cikkekről!

Modern műanyag gomb a webhez a Photoshop | Csak Photoshop

Modern web gombok a Photoshop alkalmazással

Folytatva a webes interfészek tervezési elemeinek sorozatát, most létrehozunk egy Modern műanyag gombot Photoshop alkalmazással.

Az Elegáns pasztell gombok bemutató után a Modern műanyag gomb második sorozatával fogunk dolgozni, amely egy kicsit összetettebb, de még nem igényel rendkívüli ismereteket a Photoshopról.

Új dokumentumot fogunk létrehozni a gombunkhoz, ha ugyanazokkal a tulajdonságokkal kívánja létrehozni, mint amit használtam. Nyissa meg a "Fájl> Új" menüt.

Ezután aktiválnia kell a szabályokat, és létre kell hoznia néhány útmutatót, amelyek segítenek nekünk összpontosítani az új gombot. A gomb szélessége 220 képpont, magassága 80 képpont. Vigye a "Lekerekített téglalap" eszközt, és csúsztassa el a 35 képpontos sugarú csúszkát az útmutatók segítségével a gomb alakjának létrehozásához, ahogyan azt a következő képen látjuk.

Rétegstílusok alkalmazása

A gomb plasztikus hatásának megteremtéséhez ismét rétegstílusokat használunk, amelyek egyszerűek és hatékonyak, de mindenekelőtt elmenthetők későbbi használatra. Kattintson duplán a gombok rétegére a rétegek palettán, és megjelennek a Stílusok opciók.

A következő képek paramétereit követve el fogjuk érni a műanyag effektus stílusunkat:

Külső ragyogás

Belső shinning

Színátmenet

Stroke

Műanyag stílus

Gombvilágítás

A rétegstílusokkal nehezen elérhető effektus a világításé, amely gyönyörűen növeli a design kontrasztját, ezért ezt a hagyományos módon fogjuk megtenni, pár fehér réteggel nem fókuszálva és játszunk egy kicsit a "Rétegmódok".