Конструктор каруселей · @hlyboki_sensy

Карусель у телефоні

Застосунок для Instagram-каруселей, який працює просто у браузері телефона. Нічого не треба встановлювати: відкриваєш адресу в Chrome, пишеш текст, підбираєш стиль — і забираєш готові слайди PNG у свої «Фото».

hlyboki-sensy.vercel.app ← адреса застосунку

Що всередині

  1. 01Відкрити в Chrome на телефоні
  2. 02Карта екрана: що де лежить
  3. 03Вкладка «Стиль»
  4. 04Написи бренду: кікер і нік
  5. 05Розкидати текст по слайдах (і ключ Gemini)
  6. 06Слайди: кожна ручка редактора
  7. 07Вкладка «Прев'ю»: керування пальцем
  8. 08Експорт у «Фото»
  9. 09Проєкти, чернетки, бекап
  10. Якщо щось пішло не так
КРОК 01

Відкрити в Chrome на телефоні

Одна хвилина — і застосунок стоїть іконкою на екрані.

  1. Відкрий ChromeЗвичайний браузер на телефоні.
  2. Введи адресу в рядок пошукуhlyboki-sensy.vercel.app — саме адресу, не пошуковий запит.
  3. Постав іконку на головний екранМеню Chrome (три крапки ⋮ у кутку) → «Додати на головний екран» або «Встановити застосунок». Далі відкриватимеш його одним тапом, як звичайну програму, без адресного рядка.
Чому саме Chrome

Застосунок відкриється в будь-якому браузері — Safari, Firefox, Edge теж підійдуть, і працюватиме все так само. Але Chrome рекомендований через останній крок: саме з нього на iPhone готові слайди зберігаються одразу у фототеку. В інших браузерах вони можуть лягти у «Файли», і звідти їх доведеться перекладати в галерею руками.

Якщо хочеш іконку застосунку на екрані саме на iPhone, зроби це через Safari: відкрий ту саму адресу → «Поділитися» → «На екран „Домів“». Сам застосунок від цього не міняється.

Що варто знати одразу

Потрібен інтернет. Уся твоя робота зберігається всередині телефона, у тому браузері, де ти її почала — на комп'ютері її не буде. Тому не працюй у режимі «Інкогніто» й не чисти дані сайту: чернетки зникнуть. Як зробити бекап — у кроці 09.

КРОК 02

Карта екрана: що де лежить

Три вкладки внизу — це весь застосунок.

Угорі

Монограма HS
Кругла іконка ліворуч. Тап — відкриється Instagram-профіль автора.
Крок назад
Скасовує останню зміну. Тримає до десяти кроків. Поки нічого не змінювала — кнопка бліда.
Проєкт
Список усіх твоїх каруселей, створення нової, бекап у файл. Детально — крок 09.

Коли гортаєш униз, шапка плавно ховається, щоб не з'їдати екран. Гортаєш угору — вона повертається.

Унизу

Експорт · N PNG
Чорна кнопка. Малює всі слайди картинками. Цифра поруч — скільки їх вийде.
✦ Стиль
Формат каруселі, шрифти й кольори — на всю карусель одразу.
▤ Слайди
Тексти й усе оформлення кожного слайда окремо.
▦ Прев'ю
Готова карусель, яку можна гортати й правити пальцем.
Зручний порядок роботи

Стиль → Слайди → Прев'ю → Експорт. Спершу обери загальний вигляд, потім наповнюй, наприкінці поправ дрібниці пальцем і забирай PNG.

HS Hlyboki Sensyконструктор каруселей
1ОбкладинкаТиша у бренді
2СлайдЩо чути
3СлайдДе ламається
Експорт 5 PNG
Стиль Слайди Прев'ю
Так виглядає застосунок на вкладці «Слайди»: угорі — шапка з кроком назад і меню, посередині — картки слайдів, унизу — чорна кнопка експорту й три вкладки.
КРОК 03

Вкладка «Стиль»

Тут вирішується, як карусель виглядатиме загалом.

Формат

Три кнопки — 3:4, 4:5, 1:1. Це пропорції всіх слайдів одразу.

