Редактируем фотографии в режиме ОНЛАЙН (FotoFlexer и понятие слоя. Работаем со слоями. Продолжение)

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

В FotoFlexer, работа со слоями выделена в отдельный функционал. Он виден как самостоятельная вкладка главного меню и называется Layers:

Давайте шлепнем по вкладке обычным кликом, чтобы попасть «внутрь» функционала:

Нас не должна настораживать активность лишь трёх инструментов. Остальные активируются в том момент, когда мы начнем создавать слои, т.е. создавать изображение, включающее в себя другие изображения. Если мы обратимся к функционалу «Анимация» и нанесём на нашу фотку какой-нибудь анимационный рисунок, а также текст и стикер или даже что-то одно, то в этом случае, мы тоже, вполне, можем говорить о слоях.

Ну, что же, приблизимся и посмотрим на предлагаемые инструменты:

Давайте вместо слова «Изображение» говорить слой и слои (несколько изображений), чтобы не запутаться. Этот функционал позволяет нам помещать на имеющееся изображение другие изображения, делая материал с которым мы работаем многослойным. Мы имеем возможность выделять и выделять только один слой или несколько слоев, а можем и все сразу, с целью дальнейшей их обработки.

Так же мы можем один слой или несколько слоев помещать на передней план или, наоборот, на задний. Имеется возможность некоторым образом объединять слои, — связывать. При желании, возможно, сделать некоторые слои немного или очень прозрачными. Одним словом, дать волю своей творческой фантазии, помня при этом, что данный редактор не способен воплотить все наши творческие идеи в конечном изображении.

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

Для примера, представим, что мы хотим сделать фото-коллаж нашего летнего отдыха. У нас два варианта размещения фоток на рабочем холсте для последующей работы с ними. Все зависит от того, что мы хотим с ними сделать:

1. Мы размещаем на холсте все фотки сразу, находясь в основной функциональной среде («Basic»):

и делаем это с помощью кнопки «Load Another Photo»:

а затем переходим в функциональную среду « Layers»:

2. Выбрав первую фотку (изображение) для обработки, она автоматически располагается на рабочем холсте в основной (базовой) среде «Basic». Затем, мы переходим в среду работы со слоями, шлепнув по кнопке «Layers» и уже находясь в этой функциональной среде, продолжаем размещать следующие фотки (изображения), используя для этой цели кнопку «Add Images»:

Для лучшего восприятия, давайте считать фотку с морем и берегом из гальки основным фоном (нижним слоем) поверх которого будут располагаться остальные изображения. Я вынес её на передний план временно, чтобы мы точно знали какая это фотка:

Для лучшего восприятия процессов, давайте уменьшим все фотки (три) кроме одной, — фоновой:

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

Перед нашими глазами четыре фотки и, соответственно, четыре слоя. Каждая фотка является самостоятельным слоем. Мы по своему усмотрению можем менять их местами, т.е. менять плановость любой фотки относительно других фоток. Для примера, поместим самую верхнюю фотку (переднюю) на самый задний план, даже, за основную фоновую — большую. Работать мы будем инструментом «Push Back». С этой целью выделим данную фотку (шлёпнем по ней кликом), а затем потянемся к нужному инструменту («Push Back») и будем нажимать на иконку клик за кликом, до тех пор пока перемещаемая нами фотка не пропадет с наших глаз, оставив в память о себе, лишь выделение своего контура:

Для уверенности в том, что мы сделали все правильно и добились желаемого, ухватим выделение мышкой и потянем, например, в правую сторону. Ура! Наше исчезнувшее изображение, действительно, расположилось, что ни на есть, на самом заднем плане:

Хорошо. С перемещением изображения-слоя с переднего плана на задний план, разобрались. Теперь посмотрим, как работает перемещение в обратном направлении, т.е. с заднего плана на передний план. За слоем-фоткой с бокалом и красным цветком, расположена еще одна фотка-слой с видом бассейна. Давайте переместим её, расположив поверх слоя с бокалом и цветком. На помощь призовем инструмент «Pull Forward»:

Выделяем нужную фотку-слой и шлепаем кликом по иконке инструмента «Pull Forward», и наш слой с бассейном изменил свое положение. Снимем выделение для лучшей видимости:

