Пятница, 15.12.2017, 23:53:04
MyPhotoshop
Главная Регистрация Вход
Приветствую Вас, Гость · RSS
Форма входа
Категории раздела
Мои статьи [2]
Элементы веб-дизайна [14]
Уроки Фотошопa [19]
Уроки анимации [34]
Поиск
Наш опрос
Оцените мой сайт
Всего ответов: 244
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
     Каталог статей
    Главная » Статьи » Элементы веб-дизайна

    Futuristic Navigation Tabs
    Futuristic Navigation Tabs

    Futuristic Navigation Tabs *

    1.Для начала создайте новый документ 200х200 с черным фоном.
    2.Создайте прямоугольное выделение и примените Select> Modify> Smooth со значением 15.
    3.Создайте новый слой и залейте выделение темно-синим цветом - #004653
    4.Примените к получившемуся элементу следующие эффекты слоя (Layer> Layer Style):

    Drop Shadow:

    Futuristic Navigation Tabs *

    Stroke:

    Futuristic Navigation Tabs *

    У вас должен получится вот такой результат:

    Futuristic Navigation Tabs *

    5.Загрузите выделение нажав Ctrl+щелчок на слое с заготовкой.
    6.Скройте слой с заготовкой и создайте новый слой.
    7.Перейдите Edit> Stroke и выставьте следующие параметры:
    Width: 4px
    Color: #004653
    Location: inside
    8.Примените следующие эффекты слоя:

    Drop Shadow:

    Futuristic Navigation Tabs *

    Gradient Overlay:

    Futuristic Navigation Tabs *

    Stroke:

    Futuristic Navigation Tabs *

    Должен получится примерно такой результат:

    Futuristic Navigation Tabs *

    9.Теперь выберите Polygon Tool и в параметре Sides (находится в верхней части основного окна) поставьте значение 3. Это означает, что в создаваемом контуре фигуры, будеь три угла.
    10.Создайте треугольный контур и щелкните правой кнопкой мыши. В открывшемся контекстном меню выберите Make Selection И в поле Feaher Radius поставьте значение равное примерно 7.
    11.Создайте новый слой и залейте появившееся выделение белым цветом. Примените следуюшие эффекты слоя:

    Drop Shadow:

    Futuristic Navigation Tabs *

    Inner Shadow:

    Futuristic Navigation Tabs *

    Gradient Overlay:

    Futuristic Navigation Tabs *

    12.Установите вид смешивания слоя на Darken. У вас должно получится примерно так:

    Futuristic Navigation Tabs *

    13.Дублируйте слой нажав Ctrl+J. Создайте новый слой и склейте его с дублированным слоем нажав Ctrl+E.
    14.Нажмите Ctrl+T для вызова режима трансформации и поверните изображение на дублированном слое на 180 градусов.
    15.Расположите изображение так как показано на рисунке:

    Futuristic Navigation Tabs *

    16.Загрузите выделение самого первого слоя (но не фонового). Того слоя что мы создали первым. Выберите инструмент выделения (любой) и нажмите правой кнопкой мыши на вашем выделении. В открывшемся контекстном меню выберите Transform Selection и уменьшите выделение так как показано на рисунке (при трансформации удерживайте Alt+Shift для пропорционального уменьшения/увеличения).
    17.Создайте новый слой и залейте выделение белым цветом.
    18.Примените следующие эффекты слоя:

    Gradient Overlay:

    Futuristic Navigation Tabs *

    19.Поставьте режим смешивания на Darken.

    Futuristic Navigation Tabs *

    20.Осталось добавить текст. Я использовал шрифт Eurostile, жирный, размером 18px. Цвет текста - #BDE7EF.
    21.После того, как высоздали текстовый слой, примените следующие эффекты слоя:

    Outer Glow:

    Futuristic Navigation Tabs *

    Stroke:
    Futuristic Navigation Tabs *

    22.Установите текст ровно посередине. Вот и все готово!

    Futuristic Navigation Tabs *

    А это мой результат:

    Futuristic Navigation Tabs *

    Категория: Элементы веб-дизайна | Добавил: myphotoshop (29.08.2008) | Автор: netcades.com
    Просмотров: 522 | Комментарии: 2 | Рейтинг: 0.0/0
    Всего комментариев: 0
    Имя *:
    Email *:
    Код *:
    Copyright MyCorp © 2017