Pull to refresh

Filter Forge: рамка в форме сердца (урок)

Reading time 6 min
Views 1.3K
В этом уроке мы научимся делать веселенькую рамку – всю в красивых светящихся сердечках. Для этого не придется долго и мучительно рисовать ручками, будем использовать прекрасный, мощный инструмент под названием Filter Forge.

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

Итак, будем делать вот такую рамку:

Рамка-сердце


Нам понадобится:
  • фотография или картинка, которую мы хотим обработать подобным образом. В этом уроке была использована фотография с istockphoto.com
  • Adobe Photoshop
  • плагин FilterForge 2.0 Beta (Если у вас еще нет этой программы, скачайте ее здесь: www.filterforge.com/download/beta2/index.html и установите ее на ваш компьютер)


Шаг 1 – подготовка изображения


Открываем исходное изображение в Фотошопе. Преобразуем Background в Layer и называем его «Photo».

Filter Forge: рамка-сердце (урок)

Так как я планирую сделать рамку в форме сердца, то, на мой взгляд, квадрат будет смотреться лучше. Для этого урока я решила сделать изображение 600х600 px. Для этого в меню Image > Canvas Size… устанавливаем нужное значение:

Filter Forge: рамка-сердце (урок)

Шаг 2 – создаем выделение


Теперь нужно задать форму рамки. С помощью инструмента Custom Shape Tool :custom shape: рисуем векторный объект в виде сердца. Помещаем этот слой с shape под слой «Photo». Затем Alt+клик между этим слоями (Create Clipping Mask).

Теперь нам понятно, какая часть фото будет видна в обрамлении. При желании можем отредактировать форму рамки и подвигать слой «Photo».

Filter Forge: рамка-сердце (урок)

Теперь, когда мы определились с формой рамы. Делаем дубликат слоя «Photo» и производим Alt+клик между слоями «Photo» и «Photo copy» (Release clipping mask).

Затем выбираем слой «Photo copy» и Ctrl+click на векторный слой (у меня это Shape 1).

Filter Forge: рамка-сердце (урок)

Для создания выделения можно использовать любой удобный вам способ, например с помощью функции Quick Mask. Главное, чтобы в результате у нас было выделение по форме желаемой рамки. У нас это сердце.

Напоследок еще раз убедимся, что выбран слой “Photo copy”. Именно этот слой будем подвергать обработке с помощью Filter Forge.

Шаг 3.1 – Filter Forge


Если вы решили не заморачиваться с изготовлением своего фильтра в Filter Forge, то это будет завершающий этап нашего урока. Ну а если вы хотите приобрести навыки создания собственных фильтров, что открывает почти безграничные возможности :), то переходите к шагу 3.2.

Запускаем плагин в меню Filters > Filter Forge > Filter Forge 2… Скачиваем фильтр Glowing Hearts Frame отсюда: Glowing Hearts Frame.ffxml и запускаем его.

Мы можем воспользоваться готовыми пресетами (закладка Presets):

Filter Forge: рамка-сердце (урок)

Либо можем сами подобрать настройки фильтра (закладка Settings):

Filter Forge: рамка-сердце (урок)

После того, как будет достигнут желаемый результат, жмем кнопку “Apply”. Ну вот, собственно говоря, и все.

Дальнейшие шаги посвящены описанию процесса изготовления фильтра в Filter Forge.

Шаг 3.2 – Создание фильтра в Filter Forge 2.0


Запускаем плагин в меню Filters > Filter Forge > Filter Forge 2… Создаем новый фильтр: Ctrl+N или жмем кнопку «Filter Editor» в правом верхнем углу окна программы, выбираем «Create a new filter» и жмем кнопку «Open Filter Editor».

Filter Forge: рамка-сердце (урок)

Ну и сразу дадим название нашему фильтру: Ctrl+S (или в меню File > Save Filter As…).

Filter Forge: рамка-сердце (урок)