Итак, мы поняли, что действия инструментов «Поместить на задний план» и «Поместить на передний план», идентичны.

Давайте сейчас вернем (поместим) самую нижнюю фотку-слой с видом бассейна на передний план. Как это сделать мы уже знаем. Ну, пусть будет как-то так:

Находясь в функционале работы со слоями, мы имеем возможность объединить несколько слоев-фоток в самостоятельную группу. Давайте на примере фоток-слоёв с видом бассейна проведем эту самую группировку. Удерживая клавишу «Ctrl» шлепнем кликом сначала по одной фотке, а затем по другой:

А теперь обратимся к инструменту «Group» и кликом мышки приведем его в действие. И вот, что у нас получилось. На самом деле, то, что у нас получилось, мы не видим. Визуально, всё осталось так же, как и было. Давайте снимем выделение обеих фоток одним кликом на свободной области рабочего холста, а затем ухватимся за любую из них. Вот теперь мы действительно видим, что эти два изображения-слоя связаны. Можем потаскать их по холсту туда-сюда:

Если, вдруг мы решили, что группировка нам не нужна, то мы проделаем действие разгруппировки с помощью инструмента «UnGroup», предварительно, их выделив, шлепком по любому слою-фотке одним кликом:

И опять, визуально мы ничего не увидим, кроме того, что иконка инструмента «UnGroup» перестала быть активной:

Давайте для своего спокойствия и уверенности проверим, действительно ли эти слои перестали быть связанными. Сбросим выделение и, схватившись за любую фотку, потянем её, например, влево:

Если у нас что-то не получилось или мы ошиблись и хотим повторить снова с некоторыми улучшениями, то мы можем отменить действия, ну, сделать шаг назад, то нужно нажать кнопку «Undo » или сочетание клавиш Ctrl+Z, а снова вернуться на шаг вперед, кнопку «Redo»:

Нажать кнопку или сочетание клавиш нужно столько раз, на сколько шагов мы хотим вернуться назад или вперед.

Связывая слои, т.е. превращая их в группу мы не получаем единого нового слоя. У нас, лишь, появляется возможность менять местоположение группы, поворачивать и менять её размер. Если мы захотим применить к группе какой-нибудь эффект, и с этой целью активируем функционал «Effects»:

то связь между слоями-фотками в группе прервется и мы будем применять, выбранный эффект к каждому слою-фотке, индивидуально. Если для нас важно, чтобы отдельные слои были, по-прежнему связаны между собой, и эта связь сохранялась и после применения эффектов, то мы должны снова обратиться к функционалу «Layers» и повторить процедуру группировки слоев.

Другое дело, когда наш творческий замысел предусматривает создание самостоятельного слоя, включающего в себя несколько слоев-изображений. В этом случае связь между слоями нарушена не будет. Давайте отработаем этот момент. Выделим эти две фотки с видом бассейна и обратимся к инструменту «Merge», шлепнув по иконке данного инструмента одним кликом мышки:

И что же мы видим:

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

Давайте продолжим проверку. Сбросим выделение, а затем снова шлепнем кликом по любой из этих фоток. И снова две эти фотки захватит одно объединяющее выделение. Теперь перейдем к функционалу эффектов и воспользуемся одним из них, например, эффектом размытых краев:

Прежде чем непосредственно применить эффект, хочется сказать о том, что мы можем подойти к заключительному действию по применению эффекта двумя путями. Первый путь — это выделение нашего объединенного слоя, а затем шлепок по иконке выбранного эффекта. Второй путь, — сначала шлепок по иконке эффекта и после видоизменения интерфейса функционала эффектов, один обычный клик по любому из изображений объединенного слоя. Давайте пойдем вторым путем, чтобы увидеть изменения интерфейса:

Итак, интерфейс изменился, и мы шлепаем по любому изображению единого слоя:

После того как эффект был применен, мы можем поиграть ползунком настройки размытия, т.е. усилить или ослабить эффект. Как только мы почувствовали удовлетворение, нам остается, лишь, шлепнуть по кнопке «Apply» для сохранения результата. Давайте переместим наш единый слой в область фонового слоя — большой фотки с видом моря и снимем выделение:

Давайте сделаем непродолжительную паузу и продолжим в следующий раз.