Безшовна карусель в Instagram, що збігається на кожному розрізі
Один широкий артборд, зображення крізь розрізи й окремий файл на кожен слайд.
Безшовна карусель в Instagram — це панорама, розрізана на слайди: фото, лінія чи фігура починається на обкладинці й продовжується на наступному слайді, тож пост явно тягнеться за край екрана, і люди гортають, щоб побачити решту. Кожен слайд — картинка 4:5 розміром 1080 × 1350 px, тож стрічка з трьох слайдів має 3240 × 1350.
Ідея проста, а от у виконанні все й ламається. Панораму треба розрізати точно в потрібних місцях, кожен слайд має бути однакового розміру, і жодне слово не повинне потрапити на розріз. Змінили одне слово після нарізки — ріжте заново.
У цьому посібнику — чому безшовні каруселі ламаються, як їх роблять сьогодні, як спланувати шви, а тоді спосіб Paletoo, де стрічка лишається одним дизайном і ріжеться лише під час експорту. Приклад — карусель обсмажувальні кави з трьох слайдів «How we roast, in 3 steps».
Де безшовні каруселі ламаються
Зазвичай болить не дизайн, а арифметика. Карусель публікують окремими картинками, тож панораму треба розрізати на шматки рівно по 1080 px. Якщо один вийшов на кілька пікселів ширшим або його обрізали інакше, лінія, яка мала плавно перейти через шов, стрибає — і в Instagram цей стрибок опиняється просто посеред гортання, куди дивляться всі.
Друга біда — розріз остаточний. Коли панораму вже порізано на три файли, щоб виправити одруківку чи замінити фото, треба відкрити оригінал, змінити, розрізати знову, експортувати три нові файли й ще раз перевірити шви. А оскільки слайди разом видно лише на телефоні, помилки на кшталт слова, розрізаного навпіл, чи заголовка надто близько до краю часто помічають уже після публікації.
Як їх роблять сьогодні
У Photoshop звичний шлях — одне широке полотно з напрямними через кожні 1080 px, далі інструмент Slice або окремий артборд на кожен слайд і експорт, що записує кожен шматок окремим файлом. Це точно й годиться для будь-якого фото; уся робота — в налаштуванні та в переробці нарізки, коли полотно росте на ще один слайд.
Застосунки для телефона, що ділять широку картинку на слайди, — найшвидший шлях: закинули панораму, отримали шматки. Для одного фото це нормально, але на виході пікселі, тож текст має бути на картинці ще до нарізки, і кожна зміна означає нарізати знову. Інший поширений шлях — редактори шаблонів з окремими сторінками: те саме фото кладуть на кожну сторінку й зсувають рівно на ширину сторінки. Для однієї картинки це працює добре, а коли через кілька сторінок мають пройти кілька ліній і фігур, стає морочливо.
Як спланувати безшовну карусель
Робіть стрічку однією картинкою в остаточному розмірі: 1080 px ширини на слайд і 1350 px висоти. Ще до того, як щось ставити, вирішіть, що перетинатиме кожен розріз. Одного сильного елемента на шов досить — фото, що звисає через край, лінії, кривої чи великої фігури, — а все інше має чітко стояти на одному слайді.
Перший слайд робіть гачком, який працює сам по собі: саме його бачать у стрічці й у профілі. Тримайте слова щонайменше за 60–80 px від кожного краю слайда: Instagram кладе поверх свої крапки й кнопки, а сітка профілю показує обкладинку вужчою за 4:5. Завершіть однією чіткою дією на останньому слайді й перед публікацією прогорніть слайди по черзі — так, як це зробить палець.
Зроблено в Paletoo
Усі зображення на цій сторінці зроблено в Paletoo — ці три тими самими кроками на інших шаблонах:
Як це зробити в Paletoo
Натисніть «Відкрити в Paletoo», і карусель обсмажувальні відкриється як ваш власний документ. Щоб почати свою, на головному екрані виберіть Зробити карусель — це порожня стрічка з трьох слайдів, — або клацніть кнопку формату над будь-яким артбордом і в розділі Змінити розмір артборда, у групі Соцмережі, виберіть Карусель Instagram · 3.
Три слайди стоять поруч на одному артборді 3240 × 1350 з назвою «Карусель Instagram · 3»: пунктирні лінії, що ніколи не друкуються, показують місця розрізів, а під артбордом слайди пронумеровано — 1, 2, 3. Крива обсмаження йде під усіма трьома, а фото ростера звисає через перший розріз. Клацніть назву артборда — у вкладці Дизайн зʼявиться секція Карусель із кількістю слайдів і кнопкою Переглянути карусель.
Карусель обсмажувальні відкрито в Paletoo: один артборд 3240 × 1350, пунктир на розрізах і номери слайдів під ним, праворуч вкладка «Дизайн» Клацніть заголовок обкладинки «How we roast, in 3 steps.», щоб вибрати його; у вкладці Дизайн — його шрифт, розмір і колір. Двічі клацніть і напишіть власний гачок, потім змініть назви кроків і примітки на другому й третьому слайдах. Щоб поставити своє фото, виберіть знімок ростера й натисніть Замінити зображення: нове стане на те саме місце через шов.
Заголовок обкладинки вибрано, у вкладці «Дизайн» його шрифт, розмір і колір, фото ростера звисає через перший розріз Натисніть Експорт і виберіть PNG чи JPG. На превʼю — уся стрічка, рядок результату каже: три слайди по 1080 × 1350 px у PNG, а кнопка пропонує експортувати три слайди одним ZIP-архівом, файли пронумеровано по черзі.
Відкрито вікно «Експорт»: уся стрічка на превʼю, три слайди по 1080 × 1350 px і кнопка експорту в ZIP Якщо потрібна ще й одна довга картинка — для портфоліо чи презентації, — відкрийте в рядку Налаштування експорту й перемкніть Карусель на Уся панорама.
Перед публікацією виберіть артборд і натисніть Переглянути карусель: слайди гортатимуться по одному, як їх гортатимуть у стрічці. Завантажуйте файли в Instagram у тому порядку, як їх пронумеровано.
Зробіть по-своєму
Плануйте один перехід на шов. У цій каруселі фото ростера звисає через перший розріз, а крива обсмаження йде під усіма трьома слайдами; позначки 1 і 2 стоять точно на розрізах, тож половина кожного кружка закриває один слайд і відкриває наступний. Їхні дрібні підписи теж перетинають розрізи — це навмисна інтрига; якщо хочете, щоб слова лишалися цілими, пересуньте кожен підпис убік. Під час перетягування обʼєкти прилипають до меж слайдів, тож обидва ходи виходять точними.
Стрічка малюється один раз і ріжеться лише під час експорту, тож усе, що вкриває артборд, — тут дрібне зерно по всьому тлу — тягнеться без шва, а фото, що перетинає розріз, ніколи не зсувається ні на піксель. Тримайте текст за 60–80 px від кожного краю слайда й перевіряйте результат у Переглянути карусель, а не на широкому полотні: шов, що виглядає дотепно на всю ширину, може лишити слайд, який сам по собі нічого не каже.
Щоб додати слайд, виберіть артборд і зробіть його ширшим на 1080 px: редактор рахує слайди за розміром — від двох до двадцяти, — і лінії розрізів посуваються слідом. Найкраще зазвичай читаються три–пʼять слайдів. Міняйте фото кнопкою Замінити зображення, знову натискайте Експорт, а коли потрібна ще й довга версія, перемкніть рядок на Уся панорама.
Шаблони з цим ефектом
Запитання
Якого розміру має бути безшовна карусель в Instagram?
Кожен слайд — 1080 × 1350 px (4:5), поставлені поруч: 2160 × 1350 для двох слайдів, 3240 × 1350 для трьох і 5400 × 1350 для пʼяти. Артборд такого розміру Paletoo сприймає як карусель і малює на ньому розрізи.
Чому панорама стрибає на шві?
Найчастіше шматки нарізали не точно однакової ширини або змішали слайди різних розмірів. Instagram показує всі слайди каруселі в одному співвідношенні, тож кожен має бути однаковим — 1080 × 1350.
Чи можна зробити її без Photoshop?
Так. У Paletoo карусель — це один широкий артборд у браузері, а експорт записує по файлу на слайд, пронумеровані по черзі, в одному ZIP.
Чи може текст перетинати розріз?
Може, але кожну половину побачать на іншому екрані, тож розрізаний заголовок важко прочитати. Хай розрізи перетинають фото, лінії й фігури, а слова лишаються на одному слайді.
Це безкоштовно?
Так. Створити карусель і експортувати слайди можна безкоштовно, без облікового запису й без водяного знака. Кредити потрібні лише для генерації зображень ШІ та матеріалів.
Зробити онлайн
- Дописи для Instagram онлайнШаблони дописів для Instagram, які легко зробити своїми: потрібний розмір, ваші слова й фото, чіткий PNG чи JPG — безкоштовно, просто в браузері.
- Сторіз для Instagram онлайнШаблони сторіз для Instagram на весь екран, 1080 × 1920: змініть слова й фото, за бажання додайте рух і збережіть як зображення чи відео.
Безкоштовні шаблони для дизайну: Шаблони дописів для соцмереж · Шаблони сторіз і Reels
Читайте далі
Як зробити карусель для Instagram із шаблону
Один широкий артборд, дизайн крізь розрізи й окремий файл на кожен слайд.
Як тримати шрифти й кольори бренду однаковими в кожному дизайні
Назвіть кольори й шрифти один раз, привʼяжіть до них кожен шар і змінюйте в одному місці.
Альтернатива Canva для дизайнерів: справжня типографіка й друк
Швидкий старт із шаблону — і всі інструменти, на які розраховує дизайнер.
Спробуйте на своєму дизайні
Paletoo відкривається в браузері, без реєстрації. Кожен ефект тут живий: замініть фото чи слова — і ефект підлаштується.
Відкрити в Paletoo