Шаг 4 – создаем светящиеся сердечки


Из списка в правой части экрана (список открывается нажатием кнопки Components в правом верхнем углу окна) перетаскиваем в рабочее поле редактора компонент Ellipse (группа Patterns). Ставим ему следующие параметры:

Filter Forge: рамка-сердце (урок)

Подробнее про выбор цвета: жмем на цветной прямоугольник рядом с параметром Color. Откроется окно пикера. Ставим галочку рядом с параметром HDR и устанавливаем значение Brightness (третий параметр в группе HSB) равное 3. И затем пикером выбираем желаемый цвет.

Filter Forge: рамка-сердце (урок)

У нас должна получиться такая штука:

Filter Forge: рамка-сердце (урок)

Теперь сделаем из этой окружности, собственно, сердце. Для этого нам понадобится компонент Profile Gradient (группа Gradients) и компонент Offset (группа Processing).

Компоненту Profile Gradient ставим галочку параметру Mirror, все остальные – без изменения.

Filter Forge: рамка-сердце (урок)

Выход компонента Ellipse (зеленый треугольник) подсоединяем к входу (маленький зеленый кружочек) Source компонента Offset. И таким же образом цепляем Profile Gradient к входу Offset V. И ставим компоненту Offset параметр Offset H в ноль.
Вуаля! Теперь у нас есть картинка сердца :)

Filter Forge: рамка-сердце (урок)

Шаг 5 – клонируем и перекрашиваем сердца


Так как мы собираемся набрасывать на рамку частицы (particles) разных цветов (в нашем случае это сердечки), то нам нужно сделать еще несколько копий группы компонент, с помощью которых мы сделали наше сердце. Выделяем все 3 компонента. Копируем в буфер обмена Ctrl+C, и вставляем копию Ctrl+V (4 раза). Всего у меня получилось 5 копий таких групп.

Filter Forge: рамка-сердце (урок)

Чтобы наши сердца получились разноцветными, устанавливаем различные параметры Color каждому компоненту Ellipse

