Filter Forge: Фоторамка в виде Сердца

Filter Forge: Фоторамка в виде Сердца

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

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

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

Filter Forge: Фоторамка в виде Сердца *

Нам понадобится:
  • фотография или картинка, которую мы хотим обработать подобным образом. В этом уроке была использована фотография с istockphoto.com
  • Adobe Photoshop
  • плагин FilterForge 2.0 Beta (Если у вас еще нет этой программы, скачайте ее здесь: http://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.gif рисуем векторный объект в виде сердца. Помещаем этот слой с 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, то это будет завершающий этап нашего урока. Ну а если вы хотите приобрести навыки создания собственных фильтров, что открывает почти безграничные возможности smile.gif, то переходите к шагу 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 в ноль.
Вуаля! Теперь у нас есть картинка сердца smile.gif

Filter Forge: Фоторамка в виде Сердца *

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

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

Filter Forge: Фоторамка в виде Сердца *

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

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

Шаг 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, запустить его и открыть редактор фильтров (Ctrl+E).

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

Filter Forge: Фоторамка в виде Сердца *

Автор урока: Kochubey
Посмотреть фильтры
Посмотреть работы


P.S. Учитывая тему одного из предыдущих туториалов, читатель может счесть меня каким-нибудь сердешным маньяком. Но почему-то именно в феврале меня пробивает на написание туториалов. Кстати, вместо сердечек могут быть любые формы biggrin.gif Удачи вам!

Это сообщение отредактировал ash — 13 Февраля 2010, 20:53


Создаем спецэффекты

Вас может также заинтересовать:

17 декабря 2018

Оправданная популярность и слава, которая опирается на высокую технологичность устройства – это про универсальный зум-объектив Nikon AF-S DX NIKKOR 18-200 mm f/3.5-5.6 G ED VR II с кратностью одиннадцать целых и одна десятая, оснащенный оптикой высокого класса, а также системами подавления вибраций и бесшумным автофокусом.

17 декабря 2018

Дата анонса: 2007/08/23 Эффективное разрешение, МП: 12.1 Диагональ ЖК-дисплея, дюймы: 3

17 декабря 2018