Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Конечный результат:


Чёрная навигационная панель


1. Создайте новый документ размером 600х150 пикселей с чёрным фоном. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте прямоугольник чёрного цвета и примените к нему такие стили в меню Стилей слоя (Layer Style - Blending Options):

Тиснение (Стиль – Внутренний скос, Метод – Плавный, Режим подсветки – Осветление, Режим тени - Умножение):


Чёрная навигационная панель


Обводка (Положение - Снаружи, Режим – Нормальный, Тип обводки – Градиент, Стиль – Линейный):


Чёрная навигационная панель

Чёрная навигационная панель


2. Создайте новый слой (Create New Layer) и инструментом Перо (Pen Tool) создайте фигуру, как показано ниже:


Чёрная навигационная панель


3. Кликните правой на контуре и выберите Образовать выделенную область (Make Selection). Потом залейте выделение белым цветом в новом слое:


Чёрная навигационная панель


4. Сделайте выделение слоя с прямоугольником (Ctrl+Click), Инвертируйте его (Select – Inverse) и в слое с белой фигурой нажмите Delete.


Чёрная навигационная панель


5. К белой фигуре примените стиль Наложение градиента (Layer Style - Gradient Overlay):

Режим – Нормальный, Стиль – Линейный


Чёрная навигационная панель

Чёрная навигационная панель


6. Инструментом Горизонтальный текст (Horizontal Type Tool) напишите текст меню. Я использовал цвета: #ffffff и #d9ff3f.


Чёрная навигационная панель


7. Текстовым инструментом создайте пунктирную линию “-----“. Потом инструментом Свободное трансформирование (Free Transform) поверните её на 90 градусов и расположите, как показано ниже:


Чёрная навигационная панель


8. Создайте маленькие квадратики:


Чёрная навигационная панель


9. Допишите туда номер по порядку:


Чёрная навигационная панель


10. Потом текстовым инструментом напишите символ “¬” – удерживая Shift, нажмите на клавишу над кнопкой TAB.


Чёрная навигационная панель




Ссылка на источник урока

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: