Как делать картинки для соцсетей быстро и просто: 7 лайфхаков

Рассказываем, как c помощью инструментов в сервисах дизайна упростить и ускорить производство визуала в SMM.

Вот некоторые ключевые отличия визуала в SMM от дизайна для сайтов, лендингов или брошюр:

Постоянное производство. От лица аккаунта или сообщества могут выходить десятки постов, сторис, видео. Некоторые из них нужно иллюстрировать, дополнять текстом на картинке или объединять в коллажи. Постоянный поток подталкивает дизайнеров и SMM-щиков оптимизировать постинг – создавать шаблоны и использовать повторяющиеся элементы.

Быстрое устаревание контента. Сторис живут сутки, пост в ленте может мелькать пару дней или даже неделю, но вряд ли месяц. Временные затраты на производство визуала в SMM пытаются сократить, и это логично. В то же время устаревание дает возможность быть гибким, постоянно экспериментировать и менять подходы к созданию графики – визуал в SMM часто очень разнообразный.

Рамки и ограничения в соцсетях. В некоторых соцсетях предпочтительней использовать формат 4:5, в других – 1:1. Есть разные типы контента, например, строрис – это практически всегда прямоугольник 9:16. В итоге дизайн работает в строгих стандартизированных рамках. Плюс есть еще элементы интерфейса, которые могут накладываться на изображение, их тоже нужно учитывать.

Соперничество с другим контентом. Основной контент, на который реагируют люди, – картинки и фото. За 2,5 часа, которые пользователи в среднем проводят в день в соцсетях, они успевают увидеть много контента, конкуренция за внимание растет. Поэтому визуал часто оценивают и меняют согласно данным аналитики, чтобы поднять охваты и вовлеченность.

Из этих особенностей вытекают следующие требования: нужно делать визуал быстро, качественно и при этом креативно. Профессионалы работают в Photoshop и Illustrator, а небольшие SMM-отделы и блогеры часто используют Figma или сервисы дизайна – Supa, Visme, Glorify, Canva, Crello и другие.

Интерфейс и инструменты в сервисах похожи, поэтому в статье будем показывать фишки на примере «Холста» – это бесплатный редактор внутри SMMplanner. Он без проблем работает в России, интерфейс интуитивно понятен, никаких водяных знаков и ограничений на скачивание нет. Если захотите сильнее углубится в тему, узнать больше о дизайне и «Холсте», приходите на бесплатный курс «Дизайн для соцсетей с 0».

Не выровненный текст бросается в глаза и нарушает восприятие. В сервисах дизайна есть «умная линейка», которая помогает упорядочить текст, графику и изображения относительно друг друга. Работает просто: зажмите нужный элемент и начните перемещать.

Остается следовать только базовым правилам:

Слои – это как стопка прозрачных листов, которые можно перемешивать между собой. За их расположение отвечает кнопка «Позиционирование» – выберите объекты и укажите, выше или ниже они должны размещаться относительно других объектов.

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

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

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

Функция удаления фона доступна по клику по одноименной кнопке. Лучше подбирать изображения с однотонным фоном и разрешением до 2000 х 2000.

С помощью объектов без фона и разных приемов можно создавать новые смыслы. Например, вместо классического коллажа сделать один объект главным, а второй – фоновым.

К изображению без фона можно добавить тень или сделать обводку, чтобы выделить картинку и создать эффект коллажа.

Предмет без фона может стать основой для десятков постов. Меняйте масштаб, уровень и расположение на картинке, чтобы создавать новый контент.

Объекты с вырезанным фоном можно перемешивать между собой, добавлять шрифты и менять расположение слоев.

Классическое «копировать-вставить», но благодаря системе выравнивания можно создавать интересные композиции. Например, повторять текст для фона или делать его главным элемента дизайна, меняя размер, цвет и шрифт.

Также можно уложить одинаковые вырезанные объекты. Виртуальная линейка поможет расставить фигуры ровно.

С помощь дублей создаются паттерны – повторяющиеся элементы, которые складываются в узор. Они отлично подходят для фонов и визуального языка бренда (айдентики).

Создать паттерн можно прямо внутри редактора – используйте фигуры из раздела «Элементы» и кнопку «Повернуть», чтобы отзеркаливать их.

Чтобы масштабировать паттерн, выделите фигуры и сгруппируйте. Затем кликайте по группе, меняйте масштаб и тиражируйте. В настройках цвета можно создать градиент – это сделает элементы более объемными. Укажите основной и дополнительный цвета, а с помощью круга с градусами – направление перехода.

Градиент можно применять не только для элементов, но и для текста.

Шаблон – это готовый набор графических элементов и стилей оформления. Он не только ускоряет создание картинок, но и позволяет сделать единый визуальный стиль – это поможет выделяться и быть узнаваемым среди подписчиков. Затраченное время на разработку шаблонов окупается практически сразу, ведь их можно использовать снова и снова.

Что должно быть в шаблоне:

В редакторе есть готовые шаблоны, которые можно адаптировать под свой аккаунт и компанию, а затем сохранить и использовать постоянно. Для этого настройте шаблон и нажмите «Создать дизайн».

Функция «Ресайз» позволяет менять соотношение сторон и размер макета, чтобы быстро создавать новые образцы. В «Холсте» есть все форматы для картинок в соцсетях – искать самостоятельно соотношения сторон и минимально допустимые разрешения не придется.

В разделе «Текст» загрузите свои шрифты или выберите готовые шрифтовые пары.

Несколько правил по подбору шрифтов:

можно использовать бесплатные картинки из Unsplash, Freepik и других фотостоков.

Чем они могут быть полезны:

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

Генерация картинок в нейросетях еще не стала массовым явлением, но вот несколько практических сценариев, где это может пригодиться:

Список нейросетей для рисования картинок:

Автовыравание элементов, слои, удаление фона, шаблоны, фотостоки и нейросети – все эти фишки помогают быстро создавать визуал для SMM в сервисах дизайна. Конечно, возможности сервисов не безграничны – для рисования уникального контента (комиксов, иллюстраций, арта) больше подойдет Figma или Adobe Illustrator, но без профессиональных знаний освоить их будет непросто.

Поэтому используйте «Холст» и другие аналогичные редакторы, чтобы делать контент. Зачастую главное в соцсетях – это креатив, эмоции и польза, а не то, насколько профессиональной получилась картинка.