Modern Gomb


Honlapon használható egyszerű és modern gomb készítését mutatja be a leírás.

1.Lépés

Hozz létre egy új dokumentumot 130x80px-es mérettel, fehér háttérrel

2.Lépés

Válaszd ki a Rounded Rectangle Tool-t ezekkel az értékekkel:

és hozz létre egy ilyen ábrát a szín #CDD886:

3.Lépés

Válaszd ki a Blending Optionst és állítsd be ezeket az értékeket:

Drop Shadow

Gradient Overlay

Stroke1px-es a színe:#9EAB48 Most itt tartunk

4.Lépés:

Hozz létre egy új réteget majd válaszd ki a Elliptical Marquee Tool és hozz létre egy ilyen kijelölést és színezd ki fehérre

Válaszd ki a Blending Optionst és állísd be ezeket az értékeket:

Inner Shadow

Stroke1px-es a színe:#95A339

5.Lépés

Hozzlétre egy új réteget Rectangular Marquee Tool segítségevel csinálj egy 1px-es kijelölést és színezd át #9EAB48-as színnel. Ezután az új vonal mellet csinálj jobbra és balra is egy-egy 1px-es kijelölést ezeket #F4F7DA színnel fesd át.

6.Lépés

Mehet rá a szöveg én Arial Narrow-t használtam 12px-est fehér színnel. Utána Blending Options a szöveg rétegnek Stroke:1px-es és #7D8928 színt.

Kapcsolódó bejegyzések:
  • Pár egyszerű lépésben bemutatom, hogyan lehet egy sörösüvegre buborékokat varázsolni.1.) Először is kell valamiféle üveg. Google-val találhatunk rengeteg …

  • Régebben írták páran a lap látogatói közül, hogy örülnének egy userball tutorial-nak. Kerestem pár minőségi userball-t. Ezeket próbáltam megcsinálni Photoshopban …

  • 1.) Nyiss egy 420×160-as méretű, fehér dokumentumot. 2.) Tegyél a dokumentumba egy képet, és azt helyezd el kedved szerint. Én ezt használtam: punisher5ea.png. …

  • Ebben a leírásban szeretnék nektek segíteni egy weblap logó megrajzolásában, hogyha netán az ötletekből jócskán elfogytatok. Először is hozzatok létre egy új 70 …

  • Ebben a tutorban egy egész jó kis golflabda készítését mutatom be. Lássunk hozzá! 1.) Készíts egy 500×500-as képet. 2.) Hozz létre egy új réteget (Layer > N …

A cikket beküldte: tomyka (http://webdesign.tomyka.net)

Szólj hozzá
a Modern Gomb c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>