3:4
класика Instagram
4:5
трохи вужчий
1:1
квадрат
Один формат діє на всю карусель — окремі слайди різної форми зробити не вийде.

Прев'ю стилю

Жива мініатюра першого слайда. Перемикаєш стиль нижче — вона одразу міняється, тож не треба нікуди переходити, щоб побачити результат.

Стиль · шрифти + кольори

Вісім готових наборів «шрифт + палітра». Кожен рядок показує літери Aa своїм шрифтом і три кружечки — свої кольори.

Глибокі Сенси
Базовий: класична курсивна антиква, тепла світла палітра, жовтий акцент.
Оксамит
Рукописний заголовок, пудрово-рожевий і глибокий зелений.
Ніч
Майже чорне тло, щільний гротеск, помаранчевий акцент.
Море
Темно-синій із піщаним, антиква — стримано й дорого.
Ботанік
Приглушена зелень і світлий папір.
Лаванда
Темний фіолет із бузковим — м'яко й тепло.
Глина
Теракота й кремовий, заголовок від руки.
Монохром
Чорне з білим і однією червоною плямою.

Тап по стилю — обираєш його, і він стає першим у списку. Тап по тому, який уже обраний, перемикає на наступний по колу: так можна швидко «прогортати» всі вісім і подивитися, який пасує тексту.

Aa
Глибокі Сенси
Aa
Оксамит
Aa
Ніч
Aa
Море
Aa
Ботанік
Aa
Лаванда
Aa
Глина
Aa
Монохром
Вісім готових наборів. Кольори тут справжні — саме такими вони будуть на слайдах; шрифти показані приблизно, у застосунку вони свої.

Кольори стилю — підправити

Якщо стиль майже підходить, але хочеться свій відтінок. Чотири круглих пікери:

Тло обкладинки
Колір першого слайда, коли на ньому немає фото.
Тло слайду
Колір решти слайдів.
Заголовок
Колір великого тексту — на будь-якому тлі.
Текст
Колір дрібнішого тексту під заголовком.

↺ Скинути ручні кольори повертає палітру стилю такою, якою вона була.

КРОК 04

Написи бренду: кікер і нік

Перший розділ на вкладці «Слайди».

Тап по рядку Написи бренду — він розгорнеться. Тут два поля, і вони діють на всю карусель одразу:

Кікер (напис зверху)
Маленький підпис угорі слайда. За замовчуванням стоїть «роздуми маркетолога» — заміни на своє: рубрику, тему, назву проєкту.
Твій нік
Підпис унизу слайда, зазвичай @твій_нік в Instagram.

Показувати чи ховати ці написи на конкретному слайді — вирішується вже в самому слайді, тумблерами Написи на слайді (крок 06).

роздуми маркетолога Тиша
у бренді
Чому мовчання інколи говорить голосніше за будь-який допис @hlyboki_sensy
  1. Кікер напис зверху. Спільний для всієї каруселі, задається в «Написах бренду».
  2. Лінія тонка риска акцентним кольором стилю. Вмикається на кожному слайді окремо.
  3. Заголовок — на обкладинці це два рядки, на звичайному слайді — «Теза».
  4. Підзаголовок — на звичайному слайді це поле «Текст».
  5. Хендл твій нік унизу. Теж спільний для всієї каруселі.
П'ять зон слайда. Пунктиром обведено те, чим ти керуєш із застосунку; усе інше — тло, фото й текстура — лягає під ними.
КРОК 05

Розкидати текст по слайдах

Найшвидший спосіб зробити карусель із готового тексту.

Розділ ✦ Розкидати текст по слайдах на вкладці «Слайди». Вставляєш довгий текст — і він сам розкладається на слайди: коротка теза вгорі, одне-два речення під нею.

  1. Встав текст у велике полеДопис, шматок статті, розшифровку голосового — будь-що своє.
  2. Скажи, скільки слайдівПоле скільки слайдів (авто). Лишиш порожнім — розкладе на 5-8, як вийде за змістом.
  3. Тисни РозкидатиКнопка на кілька секунд стане «Думаю…», а тоді слайди з'являться в списку нижче.
Важливо

