Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


Изюминка нашего сайта в том, что все файлы хранятся на наших серверах, поэтому Вы получаете круглосуточный доступ ко всем файлам по прямым ссылкам без регистрации! С нашим сайтом Вы забудете про файлообменники!


Кнопка для сайта


alt

В этом уроке мы будем создавать с вами кнопку для сайта.

Шаг 1. Начнем с того, что зальём холст цветом #D1CEC7 (данное действие делается исключительно для удобства).  

Создадим  новый  слой, назвав его - Основа. В новом слое рисуем  белый круг. Удостоверьтесь, что ваш круг соответствует следующим размерам: Ширина: 104px и Высота: 104px

Добавим следующие стили слоя: Тень (Drop Shadow):

 

 

alt

alt

Шаг 2. Создадим новый слой, и нарисуем круг #B23C3C цвета. Этот круг, по размерам, должен быть меньше, чем предыдущий.

alt

Выберем  инструмент Brush (кисть). Найдем кисть Rough Rounded Bristle . Она должна быть ближе к  концу в стандартном наборе кистей.
Установим основной цвет -  белый. На новом слое сделайте несколько коротких мазков в произвольном направлении.

Далее, используя инструмент ластик ( Eraser)  с тем  же самым типом кисти - Rough Rounded Brisle, стираем ненужные элементы.

 

 

alt

на новом слое рисуем диагональную линию.

Теперь переходим на слой с белым кругом, который мы рисовали в 1 шаге. Далее Select > Load Selection > Default (Выделение > Загрузить выделение > По умолчанию). Снова Выделение (Select) и выбрать инверсию.

Вернемся снова к текущему слою, с черной кистью. Щелкнем на Edit > Cut (Редактировать > вырезать).

alt

В опциях слоя устанавливаем Soften light (Мягкий свет). Непрозрачность (Opacity) слоя установите на 25 %.

alt

Шаг 6. Выбираем инструмент линия - из главных, 4px (line tool, или жмём U).
На новом слое рисуем  белую наклонную линию, используя инструмент линии.

Дублируем  линию  (Duplicate line), потом переходим  на  Filter > Blur > Guassian Blur Radius 3.4px (Фильтр > Размытие  > Размытие по Гауссу,  Радиус 3.4px).

Выбираем первоначальный слой линии, и перемещаем его, как показано  ниже. Далее переходим Select > Load Selection (Выделение > Загрузить выделение) к выбранной линии. В то время как линия  уже выбрана, берем размытие линии слоя. Потом  Edit > Cut (Редактировать > Вырезать).
Удаляем первоначальную линию, установив уровень непрозрачности (Opacity) слоя 45 %.

 

 

Кнопка для сайта

 

На новом слое рисуем  1px линии, как показано  ниже. Непрозрачность (Opacity) слоя устанавливаем на 21 %.

 

 

alt

Шаг 8. Добавляем текст, используя  шрифт Eurostile, Bold, 16.5pt , белый цвет и следующие стили слоя:
Stroke (Выполнить обводку). Устанавливаем непрозрачность (Opacity) для слоя с текстом на 85 %.

alt

alt

А вот, что вы можете получить в результате:

alt

 

 

 



Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.