Modern Gombok


1. Lépés:
Kezdj egy új képet mondjuk 300×300 pixellel, fehér háttérrel. Válaszd ki a “Rounded Rectangle Tool”-t az alábbi módon:

2. Lépés:
Add meg az elQtér (Foreground) színét “#F9F9F9″-re, és állítsd be a Radius-t 2 pixelre az alább módon:

3. Lépés:
Menj a fenti Layer menüpontra, és válaszd ki a “Rasterize Layer” pontot. Majd ismét Layer menüpont >> Layer Style >>Gradient Overlay. Használd az alábbi beállításokat:

4. Lépés:
Ugyanitt menj a Stroke menüpontra, és ezeket a beállításokat használd:

5. Lépés:
Még mindig a Layer Sytle-on belül vagyunk. Most következik a Bevel and Emboss opció:

6. Lépés:
Ha ez megvan, nyomj OK-t. Valahogy így kell kinéznie jelenleg a képednek:

7. Lépés:
Válaszd ki az Eraser Toolt (Radír), és a most megjelenQ fenti menübQl állítsd be a Radír Módját (Mode) Block-ra, valahogy így:

Radírozz ki egy részt a gombból, például így:

8. Lépés:
Készíts egy kijelölést az itt látható módon:

9. Lépés:
Most készíts egy új Layer-t az elsQ Layer alá (Magyarázat: Egyszerqen menj a Layer >>New>> Layer from Background-ra).
Most töltsd ki a kijelölést a #FF7E00 színnel. Ha kész, akkor ismét hozd elQ a blending optionst (Layer>> Layer Stlye>>Blending Options)
Bevel and Emboss:

10. Lépés:
Stroke:

11. Lépés:
Ha OK-ztad, akkor a következQ képet kellett, hoy kapjad:

12. Lépés
Kész a gombunk, elmenthetjük, és szövegezhetjük, pl. az alábbi módon:

Forrás: zymic.com
Fordította: Lampard (lampard_kukac_vivo-community.com)

Kapcsolódó bejegyzések:
  • Lyzu küldött egy új tutorialt, melyben egy egyszerűbb térhatású feliratot készít el. Felhasználható pl. bannerekhez, logókhoz, honlap címéhez stb..…

  • Vandit egy újabb tutorialja, melyben az örvénykészítés titkaiba avat be minket. :) (Harder)Örvény Nyissunk egy új 800 px 600 képet fekete hátérrel FILE/NEW …

  • Passatgt egy rövid leírás keretében bemutatja, hogy hogyan "morcosítsunk" egy VolksWagent. Első lépésként nyissuk meg a képet,majd sz …

  • Családtagok, barátok vagy egyéb személyes fotózásakor gyakran találkozhatsz mosolygós arccal (hacsak nem olyan az illető mint én, hogy utálja ha fotózzák :D ). A …

  • Lyzu küldött egy szöveg effekt tippet, köszönjük. :) A tutorial alább olvasható, jó szórakozást!Kezdj egy új dokumentumot, lega …

A cikket beküldte: Harder (http://blog.harder.hu)

Szólj hozzá
a Modern Gombok 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>