Розкидання замінює всі наявні слайди, крім першого — обкладинка лишається. Тому спершу розкидай текст, а потім уже став фото й доводь оформлення.

Ключ Gemini — і коли він узагалі не потрібен

Головне про ключ

Ключ потрібен рівно для однієї кнопки.

«Розкидати» — єдине місце, де застосунок звертається до AI Google, і саме для цього треба ключ. Стилі, фото, текстури, прев'ю, експорт — решта працює без нього.

Якщо текст у тебе вже розбитий на тези й короткі абзаци, ключ не потрібен зовсім: тиснеш + Слайд стільки разів, скільки треба, і вставляєш свої шматки в поля «Теза» та «Текст». Карусель вийде та сама — просто розбивку ти зробила головою, а не AI.

Ключ береться в Google AI Studio під твоїм Google-акаунтом. Умови й тарифи — на боці Google і з часом міняються, тож перед тим як створювати ключ, глянь, що написано на їхній сторінці.

Як його взяти — розгорни рядок 🔑 Ключ Gemini:

  1. Тисни Отримати ключВідкриється сторінка Google AI Studio: aistudio.google.com/apikey
  2. Увійди своїм Google-акаунтомТой самий, що й пошта чи YouTube. Нового заводити не треба.
  3. Створи ключКнопка «Create API key» → погодься зі стандартними умовами Google.
  4. Скопіюй довгий рядокВін починається на AIza… або AQ.… — це і є ключ.
  5. Повернись у застосунок і встав його в полеЩойно вставила — з'явиться зелений напис «✓ ключ збережено — можна розкидати».
👁 Показати ключ
Ключ навмисно показаний крапками, щоб не світився з-за плеча. Ця кнопка на мить його відкриває — зручно перевірити, чи вставився повністю.
Де він зберігається
Лише у твоєму телефоні, у пам'яті браузера. Нікуди не надсилається, крім самого Google, коли натискаєш «Розкидати».
Якщо ключа немає
Не працює тільки кнопка «Розкидати». Слайди додаєш сама — і далі все як завжди.
КРОК 06

Слайди: кожна ручка редактора

Найбільший розділ — але відкривати все одразу не обов'язково.

Список слайдів

Під написом Слайди · N — картки. У кожній: номер, тип («Обкладинка» чи «Слайд») і початок тексту, щоб упізнати.

Пересунути слайд вище або нижче — це змінює порядок у каруселі.
Видалити слайд. Останній видалити не можна.
Тап по картці
Розгортає редактор цього слайда.
+ Обкладинка · + Слайд
Додати новий у кінець. Обкладинка має заголовок у два рядки, звичайний слайд — тезу й текст.

Що всередині слайда — по порядку

