Történések:

Ma 2009. január 6., kedd
Boldizsár, Menyhért napja van.
Holnap Attila, Ramóna napja lesz.

Szeged
-6°C
[Részletesen]

Ki van itt?

Szakítsd át gátjaid
A világ legyél te magad
Égesd el könyveid
A bölcsesség legyél te magad
Tags: Add more tags...,
 
Egyszerű nyomógomb Nyomtatás E-mail

Ez a cikk azoknak írodott, akik saját gombokat (ékes magyar nyelven: button) akarnak készíteni, mert ugye ez nem kötelező, rengeteg hely van az interneten ahol ingyen vagy netán pénzért szebbnél szebb nyomógombokat találhatunk, hagy ne kutassak most címeket... Gondolom, ha bárki rákeres valami keresőgépen (excite, infoseek, yahoo stb., aki nem tudja miről van szó az úgyse akar nyomógombokat letölteni...) a "www button" vagy más hasonló kulcsszavakra, tonnaszámra jönnek majd a címek. De a saját nyomógombokat előállítani akarók közül is azoknak szól leginkább, akik Photoshopot használnak.

Legelső példánk egy kerek nyomógomb lesz, fölirattal a közepén, amelyet halvány fehér ragyogás övez.

Image1. Első dolgunk egy kisebb új kép létrehozása, ne legyen túl nagy, kb 80-120 pixeles méret éppen elegendő. Hozzunk létre szabályos kör alakú kiválasztást (Marquee Tool, Shape: Elliptical; a SHIFT-et lenyomva a kör szabályos lesz), és vigyük nagyjából középre (a klaviatúra nyilaival is tudjuk mozgatni, úgy talán precízebb).

 

Image2. állítsunk be valamilyen világos színt előtérszínnek, és ugyanennek a színnek egy sötétebb árnyalatát háttérszínnek (én pl. világos- és sötétkéket használtam). Most a színátmenet eszköz (Gradient Tool) következik, beállítások: Gradient: Foreground to Background, Type: Linear. A kör bal fölső szélétől kezdve csináljunk egy átmenetet a jobb alsó széléig, kb. 45 fokos szögben. Mentsük le a kiválasztást (Selection/Save Selection), majd húzzuk össze 1 pixelnyit (Select/Modify/Contract, Contract By: 1 pixels), és mentsük el ismét. Ez majd arra lesz jó, ha majd átlátszó gifként exportáljuk, akkor ezt a második alfa csatornát kell majd használnunk az átlátszósághoz, mert így biztos hogy nem marad az eredeti kép hátteréből a gomb széleinél fehér szín. Szüntessük meg a kiválasztást (Ctrl-D).

 

Image3. Most az előző kör fölött kell egy újabb kör alakú kiválasztást létrehozni, lehetőleg úgy, hogy legalább a nagyobb körhöz viszonyítva középen legyen. Célszerű külön rétegen dolgozni. Ebben is kell csinálnunk egy színátmenetet, csak most az ellenkező irányból, a kör jobb alsó szélénél kezdve, a bal felső széléig, szintén kb. 45 fokos szögben. Erre a kiválasztásra nem lesz szükségünk, úgyhogy ezek után nyugodtan szüntessük meg. Ha külön rétegen dolgoztunk, akkor most simítsuk össze a rétegeket (Layers paletta, Flatten Image).

 

Image4. A felirat létrehozása egyszerű dolog, az eddigi háttérszínt használjuk előtér színnek (az eszköztár palettán az elő, és háttérszíneket tartalmazó kis négyzetek fölött levő kétágú nyilacskára bökve a két szín fölcserélődik), majd a Type Tool  eszközzel írjuk le mit akarunk. A felirat külön rétegen fog létrejönni, mozgassuk középre, ha még nem lenne ott.

 

Image5. Most már csak a ragyogás hiányzik. Másoljuk le a felirat réteget (a Layers palettán megragadjuk a réteget és a szamárfüles Create New Layer ikonra húzzuk), és a lejjebb levő felirat réteget a Preserve Transparency opciót bekapcsolva töltsük ki fehér színnel (Edit/Fill/Use: White). Azért kell bekapcsolni a Preserve Transparency-t, hogy csak a betűk legyenek fehérek, ne töltse ki az egész réteget, vagyis az átlátszó részek megmaradjanak. Ezek után kapcsoljuk ki a Preserve Transparency-t, és ízlés szerint használjuk a Filter/Blur/Gaussian Blur effektet. Kész a ragyogás. Ha mindent elkészítettünk úgy, ahogy szerettük volna, akkor: Flatten Image, aztán konvertáljuk 8 bites képpé: Image/Mode/Indexed Color (Palette: Adaptive, Color Depth: 8 bit, Colors :256, Dither: Diffusion), végül exportáljuk a File/Export/Gif89a Export segítségével átlátszó gifként.

Tags: Photoshop, Add more tags...,
 
Következő >
Támogasd az oldalt/
Please Donate This Site

Ízelítő a fotótárból

Belépés






Jelszóemlékeztető    Regisztráció
 

Oldalletöltések

2008 július 20-tól
Tags: Sajtos ponty tepsiben, Add more tags...,