Учебный пример обложки. Все остальные кадры продолжают одну историю.
01 · вспомним посты
Редактор, ты готов?
Пять коротких ситуаций. Выбирай ответ и сразу читай объяснение. Ошибка помогает вспомнить правило.
02 · найди свою историю
Открой галерею. Что стоит рассказать?
Выбери 3–5 своих фотографий, которые связаны одной мыслью. Например: прогулка, питомец, увлечение, маленькая победа или неожиданная находка.
◎
Есть связь
Кадры показывают одно событие, героя или тему. Каждый следующий что-то добавляет.
↗
Есть история
Ты можешь объяснить, почему это было интересно, смешно, важно или неожиданно.
✓
Есть выбор
Снимки достаточно чёткие, среди них есть разные планы. Повторы можно убрать.
Что скрывается за одним из твоих снимков?
Нет подходящих фотографий? Сделай мини-серию в кабинете: «Три детали моего рабочего места». Снимай свои вещи, свет и фактуры.
03 · сначала замысел и текст
Одна серия. Одна главная мысль.
0 знаков. Жёсткого объёма для нашего задания нет.
Поля работают на этой странице. Текст не сохраняется после закрытия. Скачай черновик до выхода.
Что помогает тексту?
Конкретное начало. Момент, действие, деталь или неожиданность.
Твой взгляд. Что удивило? Что не получилось? Что ты заметил?
Понятный финал. Вывод, эмоция или уместный вопрос.
Вопрос в конце нужен, если тебе действительно интересно узнать ответ. Призыв не обязателен в каждой личной истории.
Пример, который можно улучшить
«Сегодня гуляли. Было классно».
Какая деталь помогла бы читателю представить эту прогулку?
Мини-игра · редактор серии
Не перепутай историю
Сюжет: из бумаги получился самолётик. Нажимай на карточки в порядке, который раскрывает процесс от начала к результату. Обложка уже готова.
Твоя последовательность появится здесь.
В своей серии можно начать с результата и затем показать процесс. Здесь тренируем один конкретный вариант: ход событий.
04 · подготовь холст
Какие размеры выбрать?
Для этого урока берём одинаковый размер всех карточек, включая обложку. Выбери пропорции под свои фотографии.
Форма
Размер фрейма
Когда удобно
Квадрат 1:1
1080 × 1080 px
Простой старт: легко сочетать фотографии и текст.
Вертикаль 4:5
1080 × 1350 px
Для вертикальных снимков и обложки с запасом места по высоте.
Горизонталь 3:2
1200 × 800 px
Если серия состоит из широких кадров и важен весь пейзаж.
Наш рабочий выбор: 1080 × 1350 px.
Это рекомендация для учебного макета. Указанные здесь размеры выбраны для урока и не являются обязательным требованием ВК. Если важная часть снимка не помещается, выбери квадрат или размести фото целиком на фоне.
В обычной записи можно подготовить серию изображений. Отображение и доступность выбора раскладки зависят от интерфейса ВК. Если видишь переключатель «Сетка / Карусель», выбери «Карусель» и проверь результат. При отсутствии переключателя сохрани порядок кадров и посмотри доступный предпросмотр.
Обложку поставь первой. Все карточки экспортируй отдельными файлами.
Заголовки и лица держи подальше от краёв. Для урока оставляй около 60–80 px свободного поля; это наш дизайнерский ориентир.
Проверь обрезку и порядок перед публикацией с телефона.
Откуда размеры и почему важен предпросмотр?
1080 × 1080 и 1080 × 1350 используются здесь как удобные рабочие холсты. Это не заявленные обязательные размеры ВК. Правила рекламной карусели относятся к отдельному рекламному формату и не определяют наше задание. Официальную справку о вложениях можно проверить по ссылке ВК. При подготовке урока текст справки напрямую открыть не удалось; поэтому точные ограничения интерфейса здесь не утверждаются.
05 · основы дизайна
Помоги взгляду найти главное
Иерархия
Главная мысль крупнее. Подпись меньше. Не заставляй все элементы одновременно требовать внимания.
Контраст
Текст должен отделяться от фотографии. Помогут спокойный участок, затемнение или плашка.
Композиция
Оставь герою место. Выравнивай надписи и сохраняй свободное пространство вокруг них.
Начни с фотографии, короткого заголовка и одного дополнительного элемента.
Тренажёр · попробуй до Figma
Что меняет обложку?
Загрузи один снимок и сравни варианты. Это быстрый эскиз: итоговый макет собираем в Figma.
Посмотри на макет издалека: что читается первым? Не закрывает ли заголовок самое интересное? Сравни с соседом.
ФОТОИСТОРИЯ
Вышел за хлебом
История в нескольких кадрах
Смотри дальше →
Выбирай по смыслу
Что добавить поверх фото?
Плашка или градиент
Помогают читать текст на пёстром фоне. Не закрывай всю фотографию.
↗
Стрелка или обводка
Показывают конкретную деталь: «С этого всё началось». Стрелке нужна цель.
✳
Метка или рисунок
Добавляют настроение и контекст: лапка для истории о питомце, маршрут для прогулки.
Дополнительно можно поставить номер «1 / 5» или короткий подзаголовок. Проверь, совпадает ли число с реальным количеством карточек.
06 · практика за компьютером
Собираем в Figma
Работай в своём файле. Сохраняй исходные фотографии отдельно, чтобы можно было вернуться к ним.
Перенеси материалы на компьютер. Используй согласованный с педагогом способ. На общем компьютере выходи из личных аккаунтов после занятия.
Создай фрейм. Инструмент Frame, клавиша F. Укажи ширину W = 1080 и высоту H = 1350. Назови фрейм «01_Обложка».
Помести фотографию. Перетащи файл внутрь фрейма. Подгони кадрирование, сохраняя пропорции. Проверь, что фото находится внутри фрейма в панели слоёв.
Добавь заголовок. Инструмент Text, клавиша T. Начни с 3–7 слов. Для первого макета попробуй размер 80–110 px и полужирное начертание; затем подстрой под длину строки.
Сделай текст читаемым. Добавь прямоугольник под заголовком или тёмный слой с прозрачностью. В панели слоёв порядок сверху вниз: текст → плашка или затемнение → фото.
Выбери один акцент. Метка, стрелка или рисунок. Пусть он помогает истории. Оставь одинаковые отступы, около 60–80 px.
Собери продолжение. Дублируй фрейм, замени фото и назови «02_Фото», «03_Фото» и далее. Убери лишние надписи. Сохрани одинаковый формат всех карточек.
Сделай вариант Б обложки. Вынеси копию в отдельный фрейм «Черновик_Б». Поменяй только один параметр: место заголовка, его размер или фон под ним. Выбери удачный вариант.
Как сделать затемнение или градиент?
Нажми R, нарисуй прямоугольник поверх фото и под текстом. Для простого затемнения выбери чёрную заливку и снизь её непрозрачность примерно до 25–45%. Для градиента открой заливку Fill, выбери линейный градиент Linear: верхняя точка чёрная с прозрачностью 0%, нижняя чёрная с прозрачностью около 70%. Отрегулируй направление и силу по фотографии.
Фото обрезается или растягивается?
Не тяни одну сторону фотографии отдельно. При заполнении фрейма используй кадрирование Fill / Crop и смещай кадр так, чтобы сохранить героя. Если кадр нельзя обрезать, размести фотографию целиком с полями на спокойном фоне.
Я быстро закончил. Что усложнить?
Добавь на следующие карточки небольшие подписи, выдержи один шрифт, цвет и расположение. Сравни обложку с продолжением: понятно ли, что это одна серия?
Перерыв для глаз и тела
После первого варианта обложки отойди от экрана, посмотри вдаль и разомни плечи. Затем вернись и оцени макет свежим взглядом.
07 · сохрани результат
Каждый кадр отдельным файлом
Выдели только финальные фреймы серии. Черновик Б оставь в рабочем файле.
В разделе Export выбери PNG, масштаб 1×. Экспортируй выбранные фреймы.
Открой файлы и проверь, что текст читается, фото на месте, размер одинаковый.
Сохрани текст, изображения и ссылку на Figma. Передай педагогу согласованным способом.
PNG удобен для надписей и графики. Фотографии без оформления можно сохранить в качественном JPG.
