Как сделать бесшовный коллаж в инстаграм

С чего все начиналось

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

А есть программа, чтоб так делать?

Для начала сразу проясним: не существует никакой программы, которая строит такие коллажи автоматически. Еще раз — такой программы нет. Максимум можно найти приложение, который разрежет одну готовую картинку на 9 частей. Но общее полотно еще надо нарисовать и выход здесь только один — Адольф Фотошоп.

Технология производства

Для рисования в фотошопе заранее создается мега-панно с разметкой под каждую картинку. Каждая картинка у нас — квадрат со стороной 1080 пикселей. Берем в расчет, что всего будет 10 рядов. Также по бокам нужны safe-зоны для отрезания и переноса элементов на соседние инстаграмины. Итого размер рабочей зоны для нарезки: 4040х11600 пикселей. Вот как она выглядит, когда на ней еще нет фоток для нарезки. Чередующиеся квадраты удобны для понимания границ каждой инстаграмины. Зеленая сетка сверху — отдельный слой, который используется при нарезке картинки на готовые квадраты.

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

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

Когда панно собрано, мерджим его в отдельный слой, включаем зеленую сетки и выделяем по ней квадрат 1080х1080. Делать это по зеленой сетке удобно, так как граница вырезания проходит ровно по середине зеленых линий (толщина линий — 8 пикселей).

С включенным выделением выключаем сетку, копируем кусок панно и вставляем его в новый файл, который затем сохраняем и отправляем в инстаграм. Если все прошло успешно, размер картинки будет 1080х1080 пикселей.

Материалы в помощь

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

Чтобы вам было легче, я решил выложить макет большого панно для рисования в PSD. Теперь вы сможете сами рисовать бесшовную инстаграм-ленту и не заморачиваться с тем, как организовать пространство для этой работы. Кстати, некоторые digital-агентства не стесняются брать по 15К рублей с клиентов за одну инстаграмину при ведении ленты в таком виде! Теперь это доступно бесплатно :)

Да, необязательная просьба, но мне будет приятно, если вы попиарите мой акк @supertima в инсте. Бесшовную ленту мне рисовать надоело и теперь я выкладываю там классные пленочные фотки.

PSD-файл: https://yadi.sk/i/Qab-ycS93SKNiZ

Мой инстаграм: https://www.instagram.com/supertima/

Инстаграмы для вдохновения: CaseyMcPerry, Dan Orlov .

23 сентября   инстаграм   тима
5 комментариев
Анна

Вместо зеленой сетки сделай направляющие и после воспользуйся инструментом «Раскройка». Все фоточки автоматически сохранятся квадратами, не надо ничего будет кадрировать ручками.

Евгений

Как продолжить коллаж без шва?

Cheat Team

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

Виктория Бессмертная

Спасибо большое! Очень дельная статья

G8

а как сохранять по отдельности каждую фотку ?

Vladislav

Для новичков практически бесполезная информация. Даже с большим опытом в ФШ я не сразу нашёл эти «зелёные линии».