_Tetszetős fénylő menü Photoshop-pal

Úgy gondoltam ezt megosztom veletek. Így kell helyes kis menüsort csinálni:

Nyissunk meg egy új transparent hátterű dokumentumot (File -> New / ctrl+n) lehetőleg ne legyen túl magas. Az én méreteim: 600 X 38.
Majd a Tools palettán jelöljük ki a Rounded rectangle szerszámot, felül a Shape layers-t - a radius értéke legyen 10 - és készítsünk vele a dokumentumba egy téglalapot.
Most állítsuk át a színeket úgy hogy a foreground color 3c06f3, a background color pedig 0a0031 legyen. Most a Layers palettán az Add a layer style gombra kattintva adjunk egy Gradient overlayt a grafikánkhoz. Kattintsunk az átmenetes színcsíkra, és válasszuk ki a kék átmemenetünket. Látni fogjuk hogy felül van a világosabb kék, alul a sötétebb.
Alkalmazzunk rajta Inner shadow effektet 80-as Opacity értékkel, a distance és a size pedig legyen 1. Most másoljuk le a layerünket Layer -> Duplicate layer. Ez a másolat felülre fog kerülni. Fogjuk meg az effekteket és hajítsuk bele a paletta alján lévő virtuális kukába vagy jobb egér az effects-re és Clear layer style. Raszterizáljuk a layert : Layer -> Rasterize -> Shape. Jelöljük ki a Rectangle tool szerszámot a Tools palettán. Ezzel a szerszámmal jelöljük ki a téglalapunk teljes alsó felét ( pár pixellel lehet több is ), majd nyomjuk meg a Delete gombot. Most menjünk az Edit -> Free Transform menübe, és állítsuk be a W (width) és H (height) értékét 98%-ra. Igazítsuk úgy hogy az alatta lévő layerünk széle egyformán lógjon ki felül és két oldalt. Most állítsuk a színeket be úgy hogy az előtér szín legyen 4c20fb a háttér szín pedig dcd4f9. Alkalmazzuk a Gradient overlay effektet és a gradient editorban állítsuk be az alsó csúszkát hogy a Location legyen 50.
A következő eredményt kapjuk:
Ez most úgy néz ki mintha felülről megvilágítottuk volna. Nincs más hátra mint az elválasztó csíkok elkészítése. Először is adjunk hozzá egy új layert. (Create a new layer) Most a navigatorban nagyítsuk fel és 2 px szélesen és az ábra magasságának megfelelően - ami lehet hogy nem pontosan akkora mint a dokumentum mert lehet egy-két pixellel rövidebb is - a Rectangle tool szerszámmal kijelölünk egy álló téglalapot és húzunk bele 1-1 px szélességben egy fekete és egy fehér vonalat. Igyekeztem a lényeget kimetszeni az ábrából, tehát valahogy így fog kinézni:
Most tetszőlegesen a Duplicate layer menüpont segítségével annyit csinálunk belőle amennyire szükségünk van. A nyíl gomb segítségével nagyjából egymástól egyforma távolságra helyezzük el őket. Jelöljük ki az összeset a layers palettán a Shift gomb folyamatos lenyomásával és közben kattintsunk egyenként a layerekre. A következő gomb lenyomásának segítségével pontosan egyforma távolságra kerülnek egymástól:
Vonjuk össze ezeket a layereket (Ctrl+E) és a Layers palettán a Blend mode-ot állítsuk át Soft light-ra.

Most már csak a menüszöveg hiányzik róla.

Egy kész menüsor pink színben, bordós lilás háttérrel:

 

(A smiley is saját gyártmány...)

 

Na meg egy kis zene:


 


Get your own Box.net widget and share anywhere!

 

42 hozzászólás eddig

- buzz off
buzz off
2009-10-09 19:37:26

Nahat kicsiszenten de jokis iras:egy darab kukkotsem ertek belole,de odase nekije,megyek inkabb babot zsizsikezni!:-))

