Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Объемные векторные круги

Anna | 16.05.2014 | нет комментариев

В этом уроке рассказывается о том, как создать векторные круги с объемным эффектом, будто бы они выступают из изображения.

Шаг 1. Для начала откройте новый документ Файл – Новый (File – New) любого размера (в моем случае – 640х480 пикс.). Залейте его черным цветом (Редактирование – Заливка – Цвет (Edit – Fill – Color)) и выберите инструмент Эллипс/Овал  (Ellipse).

Шаг 2. С помощью этого инструмента начните рисовать круг (каждый раз удерживайте клавишу Shift, когда рисуете круг, для сохранения идеальных пропорций).  Все круги, как видите, были созданы разного размера. Таким образом, рисуя круги один над другим, мы получаем эффект такой же, как на изображении.

Необходимо создавать каждый круг на отдельном слое и задавать им желаемый цвет. Я использовал схожие тона.

Шаг 3. Создайте новую группу, кликнув по иконке в виде папки, которую вы увидите в нижней части палитры слоев (Создать новую группу (Create a new group). Включите в нее все слои, которые вы создали ранее для кругов  (просто выделите и перетащите их один за другим в папку, которую создали).
Следующее, что вам нужно сделать – объединить все слои. Для этого необходимо выделить папку, кликнуть по  окошку с параметрами слоя и выбрать Объединить /Слить группу (Merge Group).

Шаг 4. В этом шаге создадим рефлексы, которые придадут нашему кругу бликов, а также некой глубины. Для начала кликнем по миниатюре слоя при нажатой клавише Ctrl, мы видим, что у нас выделилось содержимое слоя (круг).

Не снимая выделения, создайте новый слой (расположите его над слоем с кругом); на нем мы будем создавать рефлексы.

Шаг 5. Возьмите инструмент Градиент  (Gradient) (G) и примените свои параметры (важная часть): вы увидите линию  с градиентом, кликните по ней дважды для открытия окна градиентов.

Создать наш градиент будет легко. Просто используйте две точки градиента белого цвета в начале и в конце линии градиента. Обратите внимание, что у белой точки в конценепрозрачность (opacityуменьшена до 0% (Чтобы уменьшить непрозрачность точки градиента, кликните по индикатору, расположенному над индикатором выбора цвета, это и есть непрозрачность (opacity)).

Шаг 6. На этот раз мы преобразим наш градиент. На новом слое, который мы создали над слоем с нашим кругом, проведите градиентом сверху вниз.
Помните, что выделение круга должно быть активным.

Шаг 7. Теперь уменьшим непрозрачность (opacity) этого слоя до 84% и заливку (fill) до 89%. Выберите инструмент Ластик  (Eraser) и кистью с жесткостью (hardness)100% и 100% непрозрачностью (opacity) сотрите часть градиента, как показано на рисунке ниже.

Шаг 8. В завершение придадим кругу глубины и объема. Этого мы достигнем, применив эффект Тиснение (Bevel and Emboss).
Дважды кликните по слою с кругом (только рядом с названием, а не по самому названию), и перед вами появится окно стилей слоя (layer styles). Выберите параметр Тиснение (Bevel and Emboss) и примените следующие настройки:

Заключение.
Мы подошли к завершению урока. Теперь вы знаете, как создавать векторные круги с объемным эффектом и сможете применить их к своим следующим работам.
Для создания финального изображения вам нужно просто сгруппировать (объединить в группу) слой с кругом и слой с бликом. Затем дублируйте группу несколько раз и поменяйте расположение и размер каждого круга. Оставляю это на ваше усмотрение.
О возникающих проблемах пишите в комментариях.

Источник: photoshop-master.ru

Оставить комментарий
Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2017 © BB3x.ru - русская поддержка форума phpBB