Свободный web-стиль - Web-дизайн - Уроки фотошоп/ Photoshop tutorials - Каталог статей - ART4YOU

Меню

Мини-чат

Опрос

Как вам новый дизайн сайта?
Всего ответов: 62
Главная » Уроки » Уроки фотошоп/ Photoshop tutorials » Web-дизайн

Свободный web-стиль

В этом уроке для web-мастеров будет продемонстрирован оригинальный способ создания навигации для сайта.

Создаем новый документ, заливаем фон ярким цветов, затем, с помощью полигонального лассо создайте подобное выделение и залейте на новом слое белым цветом:



Внизу палитры слоев нажмите на кнопку , чтобы добавить стили слоя.

1) Добавляем Тень (Drop Shadow):



2) Наложение цвета (Color Overlay)


Получится примерно вот так:


А теперь продолжайте фантазировать...

Создавайте новый слой и рисуйте еще одну фигуру, только уже немного другой формы. Чтобы сделать такую белую тень, как на рисунке ниже, просто дублируйте фигуру, измените ей цвет на белый, уменьшите прозрачность и чуть поверните с помощью Ctrl+T (свободная трансформация).

После того, как обрамление кнопок будет готово, можете написать текст.


Категория: Web-дизайн | Добавил: malish_ (25.01.2009)
Просмотров: 540 | Рейтинг: 0.0/0
Всего комментариев: 2
19.08.2009
2. Жора Вартамов (zero)
Неплохой урок!

16.08.2009
1. pasha mogilev (pasha-mogilev)
Стильно смотрится! wink

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Профиль

Привет: --=Гость=--

Логин:
Пароль:

.

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Друзья сайта

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0