Menü készítése
Én egy 536*33-as menü csíkot készítek most.
Készíts egy új Layert és adj neki egy tetszőleges színt. Én ezt a színt adtam neki # 4a7890.
Megint csinálunk egy új layert, majd a Gradient Toolal csinálunk rá egy színátmenetet. Egyik fele legyen teljesen fekete a fehér helyet legyen szürke (#CCCCCC).
Utána Blending Modot állítsd Overlay-re. Majd újra egy új Layert készítünk. Katt az Elliptical Marquee Toolra és rajzolj egy oválist valahogy így.
Ismét a Gradient Tool-t fogjuk használni a következő beállításokkal.
Ezzel húzunk egy színátmenetet, utána Ctrl - D. Az eredménynek így kell kinéznie.
Utána ennek a Layernek az Opacity-jét vegyük le 50%-ra. Most jöhetnek a menük.
A Line Tool-t fogjuk használni. Vastagsága 1px legyen és fekete színű. Húzzunk függőleges vonalakt.
Kijelöljük a Layer táblán a CTRL gomb segítségével az összes most húzott csíkot, majd az egészet duplikáljuk. (jobb klik!) Majd az újak színét megváltoztatjuk szürkére (#acacaca)
Ha ez megvan az első fekete fehér színátmenetes layerünket amit ha jól csináltunk a 2 es számot kapta, legfelülre helyezzük a layer táblán.
Végén rátehetjük a szöveget.
Itt most jön egy kis extra ami nehéz lehet szóval ha nem akarod hagyd ki és lépj arra a részre hogy "Megnyijuk az Image Ready-t"
Most megcsináljuk, azt hogy ha a gombra kattintanak más színű legyen a menü gombja. Az 1-es Layerünket ami az alap színt adta megduplázzuk és a Ctrl - U segítségével adunk neki egy színt. Majd a layer ablakban az eredeti layer alá helyezzük. Rectangular Marquue Tool-t fogjuk használni. Én most csak egy gombot csinálok meg, szóval neked a következő lépést minden egyes gombnál meg kell csinálnod. Kijelölöm a menü gombot.
Majd a layer ablakban az eredeti színű layere kattintasz majd megnyomod a Ctrl - X, és rögtön utána a Ctrl - V-t. Ezzel kivágtunk egy gomb darabkát az eredeti színű layerünkből. Ezt megismételjük, annyi különbséggel, hogy a layer ablakban a módosított szinü layerünkre kattintunk majd abból vágunk ki egy darabot. Ezeket a helyükre helyezzük. Most jön az a rész hogyha CS3 ad van akkor innentől rád ez nem vonatkozik, mert máshol vannak azok a dolgok mint a többiben. Ha 7.1 - CS2 közötti verziójú Photoshopod van nincs gáz. Nyomd meg a Ctrl - Shift - M. A slice tool segítségével kivágjuk a gombokat.
Kattints a Windows - Web Content-re, Ezt a kis ablakot nagyítsd ki hogy rendesen tudjunk benne dolgozni. Mellette a Layer ablakra is szükségünk lesz.
Mivel én csak egy gombnak csináltam meg a másik színes változatát így egyet mutatok meg, a többit neked kell. Enyém a 7. menüpont így a web content ablakon rákattintok, a doboz alján erre az ikonra.
Most a Layer ablakban megkeresem az eredeti színes gombot majd lekapcsolom (katt a szemre)
Hogy megbizonyosodj hogy jól csináltad menj a File - Preview In -re. Ha az egeret a menügombra viszed megváltozik a színe. Ha az összes többivel megvagy akkor már csak el kell menteni, menj a File - Save Optimized As-ra majd mentsd el. Ezzel egy mappába tette a képeket és csinált egy html fájlt.
Vissza
