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

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

    Современная кнопка
    Шаг 1.

    Создайте новый документ, размер 130х80 пикс. (px) И белой заливкой.

    Шаг 2

    Берём инструмент «Прямоугольник с закруглёнными углами».
    С такими параметрами:
    Современная кнопка
    Выбираем цвет (#CDD886) или любой другой.
    И создаём форму нашей кнопочки.
    Современная кнопка
    Двойной щелчок по слою, чтоб открыть стили слоя и применим такие параметры настройки:
    Современная кнопка
    Современная кнопка
    Современная кнопка
    Получившийся кнопарь.
    Современная кнопка
    Шаг 4.

    Создайте новый слой. Возьмите инструмент «Овальная область» и создаём кругленькое выделение.
    Современная кнопка
    Шаг 5.

    Возьмите инструмент «Заливка» и залейте выделение белым цветом. Снимите выделение. Добавьте такие параметры (2-а раза щелкните на слое):
    Современная кнопка
    Современная кнопка
    Современная кнопка
    Шаг 7.

    Создайте новый слой. Возьмите инструмент «Прямоугольное выделение».
    1.Создайте выделение (с размером можно поэкспериментировать):
    Современная кнопка
    2. Залейте его:
    Современная кнопка
    Шаг 8.

    1.Создайте новый слой.Создайте 2 выделения слева и справа от созд. прямоугольника удерживая CTRL (с размером можно поэкспериментировать):
    2.Залейте цветом #F4F7DA.
    Современная кнопка
    3. И сдвиньте белые линии к прямоугольнику (созданному на шаге 7)
    Современная кнопка
    Шаг 9.

    Напишите текст. Премините настройки к нему:
    Современная кнопка
    Итог:Современная кнопка
    Категория: Элементы веб-дизайна | Добавил: myphotoshop (29.08.2008) | Автор: tutorialized.com
    Просмотров: 758 | Рейтинг: 0.0/0
    Всего комментариев: 0
    Имя *:
    Email *:
    Код *:
    Copyright MyCorp © 2024