• Страница 1 из 1
  • 1
Форум Studio AD » Графика » Уроки Adobe Photoshop » Создаем горизонтальное меню
Создаем горизонтальное меню
MadeMan
Дата: Суббота, 17.10.2009, 20:26 | Сообщение # 1
говорун
Группа: Проверенные
Пользователь №: 25
Сообщений: 185
Получено оценок: 6
Шаг 1 - Создаем новый документ с размерами 800х800 и заполняем наш фон линейным градиентом #a9acb1 - #ffffff

Шаг 2 - Берем инструмент Rounded Rectangle Tool rounded_rectangle с радиусом в 30px и делаем следующее:

Шаг 3 - Применим параметры наложения Gradient Overlay:

Шаг 4 - Далее берем инструмент Line Tool line и ставим
значение в 1px, и делаем вот такую линию (Fill=0%):

применим к нему параметры наложения:

получаем следующее:

Шаг 5 - А теперь добавим отражение.
Отключаем фон и выделяем всю картинку (нажимаем Ctrl+A или в меню Select —> All), скопируйте её в буфер обмена (Shift + Ctrl + C или в меню: Edit —> Copy Merged)

Вставьте скопированное изображение (Ctrl + V или в меню: Edit —> Paste) и отразите его по вертикали (Edit —> Transform —> Flip Vertical), расположите как показано ниже:

Включаем фон.

Шаг 6 - Добавим слой маску (на панеле слоёв нажмите кнопку Add Layer Mask)
Выберите инструмент Gradient Tool, и залейте чёрно-белым градиентом, снизу вверх:

Вот и всё. Теперь можете добавить свой текст.

Шаг 7 - Создаем новый слой, берем инструмент Rectangular Marquee Tool rectangul_marquee и делаем выделение, заливаем белым цветом, как показано ниже:

Снимаем выделение (Ctrl+D) и применяем параметры наложения:

Мой результат:


Автор: MadeMan (Я)

Прикрепления: 7320136.jpg (55.4 Kb) · 5610951.jpg (108.1 Kb) · 5771889.jpg (18.6 Kb) · 7600459.jpg (18.7 Kb) · 2567518.jpg (130.1 Kb) · 3543535.jpg (104.8 Kb) · 2774561.jpg (36.3 Kb) · 7740857.jpg (50.8 Kb) · 2702492.jpg (73.4 Kb) · 6661762.jpg (46.9 Kb)


Сообщение отредактировал MadeMan - Суббота, 17.10.2009, 21:32
  
ad
Дата: Суббота, 17.10.2009, 20:30 | Сообщение # 2
Группа: Удаленные
Я такие менюшки много раз делал, похожая стоит у меня на сайте.

Но все равно спс. :)

  
Duck4Fuck
Дата: Суббота, 17.10.2009, 23:29 | Сообщение # 3
болтун
Группа: Модераторы
Пользователь №: 317
Сообщений: 322
Получено оценок: 41
Довольно интерестно, только я бы при наведении эффект изменил немного.

Держи + ;)

  
Aleko
Дата: Суббота, 17.10.2009, 23:30 | Сообщение # 4
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Да, эффект при наведении весьма стремный..

Бесплатные обои.
  
ad
Дата: Суббота, 17.10.2009, 23:34 | Сообщение # 5
Группа: Удаленные
Да, некрасиво. Лучше бы при наведении был бы тот же градиент тока чуть по-темнее. У меня так.
  
MadeMan
Дата: Суббота, 17.10.2009, 23:36 | Сообщение # 6
говорун
Группа: Проверенные
Пользователь №: 25
Сообщений: 185
Получено оценок: 6
ну я сделал по своему вкусу) вы там сами можете сделать, как хотите) а на счёт тёмного градиента - пробовал, не красиво ;)
Всё-таки это мой первый урок) не судите так строго)


Сообщение отредактировал MadeMan - Суббота, 17.10.2009, 23:37
  
ad
Дата: Суббота, 17.10.2009, 23:37 | Сообщение # 7
Группа: Удаленные
Насчет вкусов это ладно. Но все равно как то неоч.
  
ad
Дата: Суббота, 17.10.2009, 23:40 | Сообщение # 8
Группа: Удаленные
Quote (MadeMan)
Всё-таки это мой первый урок) не судите так строго)

Я тебе говорил. Урок класс. Только недостаток 1 есть.

  
MadeMan
Дата: Суббота, 17.10.2009, 23:43 | Сообщение # 9
говорун
Группа: Проверенные
Пользователь №: 25
Сообщений: 185
Получено оценок: 6
ad, ну просто обычный градиент это слишком банально... я хотел сделать именно такой эффект! представьте, что на сайте стоит к примеру), при наведении по бокам мне кажется лучше будет выглядеть, чем обычный градиент ;)
  
ad
Дата: Суббота, 17.10.2009, 23:45 | Сообщение # 10
Группа: Удаленные
Амиго! O_o
  
Duck4Fuck
Дата: Воскресенье, 18.10.2009, 01:02 | Сообщение # 11
болтун
Группа: Модераторы
Пользователь №: 317
Сообщений: 322
Получено оценок: 41
Заканчиваем флудить king
  
Форум Studio AD » Графика » Уроки Adobe Photoshop » Создаем горизонтальное меню
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.