Живе прев'ю
Велика картинка вгорі. Вона прилипає до верху екрана, поки ти крутиш повзунки під нею, — зміну видно одразу. у кутку ховає прев'ю на всіх слайдах, а повертає його кнопка ▸ Показати прев'ю слайда.
Тексти обкладинки
Заголовок — рядок 1, Заголовок — рядок 2 і Підзаголовок. Два рядки заголовка — щоб ти сама вирішувала, де він переноситься.
Тексти слайда
Теза — одне-три слова, головна думка. Текст — одне-два речення під нею.
Слово *у зірочках*
Якщо взяти слово в зірочки — воно стане акцентним, кольором стилю. Працює в будь-якому текстовому полі.
Написи на слайді
Три перемикачі: Кікер (напис угорі), Лінія (тонка риска-роздільник), Хендл (нік унизу). На кожному слайді — окремо.
Тло: Фото / Колір
Або знімок, або суцільний колір. Обереш «Колір» — з'явиться круглий пікер Колір тла.
Фонове фото
+ Завантажити фото відкриє галерею телефона. Великий знімок застосунок зменшує сам, щоб телефон не задихнувся. Замінити фото і Прибрати з'являються, коли фото вже стоїть.
Зсув ↔ і ↕
Пересуває кадр по фото — вибрати, що саме потрапить у слайд. Повзунок ходить лише в межах самого знімка: скільки фото лишилось за кадром, стільки й можна посунути. Мало запасу — збільш масштаб.
Масштаб
Наближає фото, від 1× до 3×.
Поворот
Обертає фото в кадрі, ±180°.
Розмити тло
Робить фото м'якшим, щоб текст поверх нього читався. 0 — різко, 40 — сильне розмиття.
Композиція (лише обкладинка)
Чотири розкладки заголовка: Класика — симетрично по центру; Рвана — великий важкий шрифт ліворуч; Скрипт — рукописний акцент по центру; Мінімал — величезний заголовок ліворуч, акцентне слово кольором.
Розмір ⤢
Збільшує чи зменшує текстовий блок, 55-175%.
Нахил ⟳
Легкий нахил тексту, ±20°. Трохи — і слайд оживає.
Ширина блоку ↔
Скільки місця в ширину займає текст, 55-98%. Ширше — довге слово вміщається в рядок.
Довге слово
Переносити — як зазвичай. В один рядок — слово точно не розірветься, застосунок сам підбере розмір під ширину блоку (повзунок «Розмір» тоді ховається — він більше не потрібен).
Текст — вирівнювання та позиція
Чотири кнопки: ліворуч, по центру, праворуч, по ширині. Нижче — повзунки Текст ↔ і Текст ↕, які рухають блок по слайду. ↺ Повернути текст на місце — якщо занесло.
Плашка під текстом
Підкладка, щоб текст читався на строкатому фото: Немає, Темна, Світла, Розмиття. Далі Щільність — наскільки вона помітна.
Текстура тла
П'ятнадцять фактур: крафт, крем, глазур, кава, шоколад, матча, льон, квітка, листя, зерно, крапки, сітка, діагональ, сяйво. Плюс повзунок Інтенсивність.
Затемнення тла
Притемнює весь слайд під текстом, 0-85%. Найпростіший спосіб урятувати світле фото.
Об'єкт зверху
Картинка PNG без тла, яка лягає над текстом — квітка, підпис, вирізана деталь. Має свої зсув, масштаб і поворот.
↺ Скинути розмір і поворот
З'являється, щойно ти щось покрутила. Повертає блок до початкового вигляду.
роздуми маркетолога Тиша
у бренді
Коли пауза працює краще за слова @hlyboki_sensy
Класикасиметрично, по центру
роздуми маркетолога Тиша
у бренді
Коли пауза працює краще за слова @hlyboki_sensy
Рванаважкий гротеск ліворуч, курсив акцентом
роздуми маркетолога Тиша
у бренді
пауза замість слів @hlyboki_sensy
Скриптрукописний акцент, по центру
роздуми маркетолога ТИША
У БРЕНДІ
Коли пауза працює краще за слова @hlyboki_sensy
Мінімалвеличезний заголовок, акцентне слово кольором
Чотири композиції обкладинки — той самий текст, чотири різні характери. Перемикаються однією кнопкою «Композиція», переписувати нічого не треба.
роздуми маркетолога Тиша
у бренді
Коли пауза працює краще за слова @hlyboki_sensy
Затемнення тлапритемнює весь слайд
роздуми маркетолога Тиша
у бренді
Коли пауза працює краще за слова @hlyboki_sensy
Плашка темнапідкладка лише під текстом
роздуми маркетолога Тиша
у бренді
Коли пауза працює краще за слова @hlyboki_sensy
Плашка розмиттяфото просвічує крізь туман
Одне й те саме фото, три способи врятувати текст. Пробуй у такому порядку: спершу затемнення, потім плашка, і вже наостанок «Розмити тло».
Дрібниця, про яку не треба думати

Застосунок сам стежить, щоб короткі слова — «і», «в», «на», «до» — не лишалися самотніми в кінці рядка. Це та типографська дрібниця, через яку текст виглядає зробленим, а не набраним.

КРОК 07

Вкладка «Прев'ю»

Тут карусель уже жива — і правиться пальцем.

Гортання
Тягни вбік — слайди йдуть один за одним, як у стрічці. Крапки внизу показують, де ти зараз.
Один палець
Тягни просто по тексту — і він переїжджає туди, куди хочеш. Так само рухається фото й «об'єкт зверху».
Два пальці
Щипок — міняє розмір. Обертання — нахил.
Жовті лінії
З'являються, коли блок майже по центру: він притягнеться рівно. Відпускаєш — стало ідеально.
у кутку
Розгортає слайд на весь екран. Там же стрілки між слайдами й , щоб вийти. Правити пальцем можна й у повний екран.
Правило

