Урок Affinity Photo: Рождественский ангел

Affinity Photo: Выделение скал и создание стеклянного шара - "Рождественский ангел" (Части 11-12/14)

Marco Kolditz
Опубликовано:

Всё хорошее, как известно, имеет три части. Поэтому в 11-й части нашего рождественского сериала Affinity Photo вы узнаете третий способ выделения объектов. Сразу после этого вы словно из ниоткуда создадите стеклянный шар. Очень красиво!


Часть 11: Выделение скал с помощью инструмента выделения и вставка их на задний план

Впечатляющее зрелище, как ангел со своими крыльями представлен в блеске металлического вида. Однако статуя пока плавает в пустоте. Поэтому мы даем ей сейчас новый задний план - скалистый фон. И поскольку горная формация не возникает просто так, её нужно сначала выделить из другого изображения. Инструмент, который мы используем для этого: инструмент выделения. Посмотрите, как Марко Кольдиц выполняет процесс, пока скала не окажется на своем месте:

Обучающий урок по Affinity Photo: вырезание скал и вставка их на новом фоне
Сначала вырежьте скалу, а затем поместите её под ангела.

Что вы узнаете в 11-й части руководства по Affinity Photo

  • Создание выделения с помощью инструмента выделения
  • Как применять функцию растрирования
  • На что обратить внимание при размещении нового заднего плана

Выделение скал с помощью инструмента выделения

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

Здесь мы используем другой метод, который хорошо работает при ярко выраженных контрастах. Мы видим на изображении темную скалу на белом фоне. Поэтому для этого мотива подходит инструмент выбора скал (2), активируемый клавишей-ярлык W.

Урок по Affinity Photo: Кисть для выделения в панели инструментов.
Начните выделение: активируйте инструменты выделения с помощью значка или клавиши W.

Я увеличиваю изображение и переключаюсь на инструмент выделения. Этим инструментом я могу рисовать по изображению. Сначала я выбрал ширину в 3 пкс (1), что в данном случае еще не очень хорошо работает. Мы видим отдельные области, которые еще не выбраны (2). Если вы хотите выделить более крупные объекты с помощью инструмента выбора, рекомендую увеличить ширину (3).

Теперь я рисую по скале, и вы видите, что автоматически выбираются области (4). Инструмент выбора опирается на яркий контраст и контуры. Это значит, что он определяет: здесь светло, здесь темно, следовательно, это край выделяемого объекта.

Обучающее пособие по Affinity Photo: Ширина кисти выбора определяет сделанный выбор
У вас есть выбор: маленькая ширина, маленькое выделение, большая ширина, большое выделение.

Проверка и улучшение выделения скал с помощью инструмента выделения

Здесь (1) это не очень хорошо сработало, одна из областей не выделена. Но это не проблема - я еще раз кликаю, и область становится выделенной (2).

Когда я увеличиваю изображение, видно, что, например, эти области также выделены (3). В этом случае можно снова уменьшить ширину (4>6), удерживая клавишу Alt и кликая на области (5), чтобы отменить выбор (7).

Обучающий урок по Affinity Photo: Проверка краев выделения.
Много или мало выделено? Увеличьте изображение и проверьте детали.

Удерживая клавишу Пробел, я перемещаюсь по изображению, чтобы обработать такие проблемные области. Это очень удобно и быстро.

Учебное пособие по Affinity Photo: Проверка краев выделения.
Оцените граничные области и при необходимости улучшите выбор.

С более крупной кистью выделения, я выбираю дополнительные области. Позже можно также удалить излишне выделенное с помощью маски.

Обучающий урок по Affinity Photo: выделение скал, созданное с помощью кисти выделения.
Вот как выглядит выделение - теперь из него нужно создать маску.

Создание маски

Исходя из выделения, я могу создать маску. Для этого я нажимаю на фоновый слой (1) и выбираю значок маски (2). Чтобы снять выделение, я нажимаю Ctrl+D. Теперь скала выделена.

Обучающий урок по Affinity Photo: применение маски к выделенной области для вырезания образа
Маска работает - уже выглядит хорошо, не правда ли?

Проверка и улучшение краев выделения с помощью цветного слоя

Через Слой>Новый заполняющий слой (1) я создаю цветной слой с синим цветом (2). Слой я перемещаю вниз (3). Так я могу лучше видеть, действительно ли края были хорошо выделены (4).

Урок по Affinity Photo: положите цветной слой за маскированным выделением.
Добавьте в фон вашего маскированного изображения цветной слой - также вы увидите последние недочеты.