- Cybersaint
Cybersaint
2009-10-09 19:40:07

buzz off: csak egy kis kreatív informatika :) De még szerkesztem az írást mert úgy látom most meg belelógok az oldalsó részbe :)

- Cybersaint
Cybersaint
2009-10-09 19:46:55

Lesz majd még egy kis meglepi is a későbbiekben tőlem :)

- Cybersaint
Cybersaint
2009-10-09 20:08:45

Kakukk...

- buzz off
buzz off
2009-10-09 20:16:55

Itt vagyok ragyogok,ezt nekem irtad?:-))

- buzz off
buzz off
2009-10-09 20:18:48

Na kepzeld el,hogy rajottem otta masikon komolynak kell legyek,hataz nemis olyan blokter mint ez itten!

- buzz off
buzz off
2009-10-09 20:31:57

Rajottem idovel magam is!:-DDSzval ott komoly leszek!Kukkancs oda!Ott felfedtem magamat!:-))

- Cybersaint
Cybersaint
2009-10-09 20:34:34

Közben töröltem magamat véletlenül, megnéztelek írtam is hozzászólást :))))

- buzz off
buzz off
2009-10-09 20:37:47

Itt koszonom meg,lattam,csak meg nem tom hogy kell ott valaszolni,de majdcsak megtanulom!:-))

- buzz off
buzz off
2009-10-09 20:38:49

Meg el is koszonok,mert meg dolog van!Szep estet!:-))

- Cybersaint
Cybersaint
2009-10-09 20:40:21

Szerintem ott alul kell vagy rákattintani az enyémre? Nem tudom mindenesetre neked is szép - napot mert gondolom ott most más napszak van mint itt :D - puszi :*

- Cybersaint
Cybersaint
2009-10-10 00:23:07

Raktam be lejátszót is úgyhogy most lehet hallgatni :)

- Cybersaint
Cybersaint
2009-10-10 00:24:14

Ejj. Ö betűt nem ismerte fel, az ott a playlistben König akart lenni :)

- Cybersaint
Cybersaint
2009-10-11 21:48:53

Mennyit dolgoztam ezzel a bejegyzéssel és egy szavazatot se kaptam...

- Mari
Mari
2009-10-11 21:53:57

dehogynem :)

és klassz lett a menüsor. Majd megpróbálok alkotni egyet én is a tanácsaid alapján. De talán csak a hét közepén lesz rá időm.

- Cybersaint
Cybersaint
2009-10-11 21:56:38

Mari: Köszi, akkor visszaszívtam amit az előbb mondtam :))))
Sok sikert hozzá!
A többieknek is, ha "Photoshoppingolnak" és van hozzá türelmük ;)

- Cybersaint
Cybersaint
2009-10-11 22:00:49

Hozzáteszem, hogy más színárnyalatban is gyönyörű tud lenni :)

- Mid
Mid
2009-10-11 22:01:44

Jaj, Cybersaint nekem ez japánul van.

- Cybersaint
Cybersaint
2009-10-11 22:04:36

Mid: Pedig nem is :)
Köszi a szavazatot :)
Mindjárt beteszek egy pink menüsort...

- Cybersaint
Cybersaint
2009-10-11 22:11:05

Már be is raktam. Meg lehet tekinteni :)

- Koczeka
Koczeka
2009-10-11 22:12:52

Szia!
Rögtön szavazok is!

- Koczeka
Koczeka
2009-10-11 22:14:19

szerintem jó a leírás, bárcsak többet tudnék én is a photoshopról...
elféren nálam is a weboldalakon egy kis ujítás

- Cybersaint
Cybersaint
2009-10-11 22:15:54

Szia köszi Koczeka, lesz majd még pár saját trükköcske :)
De terveztem hogy csinálok gombokat és megosztom veletek, mindenki letöltheti magának majd azt a gomb imaget ami tetszik neki :)

