Как сделать бесконечную ленту в инстаграм

Картинка к статье как сделать бесконечную ленту в инстаграм

Бесшовная лента (по англ. instagram puzzle feed) – такой вид оформления аккаунта, в котором каждый фрагмент, являющийся отдельным постом, соединен с соседними. Как сделать бесконечную ленту в инстаграм в Adobe Photoshop и сервисе Canva расскажем далее.

Вечная лента инстаграм в Фотошопе

Сначала рассмотрим как сделать бесконечную ленту в фотошопе. Перед тем, как создать новый шаблон, решите на сколько постов будет пазл. Сделаем, например, 3*4 – три в ширину (другой ширины быть не может) и четыре в высоту.

Теперь посчитаем размер нового шаблона. В принципе, можно и не считать, а вставить в поле Width 1080*3 Height 1080*4.

Фотошоп уже сам посчитает, но на всякий случай это будут размеры бесконечной ленты в инстаграм 3240*4320, в пикселях.

Картинка как настроить размеры бесконечной ленты в инстаграм в фотошопе

Как сделать бесконечную ленту в инстаграм по разметке

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

Идём в View – New Guide Layout. Здесь выставляем такие значения:

Картинка как делать бесконечную ленту инстаграм в фотошопе

И получаем вот такую разметку:

Картинка как сделать бесконечную ленту в инстаграм по разметке

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

Чтобы вставить фото в вечную ленту, добавляем фотографии перетаскиванием или через меню File – Place Embedded и раскладываем снимки, как нравится.

Картинка как вставить фото в вечную ленту в фотошопе

Графические элементы

Чтобы сделать красивую ленту в инстаграм, добавим графические элементы для декора. Детали подготовим заранее в png-формате и на прозрачном фоне. Если это векторные иконки или рисунки, то копируйте сразу из Иллюстратора и вставляйте в Фотошоп.

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

Для этого перейдите на картинку в самом низу палитры Layers нажмите на кнопку fx или дважды щёлкните по слою, чтобы открылось окно Blending Options.

Картинка как сделать бесконечную ленту через фотошоп

Настраиваем параметры тени. Оттенки делайте по своему усмотрению. Здесь же добавляем обводку. Нажимаем ОК.

Картинка как сделать бесконечную ленту в Adobe Photoshop

Чтобы не повторять работу с другими картинками, скопируем стиль фона у исходника и вставим к остальным.

Для этого, находясь на заготовке, у которой настраивали тень и обводку, нажимаем правую кнопку мыши и выбираем Copy Layer Style.

Затем выбираем остальные фото, щёлкая по ним с зажатой клавишей Ctrl. Нажимаем ПКМ и выбираем Paste Layer Style.

Если добавили фрагменты на прозрачном фоне и хотите поменять цвет, то это можно сделать следующим образом:

  1. Выделите картинки.
  2. Нажмите Ctrl G, чтобы сгруппировать слои.
  3. Затем дважды щелкните по группе, чтобы открыть окно Blending Options.
  4. Выберите пункт Color Overlay.

В окошке с палитрой установите нужный цвет:

Картинка как создать бесконечную ленту в инстаграм в программе

Цвет наложится на слои, входящие в эту группу.

Добавим также текст. В итоге получился вот такой пример бесконечной ленты инстаграм:

Картинка пример бесконечной ленты инстаграм

Разрезание пазла

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

Для резки используем инструмент Slice Tool. Щёлкаем по нему и в верхнем меню появится кнопка Slices From Guides, нажимаем на неё.

Теперь одна большая картинка разрезана в соответствии с нашими направляющими:

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

Для того, чтобы сохранить шаблоны для вечной ленты себе на компьютер, нажимаем File – Export – Save for Web

Картинка вечная лента в инстаграм в фотошопе

Затем кнопку Save… Фотошоп создаст папку images, в которую сохранит отдельные кусочки нашей бесшовной ленты, причем пронумеровывает части пазла сверху вниз:

Картинка пронумерованные шаблоны для вечной ленты

Поэтому в инстаграм добавлять будем, начиная с 12 и далее по порядку.

Выравнивание картинок вечной ленты

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

Поясним на примере. Сначала пронумеруем для наглядности наши посты вот в таком порядке:

Картинка пронумерованая лента в инстаграм

Теперь следует, например, в третьем квадрате разместить часть картинки слева:

Картинка как сделать бесконечную ленту ровно

Чтобы сохранить принцип бесшовности, эта картинка должна ровно состыковываться с областью №4. Для этого придётся настроить ленту в инстаграм.

Сначала убедитесь, что включена привязка к направляющим. Идём в View – Snap to и проверяем что стоит галочка у пункта Guides.

Теперь скопируем боковую картинку из области №3. В палитре инструментов выберем инструмент Прямоугольник, уберём у него обводку и поставим заливку, например, черного цвета.

По границам третьего сектора нарисуем черный квадрат:

Картинка как сделать ленту в инстаграм без стыков

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

Картинка как сделать единую ленту в инстаграме

Группу с квадратом и копией боковой картинки требуется переместить и состыковать с областью №4.

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

Сделайте так, чтобы черного квадрата в области №4 не было видно.

Картинка как сделать непрерывную ленту в инстаграм

После этого удалите черный квадрат. По такому же принципу делаете состыковки с остальными крайними изображениями.

Вот теперь удалось сделать бесшовную ленту в инстаграм в прямом смысле.

Добавление видео в бесшовный коллаж

Статичные картинки – это, конечно, красиво, но иногда нужно выложить в ленту в инстаграм видеоролик. Сделать работу требуется так, чтобы не нарушить при этом эффект бесшовности.