В настоящее время они выглядят очень жестко. Это означает, что здесь нет сглаживания, а есть нежелательные эффекты ступенчатости (1). Мы исправляем это, выделяя маску (2) и переходя в Фильтр к размытию и размытию по Гауссу. Таким образом, я немного размываю маску - не изображение, оно остаётся без изменений.

Без размытия край выглядит остро. Увеличив радиус всего лишь немного (3), оставив значение на 0 пикселей, но край становится немного размытым (4). Я подтверждаю это, нажимая Применить.

Урок по Affinity Photo: Проверить края выделенного объекта на цветном фоне.
Используйте, при необходимости, нежное размытие для избежания резких краёв.

С помощью инструмента кисть для рисования (1), черного цвет в переднем плане (2) и меньшей толщины (3), можно ещё оптимизировать края. Я нахожусь на маске (4) и рисую чёрным цветом. Где видны так называемые светлые «шумы» по краям (5), я их убираю (6).

Учебник по Affinity Photo: улучшаем белые флешеры на краю обрезки с помощью кисти.
Обратите внимание на такие белые «шумы» и улучшите их.

Таким образом, с помощью кисти выделения можно добиться хороших результатов. С помощью кисти для рисования можно это далее улучшить вручную. Чем больше времени вы вкладываете, чем более детально работаете, тем лучше результаты получаются.

Обучающий урок Affinity Photo: Выделенный скала.
Вы сделали ваш выбор!

Растрирование для экономии места на диске

В предыдущем уроке я показал вам, как выделить объект с помощью маски и затем разместить только сам объект, без маски, в другом документе. Этот шаг деструктивен, но если вы уверены, что не планируете дальнейшую работу с объектом через маску, это экономит место на диске и, возможно, вычислительную мощность, в зависимости от количества использованных слоёв в конечном итоге.

По этому рамочному выделению (1) мы видим, что мы всё ещё работаем с полным изображением, а не только с скалой. Остальное изображение пока скрыто. Но мы хотим работать только со скалой.

Для этого существует функция под названием Растрировать. Щелкая правой кнопкой мыши на слое скалы (2), я выбираю Растрировать… (3). Таким образом маска была применена, остальное изображение полностью исчезло, и на слое осталась только выделенная скала.

Я также переименовываю слой в «Скала» (4). Теперь я копирую скалу с помощью Ctrl+C.

Применить маску к изображению, чтобы выделить объект.
Примените маску к изображению, чтобы объект действительно выделялся.

Вставить скалы как новый элемент заднего плана

Я переключаюсь на другое изображение и вставляю скалы с помощью Ctrl+V. Но будь осторожен: в палитре слоев снова не выбран ни слой, ни группа. Важно кликнуть, например, на верхнюю группу или слой (1), затем нажать Ctrl+V, чтобы скала была размещена выше (2).

Естественно, мы хотим переместить скалы вниз, при этом также необходимо учесть: когда вы берете этот слой и тянете его вниз, вы увидите синие полосы - в этом месте (3) я бы, например, поместил скалу в группу "Крылья".

Поэтому: еще немного тянуть вниз, чтобы синяя полоса заняла всю ширину (4), и отпустить. Теперь слой лежит внизу (5).

Руководство по Affinity Photo: помещение скал в качестве нового фона
Обратите внимание на синие полосы при перемещении ваших слоев. Их длина определяет, где именно будет размещен ваш слой.

Обратите внимание на освещение элементов изображения

Я уменьшаю масштаб изображения, тяну скалу вниз (1). Ее нужно еще отразить, потому что здесь (2) у нас тень справа, а здесь она слева (3). На активном слое я нажимаю на скалу, выбираю Трансформировать и Горизонтальное отражение (4).

Обучающий урок по Affinity Photo: преобразуем новый фон, чтобы он соответствовал изображению.
Просто вбросить и готово? Нет! Всегда обращайте внимание на световые условия отдельных элементов состава изображения.

Выравнивание скалы

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

Обучающее руководство по Affinity Photo: преобразование нового объекта для его адаптации к фону
Масштабирование, поворот ... пока не подойдет!

Теперь наш ангел, наконец, получил надежную поддержку!

Урок по Affinity Photo: Промежуточный результат с ангелом на скале.
Так постепенно изображение начинает формироваться из изображений.

