Внимание

Этот блог переехал по адресу yktoo.com/ru/

Attention

This blog has moved to yktoo.com/en/

September 13, 2013

Размножение объектов на фото в Gimp ~ How-to: Multiplicity in Gimp

Сегодня я хочу поведать о старой как мир, но от этого не менее впечатляющей технике тушения пожаров размножения объектов (обычно людей, но это могут быть и котики, и лопаты) с помощью графического редактора. Эту технику часто называют multiplicity. С её помощью можно делать фотографии наподобие такой:
My today's story is about a well-known yet impressive graphic editing technique called multiplicity. It allows you to multiply objects on a photo—most commonly people, but it can be just as well kittens or lawn-mowers. Using this technique, you can make pictures like this:


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

I'm a Linux guy and hence my favourite graphic editing tool is Gimp, but the same can be done with any other editor that supports layers and masks.

Приведённое выше фото с пятью копиями меня любимого требует довольно много кропотливого труда, так что я объясню на более простом примере, где меня два:
The photo above with five copies of myself required quite a bit of labour, so I'll explain the principle on a simpler example with just two of me:


Шаг первый. Съёмка

Всё начинается с получения исходных фотографий, и здесь очень важно сделать их правильно, чтобы облегчить себе дальнейшую работу:
  1. Фотоаппарат должен быть надёжно зафиксирован. Лучше всего использовать штатив и спускать затвор с пульта ДУ, хотя при известной сноровке можно обойтись и без него.
  2. Фотографии должны быть сделаны в полностью идентичных условиях. Это означает:
    • Одинаковая выдержка.
    • Одинаковое значение диафрагмы.
    • Одинаковый баланс белого.
    • Как следствие из всего вышеперечисленного — одинаковые условия освещённости.
    Я установил полностью ручной режим, за исключением фокуса, и выставил принудительный баланс белого.
  3. Все прочие объекты по возможности должны оставаться на своих местах.
  4. Лучше сделать побольше фотографий в разных вариантах, чтобы потом выбрать наилучшие.

Step one. Making photos

It all starts with making source photos, and it's very important to get it right from the beginning to facilitate all following efforts:
  1. The camera should be steadily and firmly mounted. The best option is to use a tripod and click the shutter from a remote control. However, it's not required provided that you do it accurately.
  2. The pictures must be shot under identical conditions, which means:
    • Same exposure.
    • Same aperture value.
    • Same white balance.
    • Resulting from all the above—same lighting conditions.
    I used the full manual exposure mode, except the focusing, which I kept automatic, and explicitly chose the white balance.
  3. All other objects should keep their positions to the extent possible.
  4. It's a good idea to make a multitude of different shots to have a variety to choose from later.
По сюжету я играл сам с собой в карты на балконе. Однако солнце в этот день то выходило, то пряталось за тучами, так что все фото получились с разной экспозицией. Я выбрал из них пару наиболее близких по этому параметру. Эту:
My story was a card game on the balcony. The sky was cloudy that day, and the sun shone and hid all the time, so all my photos had slightly different lighting. I've chosen a couple most close to one another, this one:


И вот эту (между съёмками неплохо бы переодеваться, для усиления эффекта):
And this one (it's also nice to change clothes between shots):


Шаг второй. Открываем фото в Gimp-е

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

Step two. Open the photos in Gimp

Arrange the photos in layers one under the other. Choose one that will represent the foundation (containing most objects) and lay it on the bottom. The rest are to be placed on top of it:


Шаг третий. Добавляем маску слоя

Кликаем правой кнопкой в списке слоёв на верхнем слое и выбираем Add Layer Mask…:

Step three. Add layer mask

Right-click the top layer in the list and select Add Layer Mask…:


В открывшемся диалоге выбираем Black (full transparency) и жмём Add: In the dialog that opens click on Black (full transparency) and then Add:


В слое с картинкой рядом с его эскизом появляется миниатюра маски — изначально она чёрного цвета, как мы и задали. А значит, весь слой становится прозрачным и пропадает с общего изображения:
The layer will get a black thumbnail near the main one—which is the mask, black as specified. Therefore the layer becomes fully transparent and vanishes from the image:


Шаг четвёртый. Редактируем маску

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

Итак, проконтролируем, что мы редактируем именно маску, а не сам слой. Для этого нужно кликнуть на миниатюре маски, чтобы вокруг неё появилась белая рамка:

Step four. Edit the mask

Layer mask is a monochrome (grayscale) image that affects layer opacity. In the places where it's black the layer is completely transparent, and where it's white the layer is completely opaque. All intermediate shades correspond to partial opacity. We make use of this principle by paiting the mask white in the spots we want the layer to shine through.

So let's make sure we're editing the mask and not the layer itself. To do that you click the mask's thumbnail, which gives it a white outline:


Выбираем инструмент «Кисть» (Paintbrush Tool):
Select the Paintbrush Tool:


И начинаем рисовать белым (маска ведь изначально чёрная) в том месте, где «правый я» должен сидеть в кресле. Получается что-то типа такого:
Now start painting the mask white in the area where the "right me" is sitting in the chair. You'll get something like this:


Можно посмотреть, как выглядит получающаяся маска. Для этого нужно кликнуть правой кнопкой на слое и выбрать Show Layer Mask или просто нажать Alt+M. При этом рамка вокруг миниатюры маски становится зелёной:
You can quickly check how the resulting mask looks like. For that you right-click the layer and select Show Layer Mask, or simply press Alt+M. This changes thumbnail's frame to green:


Вот, собственно и вся хитрость, остальное — дело техники. Пользуясь белым и чёрным цветами (для переключения цвета фона и переднего плана пользуемся клавишей X), меняя размер и форму кисти, стараемся максимально аккуратно обрисовать требуемую фигуру.
This is basically it. The rest is just painting the right mask by using white and black colour (use the X key to swap back- and foreground colour). Feel free to also change size and shape of the brush to achieve a neat shape outline.

Шаг пятый. Финальный результат

Он выглядит следующим образом:

Step five. The final result

It looks as follows:


А соответствующая ему маска так:
And the corresponding mask is:


Теперь остаётся только экспортировать изображение в JPG (File → Export) и отправляться удивлять своих друзей «Вконтакте».
All you need to do now is export the image to JPG (File → Export) and go amaze your friends on the Facebook.