Що бачиш на «Прев'ю» — те й буде в PNG. Ніяких сюрпризів на експорті.

роздуми маркетолога Тиша
у бренді
Коли пауза працює краще за слова @hlyboki_sensy
Один палецьтягне текст туди, куди треба
роздуми маркетолога Тиша
у бренді
Коли пауза працює краще за слова @hlyboki_sensy
Два пальціщипок — розмір, обертання — нахил
Жовті кружечки — пальці. Тягнути можна і текст, і фото, і «об'єкт зверху»: кожен рухається окремо.
КРОК 08

Експорт у «Фото»

Готові слайди — за два тапи.

  1. Тисни чорну кнопку Експорт · N PNGВона напише «Рендерю…» і кілька секунд малюватиме слайди. Не закривай застосунок у цей час.
  2. З'явиться вікно «Готово · N PNG»З двома кнопками — куди зберегти.
  3. 📷 Зберегти у ФотоВідкриється системне вікно «Поділитись» — обери «Зберегти зображення». Слайди ляжуть у галерею по порядку.
  4. ↓ Зберегти у ФайлиЗапасний шлях: слайди підуть у «Завантаження». Бери його, якщо кнопки «у Фото» немає — деякі браузери її не пропонують. У Chrome на iPhone вона є.

Файли називаються 01.png, 02.png і далі — це порядок слайдів. У Instagram створюєш новий допис і обираєш їх по черзі, від першого до останнього.

КРОК 09

Проєкти, чернетки, бекап

Кнопка у правому верхньому кутку.

Список каруселей
Кожен рядок — окрема робота: назва, скільки слайдів, коли правилась. Та, що зараз відкрита, підписана «відкрита». Тап по назві — перемикаєшся на неї.
Перейменувати. Назви по темах — за тиждень це врятує.
Видалити карусель. Перепитає один раз, і назад уже не повернеш.
+ Нова карусель
Чистий проєкт із двох слайдів-заготовок. Поточна робота при цьому зберігається сама.
↓ Зберегти у файл
Складає всю карусель разом із фото в один файл .carousel.json. Це твій бекап — і спосіб перенести роботу на інший телефон.
↑ Завантажити файл
Розгортає такий файл назад у застосунок.
Як зберігається робота

Автоматично, щоразу коли ти щось міняєш — окремої кнопки «зберегти» немає. Закрила застосунок і повернулась — усе на місці. Але живе воно лише в цьому браузері на цьому телефоні, тож перед чищенням пам'яті чи зміною телефона зроби Зберегти у файл.

Якщо щось пішло не так

Фото не з'явилось
Перезавантаж сторінку й додай його ще раз. Бери знімок із галереї телефона, а не з хмари — файли «на льоту» браузер іноді губить.
Текст не тягнеться пальцем
Тягни саме по тексту, не по краю слайда. Перше коротке ковзання може піти на гортання — просто затримай палець і веди далі.
Пише «Потрібен ключ Gemini»
Або встав ключ (крок 05), або зроби простіше: додай слайди кнопкою + Слайд і встав свої шматки тексту руками.
Помилка з цифрою 429
Google обмежує, скільки запитів можна зробити поспіль. Зачекай хвилину й тисни «Розкидати» ще раз.
Заголовок ламається навпіл
Постав Довге слово: в один рядок або розсунь Ширину блоку.
Текст губиться на фото
Три ручки в такому порядку: Затемнення тла, Плашка під текстом, Розмити тло.
Зникли всі каруселі
Спершу відкрий — можливо, ти просто в іншому проєкті. Якщо чистили дані браузера, відновити можна лише з файлу-бекапа.
Випадково все зіпсувала
угорі — до десяти кроків назад.

Тепер - твоя черга

Відкрий застосунок у Chrome на телефоні й пройди перші три кроки. Якщо зручніше читати не з екрана - забери інструкцію файлом.

← Повернутися на сайт