Помогни ни да направим Uroci.net по - богат! Добави урок

Професионално сиво меню

just_me   трудност:    видян: 9377


 

Професионално сиво меню

Това е крайният продукт от този урок:

уроци - menu5.jpg


Ще ви покажем стъпка по стъпка как да го направите. Първо създайте нов слой, наречете го "body", с инструмента за правоъгълни селекции (М) направете селекция и я запълнете с черно.


уроци - menugray1.jpg


Сега нека променим някои настройки. Кликнете с десния бутон върху слоя "body" и изберете "Blending Options..."
Направете следните настройки:

óðîöè - menugray4.gif


уроци - menugray5.gif


óðîöè - menugray6.gif


Сега създайте нов слой и направете лилав квадрат отново с инструмента за правоъгълни селекции.

óðîöè - menugray7.jpg


Сменете неговото меню mode на multiply и opacity на 64%.

óðîöè - menugray8.gif


Сега използвайте инструмента "Custom Shape Tool (U)" (за този урок е използван Photoshop CS) и изберете следната форма.

Вие можете също да "нарисувате" и друга форма, ако искате използвайте например инструмента "Polygonal lasso tool (L)".

óðîöè - menugray9.gif


Маркирайте тази форма (ctrl + кликване върху нейния слой) и я запулнете с цвета #BBBBBB.

Сега нека добавим малко текст (инструмента "Horizontal type tool" [T])! Използван е шрифт Verdana и цвят #626262.

Готови сме! Сега само копирайте всичко (можете също да сложите всички слоеве в една папка и само да копирате папката), за да завършите вашето меню.

 



Коментари (5)

Iron Maiden на 24.10 2006 в 20:36ч.
би било да направиш един-единствен бутон без надпис и оттам нататък да ползваш css

М-)
PIFbg на 09.12 2006 в 16:59ч.
А после това меню какво да го правя? смисал.. как да направя така,че като натиснеш на някой бутон да прави нещо (да отваря линк например)
sanya на 27.12 2006 в 10:25ч.
е хайде кажете как се прави като натиснеш един бутон да отваря нещо. бутоните как стават поотделно???
OnaCeH_4ap на 27.12 2006 в 11:46ч.
най-добре е да си направиш един такъв бутон, след това да си направиш таблица, на всеки ред по една клетка, правиш тази картинка с бутона на background, след това във всяка клетка пишеш текст. например в първата "Начало" и т.н. Може да направиш и ефект onMouseOver като минава мишката отгоре текста да му се сменя цвета
c3ck0o0o на 07.09 2009 в 14:12ч.
Може би, човекът си няма и понятие от HTML :)

Ето пример, как да вкараме това меню в действие:

•Създавате папка с избрано от вас име
•В тази папка правите още една, която да се казва: images
•Правите 3 бутона: home.jpg , google.jpg , yahoo.jpg
•Слагате картинките в папката images
•Отваряте Notepad
•Пишете следния код:




Menu










•Запазвате файла във папката, която направихме първо, със името index.html
ВАЖНО!!!: Форматът задължително трябва да бъде html !!!

•Отворете файла index.html и... ЕВАЛА! Успяхте :)
Ако имате въпроси, пишете тук или на skype: lazarov_95
Ще помагам с каквото мога :)

Регистрирайте се, за да добавите коментар


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: Национален Бизнес | Bomba.bg | IT Новини | Диплома.бг | TRAVEL туризъм | Реферати | AmAm.bg | Иде.ли | Курсови работи | Фото Форум | Spodeli.net | Фото-Култ | Atol.bg | Elmaz.com | MobileBulgaria.com | Казанлък.Com