В этом уроке мы научимся создавать красивую кнопку в стилистике сайтов web 2.0 всего за пару минут.
Шаг 1 Создание основы
Создаём новое изображение размерами 300х400 с белым цветом на фоне. Далее создаём новый слой и называем его “Button”. Выбираем инструмент Скругленный прямоугольник (U) и выставляем радиус округления 7 пкс.
Теперь рисуем прямоугольник как на рисунке ниже:
Шаг 2 Красим кнопку
Идём в настройки смешивания слоя “Button” и применяем следующие настройки:
Падающие тени
Внутрение тени
Фаска и рельеф
Градиент
После этих операций получится должно вот это:
Шаг 3 Отблеск
Создайте новый слой с именем “Glass”.
Выбираем инструмент Прямоугольная область (М) и зажав Ctrl нажимаем на иконку слоя ‘Button’ для создания выделения идентичного по форме слою.
Возвращаемся к слою “Glass”. Снова инструмент Прямоугольная область (М) и удерживая Alt выделяем нижнюю часть кнопки.
Заливаем выделение слоя “Glass” белым цветом и уменьшаем полупрозрачность до 18%. Получаем результат:
Шаг 4 Текстурирование
Добавим кнопке текстурку. Автор выбрал Стандартные полоски 5 пкс. Создаём слой между “Button”и “Glass” и идём в его настройки смешивания.
Выбираем перекрытие образца
Снова инструмент Прямоугольная область (М) и нажимаем на иконку слоя “Button” чтобы получить форму кнопки. Залейте выделение образцом и выставте полупрозрачность на 5%.
Шаг 5 Добавляем текст
Добавляем белый текст с такими настройками:
И настройки смешивания для текстового слоя:
Падающие тени
Результат
После данных 5 шагов получится красивая кнопочка. Вы можете эксперементировать с цветами, тенями, образцами… У автора получилось это:
Перевод: ADYBAH4iK
Автор: Hongkiat.com