Уроки фотошоп – Рисуем пуговицу

28.09.2013

Уроки фотошоп – Рисуем пуговицу

Пуговки

В этом уроке фотошоп я расскажу, как нарисовать пуговицу с узором.

 Открываем или создаем новый документ. Лучше, если он будет формата А4.
Создаем новый слой Layer / New / Layer… или кликаем по иконке Новый слой в панели Layers. И на этом новом слое рисуем пуговицу.
Выбираем инструмент Elliptical Marquee и выделяем круглую область. Чтобы получился ровный круг – при выделении удерживаем клавишу Shift.

Выделяем круг
Выбираем цвет и заливаем область цветом.

Заливаем цветом
Снимаем выделение комбинацией клавиш Ctrl+D. Далее делаем нашу будущую пуговку объемной при помощи стилей слоя. Дважды кликаем по слою с пуговицей в панели Layers и вызываем окно стилей слоя. Выполняем настройки как показано на фото.

Падающая тень

Обьем фигуры

Контур
Теперь сделаем у пуговицы дырочки. Дырочек можно сделать и четыре, по желанию.
Создаем новый слой и инструментом Elliptical Marquee рисуем круг. Заливаем его любым контрастным цветом.

Добавляем слой
И, не снимая выделения, располагаем его внутри пуговицы. Это будет дырочка. Теперь делаем активным слой с пуговицей и нажимаем Delete. В пуговице образовалось отверстие. Затем снова берем слой с дырочкой (выделение не снимаем) перемещаем его в другую часть и таким же образом вырезаем второе отверстие в пуговице.

Вырезаем дырочки у пуговки
Теперь слой с дырочкой можно удалить, перетащив его в корзину.
Пуговица приобрела форму и объем. Теперь украсим ее орнаментом. Выбираем любую картинку с орнаментом и открываем в программе. Затем делаем режим просмотра двух фотографий и перетаскиваем картинку с орнаментом на документ с пуговицей.

Добавляем текстуру
Располагаем орнамент поверх пуговицы, так чтоб она закрывалась полностью.
Теперь нам необходимо чтобы узор принял форму пуговицы. Нажимаем клавишу Ctrl и кликаем мышкой по слою с пуговицей – она при этом должна выделиться движущимся пунктиром. Теперь делаем инверсию, при помощи комбинации Select / Inverse и далее удалим лишнюю часть – нажимаем Delete. Вот, что должно получится:

Располагаем текстуру
Теперь кликаем дважды по слою с орнаментом, вызываем окно стилей слоя и делаем настройки как на фото:

Эффект наложения
Готово. Немного изменив настройки, можно добиться совершенно новых результатов.
И теперь, для закрепления, небольшой ролик:

TEXT.RU - 100.00%

  Copyright © Внимание! Сайт idei-photoshop.com защищен законом об авторском праве. Копирование материала может быть использовано только с разрешения администратора сайта и указанием активной ссылки на сайт.Все права защищены.  

Метки записи:  
Оставьте комментарий к этой записи ↓

* Обязательные для заполнения поля
Внимание: все отзывы проходят модерацию.