Metal button


1.) A PENCIL TOOL segítségével rajzolj egy 75×24 pixel méretű négyzetet. Töltsd ki egy közepes árnyalatú szürke színnel, majd húzz átlósan egy fehér vonalat kicsivel a négyzet közepe fölé.
Most a képednek kb úgy kell kinéznie mint amit lentebb is látsz.

metal button photoshop tutorial 1

2.) Válaszd ki a fehér vonal alatti területet. A FOREGROUND COLOR-t állítsd be (dupla katt rá, erre feljön az ablak) 136/136/136-ra, a BACKGROUND COLOR értékét pedig 58/58/58 -ra.
Készíts egy színátmentet a GRADIENT TOOL segítségével (fentről lefele haladva, tehát felül legyen kicsit világosabb, lent pedig értelemszerűen sötétebb). Tipp: a SHIFT gomb nyomvatartásával egyenes vonalban lehet haladni.

metal button photoshop tutorial 2
metal button photoshop tutorial 3

3.) Most válaszd ki a fehér vonal feletti területet, a FOREGROUND COLOR értékét állítsd fehérre, a BACKGROUND COLOR értékét pedig 101/101/101-re.
A GRADIENT TOOL használatával itt is készíts egy színátmenetet fentről lefele haladva.

metal button photoshop tutorial 4

4.) Készíts egy új layer-t, majd a PENCIL TOOL használatával rajzolj 2 függőleges vonalat a négyzet 2 széle mellett (lásd kép), ezek lesznek a gomb szélei. A layer palletán állítsd a layer tulajdonságainál az Overlay-t, illetve az Opacity értékét módosítsd 75%-ra.

metal button photoshop tutorial 5

Tulajdonképpen készen is van a gomb, már csak egy kis háromszöget, négyzetet stb.. (attól függ neked épp milyen gombra van szükséged) kell hozzá rajzolni (ajánlott azt is új layer-re tenni, hogy mozgatható legyen, plusz érdemes még egy kis árnyékolással feldobni az egészet.

Kapcsolódó bejegyzések:
  • A windows XP “stílussal”, mint grafikával gondolom legtöbben már találkoztatok vagy így, vagy úgy… Többször is megkerestetek már azzal a kéréssel, hogy honlapo …

  • Az alábbi leírás segítségével egy króm hatású “bar”-t tudsz majd elkészíteni a photoshop segítségével.1.) Első lépésként válassz ki egy 15 pixel maga …

  • Ez a tutorial a layer style használatára buzdít, mint azt már tette megelőzőleg jópár.. :) A lépések egyszerűek, csak csináljatok mindent a képeken látható mód …

  • A “Windows XP stílus I.” c. cikk folytatása, hisz többféle módszer is létezik :)1. Hozz létre egy új képet, majd a SELECTION TOOL-lal jelölj ki egy 159px …

  • Egy cigaretta elkészítése Photoshop-ban1. Nyiss egy új képet fehér háttérrel, 120px széleset és 280px magasat. a TOOLS PALETTE-n a FOREGROUND COLOR-n …

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

4 hozzászólás

  1. be says:

    rosz az képlinkelés…

  2. BonFire says:

    Szerintem az első három lépést nyugodtan ki lehet váltani a layer Blendig Options-ben, egy Gradient overlay-jel. Az még jobb megoldás, mert abba utólag is bele tudunk nyúlni. Én legalábbis kedvelem a rugalmas effekteket. Ha nem muszáj, nem gyúrom bele a pixelekbe.

  3. NismoR says:

    Amúgy észrevette vki is az első mondatot? “A PENCIL TOOL segítségével rajzolj egy 75×24 pixel méretű négyzetet.” 75×24 pixel az nem négyzet hanem téglalap xD mindegy, amúgy jó gomb köszi hogy feltöltötted

  4. BonFire says:

    Biztos “négyszög” akart lenni, ami lehet ugye téglalap is (meg még egy csomó minden), de oda se neki. Kicsire nem adunk. Megbocsátható tévedés; főleg, hogy miután tudjuk miről van szó, nem is számít igazán.

Szólj hozzá
a Metal button 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>