Создаём оформление для социальных сетей

В ленте изображение должно остановить взгляд, а заголовок — сразу объяснить тему. Сделаем одну обложку поста для вымышленного фотоклуба «Ракурс»: выразительная городская сцена, короткий заголовок и понятная подпись.

Где делаем

Основной путь — Canva. Альтернатива — Photopea, пошаговый путь есть ниже. Для обсуждения композиции и проверки текста можно использовать ChatGPT или Алису AI.

Сегодня оформляем один пост с пропорциями 4:5. Размер 1080 × 1350 задан для упражнения. Для реальной публикации проверяйте формат и обрезку выбранной площадки в её редакторе.

Скачать бриф и точные тексты · TXT

1. Берём текст и изображение · 2 минуты

«Ракурс» — вымышленный фотоклуб. Обложка посвящена городской фотографии, а не анонсирует реальное мероприятие. Не придумывайте дату, адрес, стоимость, контакты и регистрацию.

Скачать городской исходник · WEBP

Почему эта композиция подходит

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

Для своей работы можно взять собственное разрешённое фото или созданное вами изображение. Указывайте происхождение честно. Наш футуристический город — учебная визуализация, его нельзя выдавать за собственную документальную съёмку.

2. Собираем обложку в Canva · 7–8 минут

1. Создайте пустой дизайн с собственными размерами 1080 × 1350 px. Назовите проект «Ракурс · Город в кадре».
2. Через Загрузки → Загрузить файлы добавьте lesson144_city.webp. Разместите на весь холст, сохранив пропорции. Через меню изображения можно назначить его фоном. Не обрезайте переднюю часть трамвая.
3. В спокойной верхней области напишите «ФОТОКЛУБ „РАКУРС“». Оставьте отступы от левого и верхнего краёв не менее 80 px. Используйте белый с холодным оттенком #f3f6fa, размер около 32–38.
4. Ниже добавьте крупный заголовок в две строки: «ГОРОД» и «В КАДРЕ». Ориентир — жирный шрифт 100–120. Подойдёт Arial или другой доступный шрифт с кириллицей. Сохраняйте одинаковый левый край текстовых блоков.
5. Под заголовком поставьте «Свет · движение · необычный ракурс», размер примерно 32–38. Если строка длинная, аккуратно разделите её на две; не сжимайте буквы и не прижимайте к краям.
6. Текст должен оставаться в верхней части, а трамвай — главным объектом нижней. Если заголовок наезжает на архитектуру, немного уменьшите размер или поднимите блок. Не прячьте важные детали под буквами.
7. Внизу добавьте статус «Учебный проект · изображение создано ИИ», размер около 24–28. Если отражения мешают, поставьте под подпись небольшой тёмный прямоугольник. Цвет плашки можно взять из тёмного неба; подпись должна быть читаемой.

3. Проверяем на маленьком экране · 2 минуты

Уменьшите отображение макета примерно до 360 px по ширине — около трети исходного размера. Не меняйте размер самого проекта. Сразу ли читаются «Город в кадре» и название клуба? Можно ли увидеть сюжет, не приближая картинку?

Если текст приходится разглядывать, сначала сократите переносы и увеличьте заголовок. Если он теряется на яркой области — переместите в спокойную зону или добавьте локальную подложку. Не затемняйте всю сцену без необходимости.

Просим помощника о конкретной проверке

Прикрепите изображение, если помощник поддерживает такой ввод. Его совет сверяйте со своим макетом: окончательное решение принимаете вы.

Пример готовой обложки

Верхняя область несёт текст, нижняя — движение. Статус изображения включён в макет. Это учебный пример, соберите собственную версию в редакторе.

4. Экспортируем и проверяем · 2–3 минуты

1. В Canva откройте Поделиться → Скачать → PNG. Выгрузите только одну нужную страницу, назовите файл social_post.png.
2. Откройте скачанный файл отдельно. Проверьте размер 1080 × 1350 px, точность текста, читаемость подписи и отсутствие обрезанных букв.
3. Проверьте, что трамвай не обрезан случайно и фон не растянут. В макете нет придуманных даты, места и регистрации.
4. Сохраните редактируемый проект и исходник у себя. Публикация в соцсетях для выполнения урока не требуется.

Альтернативный путь — Photopea

Откройте Photopea. Через File → New создайте документ 1080 × 1350 px. Добавьте исходник через File → Open & Place, масштабируйте пропорционально до границ холста. Инструментом T создайте отдельные текстовые слои для клуба, заголовка, пояснения и статуса. Для подложки подписи используйте прямоугольник под текстовым слоем.

Сохраните рабочую версию через File → Save as PSD, финальную — через File → Export As → PNG. Проверьте экспорт так же, как после Canva.

Если понадобился мокап телефона

После готового поста его можно поместить в шаблон экрана телефона для презентации заказчику, как обложку книги помещали в мокап в уроке 143. Сначала готовят сам пост, затем его подачу. В этом упражнении сдаём сам social_post.png, чтобы куратор мог проверить оформление без рамки устройства.

Практическое задание

Отправьте куратору Алексу один social_post.png. Для предложенного исходника напишите: «Учебная обложка поста. Изображение предоставлено PINA и создано ИИ; мой вклад — композиция, типографика, проверка читаемости и экспорт». Для собственного материала укажите его происхождение.

Дальше подготовим текстовую работу для портфолио. Допуск к следующему уроку подтверждает куратор.