[I">Совет: Не забывайте время от времени сохранять Ваш фильтр (Ctrl+S).[/I">

Шаг 6 – компонент Bomber (HDR)


Теперь нам понадобится компонент Bomber (HDR) (группа Patterns). Не путайте с просто Bomber. Иначе у нас не получится красивое свечение, которое дает использование HDR-цветов.

Теперь подсоединяем получившиеся у нас сердца (выходы компонентов Offset) ко входам Particle 1 … Particle 5 компонента Bomber (HDR). (Теперь вы понимаете, почему мы сделали именно 5 сердец разного цвета?)

Filter Forge: рамка-сердце (урок)

Устанавливаем компоненту Bomber (HDR) следующие параметры (те, которые я не упомянула, оставляем без изменения):
Size: 100;
Opacity Chaos: 100;
Size Chaos: 100;
Rotation Chaos: 12;
H Chaos: 100;
V Chaos: 100;
Squash Chaos: 9;
Tint Amount: 20;
Roughness: 50;
Repeat: 10;
Density: 2;

Шаг 7 – используем выделение (selection)


Оставим пока в стороне наш бомбер и займемся, собственно, рамкой. Для того, чтобы мы могли использовать selection, который был задан ранее в Photoshop, нам нужен компонент Selection (группа External).

Filter Forge: рамка-сердце (урок)

Шаг 8 – устанавливаем ширину рамки


Ширину рамки определим с помощью компонента Blur (группа Processing). Перетаскиваем его в рабочее поле из списка компонент. Selection цепляем на вход Source компонента Blur.

С помощью blur radius будем контролировать ширину рамки. Для этого присоединяем ко входу Radius контрол Slider (группа Controls). В свойствах слайдера включаем опцию Use Remapping. На линии, соединяющей контрол Slider и компонент Blur появится прямоугольник – это и есть remapper. Тыкаем в него мышью и устанавливаем ему в свойствах Minimum: 1, Maximum: 40. Установив эти значения, мы ограничили диапазон возможных значений Blur Radius, т.е. ширины нашей рамки.

Следующим этапом берем компонент Blend (группа Processing). Ставим ему в Foreground черный цвет. На вход Background цепляем Blur, на Opacity – Selection.

Filter Forge: рамка-сердце (урок)

Полученная светлая зона будет определять зону, которую будем «бомбить» сделанными ранее светящимися сердцами. Для того чтобы эта зона немного заходила на изображение внутри рамки надо ее расширить.

Тащим из списка компонент Threshold (группа Adjustment). Цепляем ему на вход Source
наш Blend. Компоненту Threshold устанавливаем следующие параметры: Threshold: 19, Smooth: 0.

Затем делаем нашей рамке мягкие края с помощью еще одного компонента Blur (Radius: 7) и делаем ее более контрастной, используя компонент Levels (группа Adjustments) c параметром White Point: 62.

Filter Forge: рамка-сердце (урок)

Шаг 9 – определяем зоны скопления сердечек


То, что у нас получилось на выходе компонента Levels, цепляем к Bomber (HDR), о котором шла речь в п. 6, ко входам Chance 1, Chance 2, Chance 3, Chance 4. Таким образом, мы задали область наибольшего скопления партиклов (светящиеся сердечки). На фон же будем разбрасывать партиклы не так плотно. Для этого мы оставили вход Chance 5.

Filter Forge: рамка-сердце (урок)

Теперь займемся созданием маски для парткиклов, которые будут разбросаны по фону, но не будут попадать внутрь нашей рамки. Для этого тащим из списка компонент Invert (группа Adjustments). Подаем ему на вход Source выход с компонента Selection (он уже есть на рабочем поле редактора).

Подключаем Invert к новому компоненту Blend (группа Processing) на вход Foreground. Значение Opacity устанавливаем равным 6. И подаем все это счастье на вход Chance 5 нашего компонента Bomber (HDR).

Filter Forge: рамка-сердце (урок)

У нас получилась такая картинка:

Filter Forge: рамка-сердце (урок)

Шаг 10 – делаем фон


Теперь осталось поместить наше изображение в раму и подложить красивый фон.
Перетаскиваем из списка компонент Perlin Noise (группа Noise). Подбираем ему параметры по своему усмотрению. Я остановилась на таких: Roughness: 28; Contrast: 0; Scale: 240; Stretch: 45; Angle: 138;

Filter Forge: рамка-сердце (урок)

Filter Forge: рамка-сердце (урок)

Filter Forge: рамка-сердце (урок)

Шаг 11 – совмещаем фон с исходным изображением


Теперь совместим фон с нашей фотографией, не забывая про выделение. Тащим из списка компонент Image (группа External) и компонент Blend (HDR). (Именно Blend (HDR), а не просто Blend! Иначе наш красивый фон растеряет всю свою распрекрасность). Также отыскиваем на рабочем поле компонент Invert (им мы инвертировали выделение). И подключаем все это следующим образом:

Filter Forge: рамка-сердце (урок)

Выход компонента Blend (HDR) подключаем ко входу «Background» компонента Bomber (HDR).

Жмем кнопку «Save Filter».

Шаг 12 – результат


Жмем кнопку «Apply». Вуаля! У нас получилась вот такая неземная красота:

Filter Forge: рамка-сердце (урок)

Напоследок, я решила немного усовершенствовать фильтр, добавив к нему различные варианты фонов, виньетирование и несколько контролов. Я решила не описывать эти шаги, но вы можете подробно ознакомиться c деталями. Для этого нужно всего лишь скачать фильтр отсюда: Glowing Hearts Frame.ffxml и запустить его.

Ну и в завершение я добавила несколько пресетов:

Filter Forge: рамка-сердце (урок)
Tags:
Hubs:
-54
Comments 13
Comments Comments 13

Articles