Конструктор каруселей · @hlyboki_sensy
Карусель у телефоні
Застосунок для Instagram-каруселей, який працює просто у браузері телефона. Нічого не треба встановлювати: відкриваєш адресу в Chrome, пишеш текст, підбираєш стиль — і забираєш готові слайди PNG у свої «Фото».
hlyboki-sensy.vercel.app ← адреса застосунку
Що всередині
Відкрити в Chrome на телефоні
Одна хвилина — і застосунок стоїть іконкою на екрані.
- Відкрий ChromeЗвичайний браузер на телефоні.
- Введи адресу в рядок пошукуhlyboki-sensy.vercel.app — саме адресу, не пошуковий запит.
- Постав іконку на головний екранМеню Chrome (три крапки ⋮ у кутку) → «Додати на головний екран» або «Встановити застосунок». Далі відкриватимеш його одним тапом, як звичайну програму, без адресного рядка.
Застосунок відкриється в будь-якому браузері — Safari, Firefox, Edge теж підійдуть, і працюватиме все так само. Але Chrome рекомендований через останній крок: саме з нього на iPhone готові слайди зберігаються одразу у фототеку. В інших браузерах вони можуть лягти у «Файли», і звідти їх доведеться перекладати в галерею руками.
Якщо хочеш іконку застосунку на екрані саме на iPhone, зроби це через Safari: відкрий ту саму адресу → «Поділитися» → «На екран „Домів“». Сам застосунок від цього не міняється.
Потрібен інтернет. Уся твоя робота зберігається всередині телефона, у тому браузері, де ти її почала — на комп'ютері її не буде. Тому не працюй у режимі «Інкогніто» й не чисти дані сайту: чернетки зникнуть. Як зробити бекап — у кроці 09.
Карта екрана: що де лежить
Три вкладки внизу — це весь застосунок.
Угорі
- Монограма HS
- Кругла іконка ліворуч. Тап — відкриється Instagram-профіль автора.
- ↶ Крок назад
- Скасовує останню зміну. Тримає до десяти кроків. Поки нічого не змінювала — кнопка бліда.
- ☰ Проєкт
- Список усіх твоїх каруселей, створення нової, бекап у файл. Детально — крок 09.
Коли гортаєш униз, шапка плавно ховається, щоб не з'їдати екран. Гортаєш угору — вона повертається.
Унизу
- Експорт · N PNG
- Чорна кнопка. Малює всі слайди картинками. Цифра поруч — скільки їх вийде.
- ✦ Стиль
- Формат каруселі, шрифти й кольори — на всю карусель одразу.
- ▤ Слайди
- Тексти й усе оформлення кожного слайда окремо.
- ▦ Прев'ю
- Готова карусель, яку можна гортати й правити пальцем.
Стиль → Слайди → Прев'ю → Експорт. Спершу обери загальний вигляд, потім наповнюй, наприкінці поправ дрібниці пальцем і забирай PNG.
Вкладка «Стиль»
Тут вирішується, як карусель виглядатиме загалом.
Формат
Три кнопки — 3:4, 4:5, 1:1. Це пропорції всіх слайдів одразу.
- 3:4 — класика Instagram, найбільше місця в стрічці.
- 4:5 — трохи вужчий вертикальний кадр.
- 1:1 — квадрат.
Прев'ю стилю
Жива мініатюра першого слайда. Перемикаєш стиль нижче — вона одразу міняється, тож не треба нікуди переходити, щоб побачити результат.
Стиль · шрифти + кольори
Вісім готових наборів «шрифт + палітра». Кожен рядок показує літери Aa своїм шрифтом і три кружечки — свої кольори.
- Глибокі Сенси
- Базовий: класична курсивна антиква, тепла світла палітра, жовтий акцент.
- Оксамит
- Рукописний заголовок, пудрово-рожевий і глибокий зелений.
- Ніч
- Майже чорне тло, щільний гротеск, помаранчевий акцент.
- Море
- Темно-синій із піщаним, антиква — стримано й дорого.
- Ботанік
- Приглушена зелень і світлий папір.
- Лаванда
- Темний фіолет із бузковим — м'яко й тепло.
- Глина
- Теракота й кремовий, заголовок від руки.
- Монохром
- Чорне з білим і однією червоною плямою.
Тап по стилю — обираєш його, і він стає першим у списку. Тап по тому, який уже обраний, перемикає на наступний по колу: так можна швидко «прогортати» всі вісім і подивитися, який пасує тексту.
Кольори стилю — підправити
Якщо стиль майже підходить, але хочеться свій відтінок. Чотири круглих пікери:
- Тло обкладинки
- Колір першого слайда, коли на ньому немає фото.
- Тло слайду
- Колір решти слайдів.
- Заголовок
- Колір великого тексту — на будь-якому тлі.
- Текст
- Колір дрібнішого тексту під заголовком.
↺ Скинути ручні кольори повертає палітру стилю такою, якою вона була.
Написи бренду: кікер і нік
Перший розділ на вкладці «Слайди».
Тап по рядку Написи бренду — він розгорнеться. Тут два поля, і вони діють на всю карусель одразу:
- Кікер (напис зверху)
- Маленький підпис угорі слайда. За замовчуванням стоїть «роздуми маркетолога» — заміни на своє: рубрику, тему, назву проєкту.
- Твій нік
- Підпис унизу слайда, зазвичай @твій_нік в Instagram.
Показувати чи ховати ці написи на конкретному слайді — вирішується вже в самому слайді, тумблерами Написи на слайді (крок 06).
- Кікер напис зверху. Спільний для всієї каруселі, задається в «Написах бренду».
- Лінія тонка риска акцентним кольором стилю. Вмикається на кожному слайді окремо.
- Заголовок — на обкладинці це два рядки, на звичайному слайді — «Теза».
- Підзаголовок — на звичайному слайді це поле «Текст».
- Хендл твій нік унизу. Теж спільний для всієї каруселі.
Розкидати текст по слайдах
Найшвидший спосіб зробити карусель із готового тексту.
Розділ ✦ Розкидати текст по слайдах на вкладці «Слайди». Вставляєш довгий текст — і він сам розкладається на слайди: коротка теза вгорі, одне-два речення під нею.
- Встав текст у велике полеДопис, шматок статті, розшифровку голосового — будь-що своє.
- Скажи, скільки слайдівПоле скільки слайдів (авто). Лишиш порожнім — розкладе на 5-8, як вийде за змістом.
- Тисни РозкидатиКнопка на кілька секунд стане «Думаю…», а тоді слайди з'являться в списку нижче.
Розкидання замінює всі наявні слайди, крім першого — обкладинка лишається. Тому спершу розкидай текст, а потім уже став фото й доводь оформлення.
Ключ Gemini — і коли він узагалі не потрібен
Ключ потрібен рівно для однієї кнопки.
«Розкидати» — єдине місце, де застосунок звертається до AI Google, і саме для цього треба ключ. Стилі, фото, текстури, прев'ю, експорт — решта працює без нього.
Якщо текст у тебе вже розбитий на тези й короткі абзаци, ключ не потрібен зовсім: тиснеш + Слайд стільки разів, скільки треба, і вставляєш свої шматки в поля «Теза» та «Текст». Карусель вийде та сама — просто розбивку ти зробила головою, а не AI.
Ключ береться в Google AI Studio під твоїм Google-акаунтом. Умови й тарифи — на боці Google і з часом міняються, тож перед тим як створювати ключ, глянь, що написано на їхній сторінці.
Як його взяти — розгорни рядок 🔑 Ключ Gemini:
- Тисни Отримати ключВідкриється сторінка Google AI Studio: aistudio.google.com/apikey
- Увійди своїм Google-акаунтомТой самий, що й пошта чи YouTube. Нового заводити не треба.
- Створи ключКнопка «Create API key» → погодься зі стандартними умовами Google.
- Скопіюй довгий рядокВін починається на AIza… або AQ.… — це і є ключ.
- Повернись у застосунок і встав його в полеЩойно вставила — з'явиться зелений напис «✓ ключ збережено — можна розкидати».
- 👁 Показати ключ
- Ключ навмисно показаний крапками, щоб не світився з-за плеча. Ця кнопка на мить його відкриває — зручно перевірити, чи вставився повністю.
- Де він зберігається
- Лише у твоєму телефоні, у пам'яті браузера. Нікуди не надсилається, крім самого Google, коли натискаєш «Розкидати».
- Якщо ключа немає
- Не працює тільки кнопка «Розкидати». Слайди додаєш сама — і далі все як завжди.
Слайди: кожна ручка редактора
Найбільший розділ — але відкривати все одразу не обов'язково.
Список слайдів
Під написом Слайди · N — картки. У кожній: номер, тип («Обкладинка» чи «Слайд») і початок тексту, щоб упізнати.
- ↑ ↓
- Пересунути слайд вище або нижче — це змінює порядок у каруселі.
- ✕
- Видалити слайд. Останній видалити не можна.
- Тап по картці
- Розгортає редактор цього слайда.
- + Обкладинка · + Слайд
- Додати новий у кінець. Обкладинка має заголовок у два рядки, звичайний слайд — тезу й текст.
Що всередині слайда — по порядку
- Живе прев'ю
- Велика картинка вгорі. Вона прилипає до верху екрана, поки ти крутиш повзунки під нею, — зміну видно одразу. ✕ у кутку ховає прев'ю на всіх слайдах, а повертає його кнопка ▸ Показати прев'ю слайда.
- Тексти обкладинки
- Заголовок — рядок 1, Заголовок — рядок 2 і Підзаголовок. Два рядки заголовка — щоб ти сама вирішувала, де він переноситься.
- Тексти слайда
- Теза — одне-три слова, головна думка. Текст — одне-два речення під нею.
- Слово *у зірочках*
- Якщо взяти слово в зірочки — воно стане акцентним, кольором стилю. Працює в будь-якому текстовому полі.
- Написи на слайді
- Три перемикачі: Кікер (напис угорі), Лінія (тонка риска-роздільник), Хендл (нік унизу). На кожному слайді — окремо.
- Тло: Фото / Колір
- Або знімок, або суцільний колір. Обереш «Колір» — з'явиться круглий пікер Колір тла.
- Фонове фото
- + Завантажити фото відкриє галерею телефона. Великий знімок застосунок зменшує сам, щоб телефон не задихнувся. Замінити фото і Прибрати з'являються, коли фото вже стоїть.
- Зсув ↔ і ↕
- Пересуває кадр по фото — вибрати, що саме потрапить у слайд. Повзунок ходить лише в межах самого знімка: скільки фото лишилось за кадром, стільки й можна посунути. Мало запасу — збільш масштаб.
- Масштаб
- Наближає фото, від 1× до 3×.
- Поворот
- Обертає фото в кадрі, ±180°.
- Розмити тло
- Робить фото м'якшим, щоб текст поверх нього читався. 0 — різко, 40 — сильне розмиття.
- Композиція (лише обкладинка)
- Чотири розкладки заголовка: Класика — симетрично по центру; Рвана — великий важкий шрифт ліворуч; Скрипт — рукописний акцент по центру; Мінімал — величезний заголовок ліворуч, акцентне слово кольором.
- Розмір ⤢
- Збільшує чи зменшує текстовий блок, 55-175%.
- Нахил ⟳
- Легкий нахил тексту, ±20°. Трохи — і слайд оживає.
- Ширина блоку ↔
- Скільки місця в ширину займає текст, 55-98%. Ширше — довге слово вміщається в рядок.
- Довге слово
- Переносити — як зазвичай. В один рядок — слово точно не розірветься, застосунок сам підбере розмір під ширину блоку (повзунок «Розмір» тоді ховається — він більше не потрібен).
- Текст — вирівнювання та позиція
- Чотири кнопки: ліворуч, по центру, праворуч, по ширині. Нижче — повзунки Текст ↔ і Текст ↕, які рухають блок по слайду. ↺ Повернути текст на місце — якщо занесло.
- Плашка під текстом
- Підкладка, щоб текст читався на строкатому фото: Немає, Темна, Світла, Розмиття. Далі Щільність — наскільки вона помітна.
- Текстура тла
- П'ятнадцять фактур: крафт, крем, глазур, кава, шоколад, матча, льон, квітка, листя, зерно, крапки, сітка, діагональ, сяйво. Плюс повзунок Інтенсивність.
- Затемнення тла
- Притемнює весь слайд під текстом, 0-85%. Найпростіший спосіб урятувати світле фото.
- Об'єкт зверху
- Картинка PNG без тла, яка лягає над текстом — квітка, підпис, вирізана деталь. Має свої зсув, масштаб і поворот.
- ↺ Скинути розмір і поворот
- З'являється, щойно ти щось покрутила. Повертає блок до початкового вигляду.
Застосунок сам стежить, щоб короткі слова — «і», «в», «на», «до» — не лишалися самотніми в кінці рядка. Це та типографська дрібниця, через яку текст виглядає зробленим, а не набраним.
Вкладка «Прев'ю»
Тут карусель уже жива — і правиться пальцем.
- Гортання
- Тягни вбік — слайди йдуть один за одним, як у стрічці. Крапки внизу показують, де ти зараз.
- Один палець
- Тягни просто по тексту — і він переїжджає туди, куди хочеш. Так само рухається фото й «об'єкт зверху».
- Два пальці
- Щипок — міняє розмір. Обертання — нахил.
- Жовті лінії
- З'являються, коли блок майже по центру: він притягнеться рівно. Відпускаєш — стало ідеально.
- ⛶ у кутку
- Розгортає слайд на весь екран. Там же стрілки ‹ › між слайдами й ✕, щоб вийти. Правити пальцем можна й у повний екран.
Що бачиш на «Прев'ю» — те й буде в PNG. Ніяких сюрпризів на експорті.
Експорт у «Фото»
Готові слайди — за два тапи.
- Тисни чорну кнопку Експорт · N PNGВона напише «Рендерю…» і кілька секунд малюватиме слайди. Не закривай застосунок у цей час.
- З'явиться вікно «Готово · N PNG»З двома кнопками — куди зберегти.
- 📷 Зберегти у ФотоВідкриється системне вікно «Поділитись» — обери «Зберегти зображення». Слайди ляжуть у галерею по порядку.
- ↓ Зберегти у ФайлиЗапасний шлях: слайди підуть у «Завантаження». Бери його, якщо кнопки «у Фото» немає — деякі браузери її не пропонують. У Chrome на iPhone вона є.
Файли називаються 01.png, 02.png і далі — це порядок слайдів. У Instagram створюєш новий допис і обираєш їх по черзі, від першого до останнього.
Проєкти, чернетки, бекап
Кнопка ☰ у правому верхньому кутку.
- Список каруселей
- Кожен рядок — окрема робота: назва, скільки слайдів, коли правилась. Та, що зараз відкрита, підписана «відкрита». Тап по назві — перемикаєшся на неї.
- ✎
- Перейменувати. Назви по темах — за тиждень це врятує.
- ✕
- Видалити карусель. Перепитає один раз, і назад уже не повернеш.
- + Нова карусель
- Чистий проєкт із двох слайдів-заготовок. Поточна робота при цьому зберігається сама.
- ↓ Зберегти у файл
- Складає всю карусель разом із фото в один файл .carousel.json. Це твій бекап — і спосіб перенести роботу на інший телефон.
- ↑ Завантажити файл
- Розгортає такий файл назад у застосунок.
Автоматично, щоразу коли ти щось міняєш — окремої кнопки «зберегти» немає. Закрила застосунок і повернулась — усе на місці. Але живе воно лише в цьому браузері на цьому телефоні, тож перед чищенням пам'яті чи зміною телефона зроби Зберегти у файл.
Якщо щось пішло не так
- Фото не з'явилось
- Перезавантаж сторінку й додай його ще раз. Бери знімок із галереї телефона, а не з хмари — файли «на льоту» браузер іноді губить.
- Текст не тягнеться пальцем
- Тягни саме по тексту, не по краю слайда. Перше коротке ковзання може піти на гортання — просто затримай палець і веди далі.
- Пише «Потрібен ключ Gemini»
- Або встав ключ (крок 05), або зроби простіше: додай слайди кнопкою + Слайд і встав свої шматки тексту руками.
- Помилка з цифрою 429
- Google обмежує, скільки запитів можна зробити поспіль. Зачекай хвилину й тисни «Розкидати» ще раз.
- Заголовок ламається навпіл
- Постав Довге слово: в один рядок або розсунь Ширину блоку.
- Текст губиться на фото
- Три ручки в такому порядку: Затемнення тла, Плашка під текстом, Розмити тло.
- Зникли всі каруселі
- Спершу відкрий ☰ — можливо, ти просто в іншому проєкті. Якщо чистили дані браузера, відновити можна лише з файлу-бекапа.
- Випадково все зіпсувала
- ↶ угорі — до десяти кроків назад.