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





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

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


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

Подсказка

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

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

Мы будем создавать такую кнопку:


Техническая кнопка


1. Создайте новый документ размером 100х30 пикселей с прозрачным фоном. Создайте новый слой (Create New Layer) и залейте его чёрным цветом.


Техническая кнопка


2. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените эти стили:

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


Техническая кнопка


Наложение градиента (Режим – Нормальный; Стиль – Линейный):


Техническая кнопка

Техническая кнопка


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


Техническая кнопка


Внутреннее свечение (Режим – Осветление; Метод - Мягкий):


Техническая кнопка


Внутренняя тень (Режим – Умножение):


Техническая кнопка

Техническая кнопка


3. Создайте новый слой (Create New Layer) и инструментом Многоугольное лассо
(Polygonal Lasso Tool) создайте выделение:


Техническая кнопка


4. Залейте выделение цветом #CDCDCD при помощи инструмент Заливка (Paint Bucket Tool):


Техническая кнопка


5. Сделайте такую же заливку на правой стороне. Вы также можете просто скопировать слой с заливкой и расположить его на другой стороне. Потом перейдите в меню Стилей слоя
(Layer Style - Blending Options) и примените следующие стили для обеих заливок:

Отбрасывание тени (Режим – Умножение):


Техническая кнопка


Внутренняя тень (Режим – Умножение):


Техническая кнопка


Внутреннее свечение (Режим – Осветление; Метод – Мягкий):


Техническая кнопка


Наложение градиента (Режим – Нормальный; Стиль – Линейный):


Техническая кнопка

Техническая кнопка


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


Техническая кнопка

Техническая кнопка


Мы закончили. Но вы можете добавить свечение к кнопке:


Техническая кнопка




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

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

Ваше Имя

Ваш E-mail

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

Введите код: