Видеоуроки фотошоп и дополнения фотошоп
Для начинающих и продвинутых пользователей
Уроки фотошоп на сайте PhotoshopFocus.ru

 

PHOTOSHOP-ЛАБОРАТОРИЯ


photoshop-лаборатория


Оформите подписку
Получайте видеоуроки по фотошопу
абсолютно бесплатно
Посмотреть выпуск журнала


ПЛАТНЫЕ ПРОДУКТЫ

Обучающий видеокурс:

"Уверенный
Пользователь
Фотошопа. Часть1 "


Уверенный пользователь

6DVD дисков
36 часов видео
24Ггб информации


Подробности здесь

------------------

Обучающий видеокурс:

"Уверенный
Пользователь
Фотошопа. Часть2 "


Уверенный пользователь

5DVD дисков
36 часов видео
30Ггб информации


Подробности здесь

------------------

Обучающий видеокурс:

"Уверенный
Пользователь
Фотошопа. Часть3 "


Уверенный пользователь


4DVD диска
38 часов видео
28Ггб информации

Подробности здесь

 



на правах рекламы

Графика и дизайн_Уроки фотошоп_Делаем навигацию

Автор: gennady от
 (голосов: 0)

Создайте новый документ Ctrl+N.Размеры берите свои. Они зависят от того, сколько места на сайте вы отвели под вертикальную навигацию.
Теперь можно залить новый документ текстурой или цветом. Я залил голубым цветом. Для этого, я сделал, вначале цвет переднего плана, как на рисунке.

Затем пункт текстового меню Edit>Fill(Редактирование>Заливка)

Теперь, создадим новый слой, кликнув по иконке, внизу палитры слоёв(Создать новый слой). И делаем заготовку нашей кнопки. Берем инструмент Rectangular Marquee(Прямоугольное выделение) и рисуем квадрат, нажимая клавишу Shift, Высота квадрата, будет высотой нашей будущей кнопки.

Продолжаем далее работу над нашей кнопкой. Активируйте инструмент Gradient(Градиент), я взял такие настройки:


Проведите линию, от левого нижнего угла к правому верхнему.

Теперь идём Select>Modify>Contract(деление>Модификация>Сжать)

Далее, я залил передний план кнопки, тем же цветом, что и фон.

Теперь сделаем нашу кнопку нормального размера. Для этого снимем старое выделение, клавиши Ctrl+D, и сделаем новое, выделив правую половину кнопки, при этом высота выделения не играет роли. Затем нажимаем клавиши Ctrl+Shift+Alt+Стрелка вправо на клавиатуре, делаем нужную вам ширину кнопки.


Далее снимаем выделение и делаем дубликаты слоя, для этого, правый клик по активному слою и команда Duplicate Layer(Создать дубликат слоя). Дубликатов делаем столько, сколько хотим видеть кнопок. Далее активируйте инструмент Move(Перемещение). Разместите кнопки друг под другом.Что бы кнопки разместились ровно, создайте вертикальную направляющию, для этого пункт текстового меню View>New Guide(Создание новой направляющей)

Всё наша навигация готова, теперь инструментом Type(Текст),можно ввести названия наших будущих ссылок.



Теги: заливка, градиент

Комментарии:

Оставить комментарий