Выделение мотивов пензлем для маскирования - Сводка Часть 11

  • При высоком контрасте между мотивом и задним планом вы можете использовать кисть выделения Auswahlpinsel.
  • Ваш ярлык для кисти выделения Auswahlpinsel: это клавиша W.
  • Выделенную область можно отменить, зажав клавишу Alt-.
  • Подсказка: добавьте цветную область на задний план, чтобы проверить края вашего выделения.
  • Сделайте края немного размытыми с помощью Гауссова размытия, если это необходимо.
  • Также, при необходимости, используйте Кисть для рисования, чтобы оптимизировать выделение.
  • Используйте функцию растрирования, чтобы применить маску к изображению. Хотя это деструктивно, но при больших композициях экономит место на диске.
  • При размещении новых элементов изображения в композиции всегда обратите внимание на освещение во всех элементах.

Часть 12: Создание стеклянного шара с помощью фильтров Affinity Photo

Просто волшебно - но никоим образом не магия! Марко Колдитц берет сейчас фотон и превращает его в шар с помощью нескольких умелых кликов. Как из этого следует стеклянный шар? На самом деле очень просто - нужно, как это часто бывает, только знать.

Обучающий урок по Affinity Photo: Из пятна бленды создается стеклянный шар
Теперь ангел входит в стеклянный шар. Как создать его из простого светового пятна, вы узнаете в этом разделе.

Что вы узнаете в части 12 учебного руководства по Affinity Photo

  • Как создать стеклянный шар из светового пятна
  • Как внедрить стеклянный шар в композицию
  • Использование специальных фильтров, таких как Полярный в декартовых координаты

Пятно от диафрагмы в качестве отправной точки для стеклянного шара

Теперь мы создаем снежный шар. Для этого я создал изображение с пятнами от диафрагмы. К сожалению, Affinity Photo (версия 1.6) не предоставляет стандартной функции для создания таких пятен от диафрагмы. Я создал его в Photoshop, где есть простой фильтр для создания таких пятен от диафрагмы.

Обучающее руководство по Affinity Photo: Изображение созданного пятна на пояснице служит основой для стеклянного шара.
Это простое созданное пятно от диафрагмы служит основой для стеклянного шара.

Изображение лежит на одном уровне. Мы используем фильтр, а именно под Искажение>Полярные координаты в декартовы. И у нас уже есть это интересный результат:

Обучающий видеокурс Affinity Photo: Фильтр Polar в декартовой системе координат
Используйте фильтр Полярные координаты в декартовы.

Теперь отразим его: При активированном уровне нажмите на изображение и выберите Трансформировать>Вертикальное отражение.

Урок по программе Affinity Photo: Зеркальное отображение по вертикали
Поверните на ноги с помощью вертикального отражения.

Теперь возьмем под Фильтр и Искажение пункт Декартовы в полярные. Уже есть такой эффект:

Урок по Affinity Photo: Фильтр отображения картезианских координат в полярные.
Фокус, фокус ... фильтр Декартовы в полярные превращает пятно от диафрагмы в форму шара.

От цветного к черно-белому шару

Это действительно похоже на стеклянный шар, но пока еще цветной. Я переименовываю уровень в «Отражение» (1). Кроме того, я представляю шар в черно-белом виде, выбрав Черно-белую настройку (2). Я оставляю параметры как есть (3).

Я переношу уровень с Черно-белой настройкой в уровень «Отражение» (4), так что Черно-белая настройка влияет только на этот уровень (5).

Обучающий урок по Affinity Photo: настройка черно-белого изображения шара
Уберите цвет – с помощью настройки Черно-Белое.

Теперь я регулирую контраст: Для этого я выбираю Кривые уровня. Поскольку ранее я выбрал уровень Черно-белого внутри уровня «Отражение», Кривые уровня находятся непосредственно в уровне «Отражение» (2). Я немного затемняю темные области (3). Светлые области оставляю (4), иначе здесь был бы переизбыток белого цвета, как видно (5). Увеличиваю значение Гамма- (6).

Урок по Affinity Photo: коррекция тона для сферы
С помощью кривых уровня вы улучшаете контраст.

Таким образом, мы уже подготовили шар.

Обучение по Affinity Photo: Промежуточный результат сгенерированного стеклянного шара
Вo всей красе: шар.

Создание маски для шара

Убираем задний фон. Для этого создаем выделение. Обычно я использую инструмент Рамка выделения — Эллипс. Таким образом, удерживая клавишу Shift, вы сможете просто нарисовать круг. При рисовании мне хотелось бы иметь возможность передвигать это выделение. В Photoshop для этого можно было бы использовать клавишу Пробел. К сожалению, в Affinity Photo (версия 1.6) этого сделать нельзя.