- Mid
Mid
2009-10-11 22:16:44

Cybersaint! Honnan tudtad, hogy szavaztam? Lesekszünk? :)
Ígérem, ha nyugdíjas leszek, és több időm lesz, akkor belemélyedek ezen a szinten...:)

- Cybersaint
Cybersaint
2009-10-11 22:19:42

Mid: Kukkoltam :D
Ok én kívánok Neked sok sikert hozzá, szerintem érdemes belemélyedni, gyönyörű dolgokat lehet vele alkotni :)

- Cybersaint
Cybersaint
2009-10-11 22:20:40

Nálam a blogomban az összes grafika PS segítségével készült. Mind saját kitaláció :)

- Koczeka
Koczeka
2009-10-11 22:24:05

mostmár tényleg meg fodom tanulni...
A fene... irigy vagyok :)

- Cybersaint
Cybersaint
2009-10-11 22:34:40

Koczeka: sok türelem kell hozzá az biztos. És idő is...

- Koczeka
Koczeka
2009-10-11 22:35:46

igen tudom!!! Azért próbáltam már én is korábban, és kicsit bele-bele kóstolok néha, de folyton jön valami amivel nem tudok hirtelen megbírkózni :)

- Cybersaint
Cybersaint
2009-10-11 22:40:23

Koczeka: végső kapaszkodó esetén mindig van a neten valami kis segédlet. Bár én jobban szeretem egyedül megoldani a dolgokat mert akkor jobban megragad. Az a szép a PS-ban hogy soha nem fogod tudni teljesen kiismerni a tudását. Mindig kiderül hogy többet tud mint amennyit gondolsz róla :)

- Koczeka
Koczeka
2009-10-11 22:46:23

Így lehet. Mostanáig ráadásul csak a CS3-al próbáltam foglalkozni, persze értékelhetetlen a dolog egyenlőre.
De mi lenne, ha a CS4-ben próbálkoznék... :)

- Cybersaint
Cybersaint
2009-10-11 22:50:15

Nekem a CS2 van most fenn. Úgy tudom a CS4 se sokban különbözik tőle :)

- Cybersaint
Cybersaint
2009-10-11 23:13:37

Akkor tehát remélem érdemes lesz tovább folytatni ezt a Photoshop tutorial sorozatomat itt :)

- Koczeka
Koczeka
2009-10-11 23:58:45

Érdemes bizony. Legalábbis szerintem!

- Cybersaint
Cybersaint
2009-10-12 00:01:13

Köszönöm :)

- Victor Coupe
Victor Coupe
2009-10-12 16:44:21

Ezt ismerem. Nem tudom hogy melyik verziód van meg, de én a Photoshop CS4.11 extendedet használom, van hozzá magyar nyeli csomag is.

- Cybersaint
Cybersaint
2009-10-12 16:49:47

Victor én még a CS2-t használom. Nem régen volt nálam egy - sokkal jobb - gép, azon volt a CS3. CorelDraw-ban is próbáltam már a 3-as verziót. Nem is olyan rossz :)

- Cybersaint
Cybersaint
2009-10-12 16:56:29

A CS4-et meg Flash-ben próbáltam, mert ugye megvette az Adobe a Macromediától.

- Victor Coupe
Victor Coupe
2009-10-12 17:02:27

Igen, ez már az Adobe féle verzió.

- Cybersaint
Cybersaint
2009-10-12 17:05:39

Amúgy egész jó, most a CS4-ben animációhoz van pár dolog ami kimondottan hasznos. Pl. "csontokat" rajzolsz egy láb-grafikába és tudod mozgatni vele. Egyszerűbbé tették a motion tweeninget is.

Csak regisztrált felhasználók szólhatnak hozzá ehhez a bloghoz. Belépnél? | Regisztrálnál?
3Szavazz
Szavazz és a bejegyzés címlapra kerülhet