Для начала освободим место на бесконечной ленте:

  1. Выберем, например, область №8.
  2. Удалим текст (или лучше отключим видимость).
  3. Теперь пересохраните квадраты. Экспортировать только одну фигуру не получится.
  4. Снова выбираем инструмент Slice Tool.
  5. Кнопка Slices from Guides.
  6. Далее сохраняем на компьютер.

Откроем в Фотошопе заранее подготовленное видео или гифку. При этом автоматически откроется окно Timeline внизу экрана.

Картинка как пользоваться бесконечной лентой в инстаграм для видео

Сюда же перетащим фон, на которой будет установлено видео (в шаблоне это область №8).

Слой с картинкой опустим вниз под видео.

В окне Timeline выравните фон с картинкой со слоем видео, чтобы фрагменты стали одной длины:

Картинка как создать ленту в инстаграм по шагам

Теперь перейдём в окно Layers.

Кликнем по слою с видео и нажмём Ctrl T, чтобы изменить размер видео. При этом появится окошко с вопросом Фотошопа, нужно ли конвертировать видео в смарт-объект, подтверждаем.

Меняем размер, поворачиваем, если нужно, нажимаем галочку на верхней панели для завершения трансформации.

Картинка как сделать вечную ленту с видео

К слою с видео можем применить такие же стили, как и к обычному фону. Например, добавить обводку и тень.

Картинка как пользоваться вечной лентой в инстаграм для вставки гифки

Сохраните видео: File – Export – Render Video.

Здесь указываем размер 1080х1080, папку, в которую сохранить, название ролика, формат:

Картинка создание бесконечной ленты в инстаграм

И нажимаем кнопку Render, чтобы посмотреть как будет выглядеть лента в инстаграм со встроенным роликом.

Вот что получилось:

Создание единой ленты в Canva

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

  1. Заходим на главную станицу канвы.
  2. В поле “Настраиваемые размеры” вбиваем 3240*4320 (разметка 3*4).
  3. Нажимаем “Создать дизайн”.

К сожалению, в Канве нельзя выставить направляющие, поэтому здесь не видно границ отдельных постов. Некоторые пользуются для этого разметками, которые расположены в разделе Элементы – Сетки.

Но это не удобно, потому что нет сетки с нужным количеством ячеек (в наличии только 3*3), состоящих из прямоугольников.

Поэтому применим две заготовки:

Сетка 3*4 grid3х4

Разметка 3*5 grid3x5

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

Разметку требуется закрепить, чтобы не мешалась при работе с другими элементами. Для этого щелкните по сетке, чтобы выделить и нажмите на замочек в верхнем правом углу. Разметка нужна только для того, чтобы видеть границы отдельных постов, поэтому в конце работы сетку удалим.

Картинка сетка для бесконечной ленты в канве

Теперь начнём размещать фотографии. Для удобства воспользуемся разметкой. Идём в Элементы – Сетки и выбираем самую первую в виде одного квадрата. Перетаскиваем на холст и меняем размер до нужного.

Картинка перенос сетки для создания непрерывной ленты в канву

Копируем эту сетку (зажать клавишу Alt и оттащить в сторону) и распределяем по холсту.

Картинка как создать бесконечную ленту в канке

В эти прямоугольники будем добавлять фотографии. Загрузите приготовленные шаблоны, или загрузите, что предлагает канва в разделе Фото.

Чтобы добавить рамку к фотографии, придётся делать заготовку из прямоугольника, потому что такой опции в Канве нет.

  1. Идём в раздел Элементы – Фигуры и выбираем серый квадрат.
  2. Меняем фигуре цвет, размер и подкладываем под ту фотографию, которой нужна рамка.
  3. Выравниваем шаблоны между собой. Для выравнивания выделите вместе фото и белый прямоугольник, затем в верхнем меню нажимаем на пункт Расположение, далее “По центру”.

Такие же манипуляции проделайте с остальными фото.

В общем, в Фотошопе делать вечную ленту гораздо быстрее, проще и аккуратнее.

Картинка бесконечная лента канва

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

Картинка пример ленты в инстаграм в Canva

В этом примере, не добавляли элементы на границы крайних постов. Потому что выровнять в Канве будет проблематично. Но если сильно нужно, то попробуйте. Принцип здесь будет такой же, как в Фотошопе.

Как сделать бесконечную ленту в canva бесшовной

Чтобы создать бесконечную ленту в канве без стыков, будем использовать квадрат.

Добавим элемент на границу крайнего поста, например, третьего.

Картинка оформление ленты инстаграм в едином стиле

Продублируем элемент. Проблема в том, что при дублировании копия не совпадает с оригиналом, а смещена в сторону:

Картинка как расположить картинки в непрерывной ленте в Canva

Поэтому стрелками на клавиатуре подгоняем элементы, чтобы совпадали. Теперь добавим квадрат по границам третьего поста. Это может быть и прямоугольник, главное, чтобы высота фигуры составляла 1080 px.

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

Картинка создание вечной ленты в канве

Теперь, берём эту группу и перемещаем к границе четвертого поста так, чтобы не было видно прямоугольник. Подгоняем стрелками на клавиатуре.

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

Бесконечная лента в канве готова. Насколько красиво получилось, будет видно после разрезания.

Разрезать полотно на отдельные посты в Канве не получится. Придётся воспользоваться сторонними онлайн – сервисами или приложениями для смартфонов.

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

Картинка бесплатные шаблоны для постов в инстаграм

Оцените статью
Instapik
Оставить комментарий

  1. Ру-ручка

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

    Ответить
  2. Жанна

    Спасибо большое! Благодаря вам научилась делать ленту для инсты. Все четко и понятно.

    Ответить
    1. Шаблон в инстаграме

      Спасибо за ваш комментарий, это очень мотивирует продолжать работать дальше.

      Ответить