Урок по Affinity Photo: создание маски для стеклянного шара с помощью инструмента эллипса.
Чтобы точно выделить шар с помощью инструмента Эллипс, нужно немного хитрости ...

Поэтому я включаю Показать>Линейки чтобы показать Линейки (1). Щелкнув по линейке, я могу нарисовать Вспомогательную линию, которую размещаю на верхнем крае шара (2). То же самое делаю с левым краем шара (3).

Теперь я с помощью инструмента Выбор - Эллипс (4) рисую круг, начиная с точки пересечения двух вспомогательных линий (5). При этом я тоже немного выступаю за пределы круга, чтобы позже увидеть край.

Обучающий урок по Affinity Photo: создание маски для стеклянного шара с помощью инструмента эллипса.
Поместите линеалы на верхнюю и левую стороны круга. Так у вас будет идеальная ориентация для выбора круга.

Нажимая на значок маски, я создаю маску. Нажатием Ctrl+D я снимаю выделение. Теперь у нас есть круг.

Создание маски для стеклянного шара в уроке по Affinity Photo.
Сделайте маску из вашего выбора - и круг будет выделен.

Размещение круга на изображении

Далее я пропустил некоторые шаги, поскольку это редакционные шаги, которые мы уже провели. Внизу находится наш скала. За кругом находится наш рождественский ангел. Я поместил круг вместе с маской на самый верх.

Теперь я хочу изобразить фрагмент скалы снизу перед кругом.

Руководство по Affinity Photo: размещение стеклянного шара в композиции
Глазной шар пока лежит довольно нестандартно чёрным над нашими элементами изображения.

У меня есть две маски: С одной стороны это маска в форме круга (1). Также есть маска, где я выделил область скалы снизу, которую я хочу видеть в конечном итоге (2).

Обучающий урок по Affinity Photo: Маскирование частей объекта
Две маски - одна для глазного шара, другая для области скалы, которая должна быть перед кругом.

Маска не активна (1). Зажав клавишу Shift, я нажимаю на маску, и она становится активной (2).

Такую вторую маску очень легко создать: Я удаляю ее на короткое время. Если я выбираю этот слой (3) и снова кликаю по значку маски (4), у меня появляется еще одна маска, на которой мы, например, можем маскировать скалу снова.

Обучающий урок по Affinity Photo: настройка фона и переднего плана друг к другу
Две маски для одного слоя.

Дайте нам стеклянный шар!

На слое стеклянного шара я меняю режим наложения слоев. Именно здесь я выбираю Отрицательное умножение (1). Таким образом появляется этот очень красивый эффект стекла. Чтобы лучше увидеть эффект, я также на самом дне слоев в палитре слоев через Слой создал слой заливки с синим цветом (2).

Учебное пособие по Affinity Photo: Промежуточный результат с Рождественским ангелом на скале, в стеклянном шаре.
Установите режим наложения слоев на Отрицательное умножение, и круг будет выглядеть как стеклянный шар.

Создание стеклянного шара в Affinity Photo - Резюме Часть 12

  • Используйте изображение сгенерированного светового пятна и фильтр Полярное к Декартові, вертикальное отражение, а также фильтр Декартово к Полярному, чтобы создать круглую форму с рефлексией.
  • Используйте Черно-Белую коррекцию и Коррекцию тона значения, чтобы настроить цвет и контраст круга.
  • С помощью режима наложения Отрицательное умножение превратите круг в стеклянный шар.
  • При размещении новых элементов изображения в композиции всегда имейте в виду, что другие элементы изображения находятся перед и за новыми элементами изображения.

>К частям уроков 9 и 10 учебника

>К частям 13 и 14

Содержание частей 11-12/14 основано на видеоуроке нашего тренера Марко Кольдитца:

Опубликовано от Marco Kolditz
Опубликовано:
От Marco Kolditz
Марко Кольдитц работает как цифровой художник, редактор и видео-тренер под именем MEER DER IDEEN в Мюнхене. Кроме того, он ведет одноименный блог-журнал и YouTube-канал. Помимо видеоуроков для PSD-Tutorials, Марко Кольдитц уже выпустил множество видеоуроков по Adobe Photoshop и Adobe Illustrator, а также написал специализированные статьи о творческих композициях в Photoshop для других журналов, таких как DigitalPHOTO.
Вернуться к обзору