Все уроки Фотошоп

Есть вопрос? Задайте здесь и сейчас!

Форум Регистрация Выслать активацию Восстановить пароль Дополнительно Файлы Видео Галереи Справка  
Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Необработанные уроки Photoshop >>

Раздвижное меню для сайта, веб-дизайн, анимация

Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Необработанные уроки Photoshop >>

Раздвижное меню для сайта, веб-дизайн, анимация


 
Опции учебника
Раздвижное меню для сайта, веб-дизайн, анимация

Предыдущий учебник Раздвижное меню для сайта, веб-дизайн, анимация Следующий учебник
Опубликовал(а) Gostemilov
23.06.2015
Раздвижное меню для сайта, веб-дизайн, анимация

Здрасте всем..), сегодня мы будем делать красивое буржуйское меню (или шапку) для сайта.
Начнем:


Шаг 1. Создаем новый документ размером 500х500 и заливаем любым цветом (например серым) – это будет задний фон.

Шаг 2. Берем Line Tool (U) и рисуем белую вертикальную линию размером 5 px. Идем Filter/Stylize/Wind (wind, from the left) , OK . Жмем три раза Ctrl+F (повторить последний фильтр). Снова идем Filter/Stylize/Wind , но уже с параметром from the right и опять же три раза Ctrl+F . Жмем Crtl+T (свободная трансформация) и поворачиваем на 90 градусов. Получаем:


Шаг 3. Берем Rounded Rectangle Tool (U) c радиусом 50 px. рисуем черную фигуру и применяем к ней стили (прим. это слой перемещаем под слои с из шага 2):
Drop Shadow

Inner Glow

Color Overlay

Stroke


Шаг 4. Активируем слой из шага 2, жмем Ctrl+Alt+G , Layer/Layer Mask/Reveal Al l, далее Filter/Render/Clouds и жмем Ctrl+F пока не будем довольны результатом:

(прим. так же можно затемнить края рисуя большой мягкой черной кистью на маске слоя)

Шаг 5. Создаем новый слой, помещаем его поверх всех остальных, создаем выделение Elliptical Marquee Tool (M) , заливаем белым, загружаем выделение слоя с шейпом (ctrl+mouse click по иконке слоя) и жмем Delete . Меняем Opacity на 20 и получаем:


Шаг 6. Создаем новый слой, берем Rounded Rectangle Tool (U) рисуем овальный прямоугольник немного меньше старого, жмем Ctrl+Enter (преобразовать путь в выделение), идем Edit/Stroke . Получается вот так:


Шаг 7. К полученному слою применяем
Outer Glow

Далее Layer/Layer Mask/Reveal All и заливаем черно-белым градиентом:

Ну вот и все..) осталось добавить текст, можно немножко поимпровизировать:

Или даже так:


Автор: <U>T Jay</U>

Опубликовал(а)
Аватар для Gostemilov
Администратор
Он малахольный
Регистрация: 07.09.2007
Адрес: Россия, Москва. 100 метров до МКАД
Возраст: 55
Сообщений: 92,014
Вес репутации: 10
Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима


Рекомендовать другим

Копирайт
Оригинал урока
demiart.ru/forum/index.php?showtopic=35634
 



Опции учебника

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Выкл.
Pingbacks are Выкл.
Refbacks are Выкл.


Похожие темы
Название учебника Автор учебника Раздел Числу комментариев Последнее сообщение
Дизайн сайта-портфолио 2, дизайн сайта Gostemilov Необработанные уроки Photoshop 0 23.06.2015 21:00
Волшебная шапка для сайта, дизайн "шапки" для сайта (блога) Gostemilov Необработанные уроки Photoshop 0 22.06.2015 21:45
Макет сайта недвижимости, дизайн сайта Gostemilov Необработанные уроки Photoshop 0 22.06.2015 15:10
Футуристическое меню для сайта, веб-дизайн, интерфейс, навигация Gostemilov Необработанные уроки Photoshop 0 22.06.2015 12:05
Дизайн сайта в DJ стиле, DJ Layout #2, дизайн, макет Веб-Сайта Gostemilov Необработанные уроки Photoshop 0 22.06.2015 08:05

###
Социальные сети
Группы
Основные разделы
Скачать и поделиться

Новости Фотошопии
Подписаться письмом
Дополнительно

Текущее время: 10:06. Часовой пояс GMT +2.


удаленная проверка сервера uptime российских хостеров
Rambler's Top100


.
Locations of visitors to this page

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc. Перевод: zCarot
vBulletin Optimisation by vB Optimise (Reduced on this page: MySQL 10.00%).