Мы запустили Форум! (*beta)






Видеокурс «Photoshop Professional. От чайника до профи за один день» поможет Вам стать профессионалом в фотошопе всего за 24 часа! Курс специально построен так, чтобы Вы научились создавать работы профессионального качества уже на следующий день. МИНИМУМ ТЕОРИИ, МАКСИМУМ ПРАКТИКИ

Подробнее...




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

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


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

Подсказка

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

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

Шаг 1:
Создайте новый документ размером 200×200 пикселей и разрешением 72dpi, залейте фон чёрным цветом. Установите цвет заливки - #0088E8. Затем выберите инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool) и значение радиуса поставьте - 12 пикслей, сглаживание (anti-aliased). Создайте новый слой (Create New Layer) и нарисуйте голубой прямоугольник размером 100×27 пикселей.


Уникальная голубая кнопка



Шаг 2:
Обрежьте прямоугольник как показано на рисунке:


Уникальная голубая кнопка




Шаг 3:
Теперь выберите инструмент Горизонтальный текст (Horizontal Type Tool), шрифт -Webdings, Размер - 44 pt, Стиль- crisp и Цвет - #0088E8. Вы новом слое с текстом нажмите ‘4′ на клавиатуре, чтобы получить стрелку. Поместите её как на рисунке ниже:


Уникальная голубая кнопка



Шаг 4:
Объедините слой с прямоугольником со слоем со стрелкой. Выделите эти слои и перейдите в меню Слой»Объединить выделенные (Layer > Merge Linked).


Уникальная голубая кнопка



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

Отбрасывание тени:

Уникальная голубая кнопка



Внутренняя тень:


Уникальная голубая кнопка



Наложение градиента:


Уникальная голубая кнопка



Обводка:


Уникальная голубая кнопка



Шаг 6:
У вас получится такой результат:


Уникальная голубая кнопка



Шаг 7:
Вы можете изменить форму и размер кнопок:


Уникальная голубая кнопка




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

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

Ваше Имя

Ваш E-mail

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

Введите код: