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

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

    Создание кнопок для сайта в стиле MAC OC.
    Шаг 1.)
    Откройте существующий документ любого размера, или создайте новый.
    Кнопочки из MAC'а *

    Шаг 2.)
    Создайте новый слой, и назовите его "button base". Выберите rectangular marquee tool(), и сделайте квадратное выделение, как я сделал здесь:
    Кнопочки из MAC'а *


    Шаг 3.)
    Идите в меню Select->Modify->Smooth со значением в 6px
    Кнопочки из MAC'а *

    Результат:
    Кнопочки из MAC'а *

    Шаг 4.)
    Установите цвет переднего плана #373EA3, а заднего плана #94DDF6
    Кнопочки из MAC'а *

    Теперь выберите Gradient Tool () и выберите градиент Foreground to Background, как у меня:
    Кнопочки из MAC'а *

    Теперь заполните выделение этим градиентом, от темного к светлому, как здесь :
    Кнопочки из MAC'а *

    Не снимайте это выделение.


    Шаг 5.)
    Откройте меню стилей слоя и примените эти эффекты:

    Drop Shadow:
    Кнопочки из MAC'а *

    Результат:
    Кнопочки из MAC'а *

    Не снимайте выделение.


    Шаг 6.)
    Создайте новый слой, нажав CTRL+SHIFT+N на вашей клавиатуре.

    Ваше выделение должно быть активно, а если вы его сняли нажмите CTRL на на клавиатуре, и щелкните на слое названным "button base".
    Выберите rectangular marquee tool (). Теперь при нажатой клавише ALT отрежьте половину выделения, как у автора:
    Кнопочки из MAC'а *

    Установите цвет переднего плана на белый (#FFFFFF), с помощью Gradient Tool () заполните выделение градиентом Foreground to Transparent:
    Кнопочки из MAC'а *

    Кнопочки из MAC'а *

    Нажмите CTRL + D на вашей клавиатуре, чтобы снять выделение


    Шаг 7.)
    Затем нажмите CTRL + T на вашей клавиатуре чтобы включить Free transform tool.

    Результат:
    Кнопочки из MAC'а *

    Теперь нажмите и удерживайте CTRL+SHIFT+ALT поместите курсор около узла в нижнем левом углу и потяните его внутрь как на этом изображении:
    Кнопочки из MAC'а *

    Нажмите Enter на вашей клавиатуре, чтобы завершить преобразование, результат:
    Кнопочки из MAC'а *


    Шаг 8.)
    Теперь нажмите V чтобы выбрать Move Tool. Нажмите стрелку вниз на вашей клавиатуре чтобы переместить блеск вниз на один пиксел, результат:
    Кнопочки из MAC'а *


    Шаг 9.)
    Понизите непрозрачность этого слоя на 80 процентов как у автора на картинке:
    Кнопочки из MAC'а *

    Это должно сделать блик немного светлее и прозрачнее.


    Шаг 10.)
    Осталось только добавить текст - 12pt Verdana, Sharp:
    Кнопочки из MAC'а *

    Попробуйте изменить цвета, используемые в шаге 4, чтобы получить другие кнопки, как тут. Вы видите, что я использовал бледно-серый, и немного заштрихованный белый цвет для 'неактивной' кнопки:
    Кнопочки из MAC'а *

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