Как сделать дизайн поста
Приёмы оформления аккаунта в Инстаграме: надписи на фото, меню, коллажи, бесконечная лента
Хэштеги, рекламные кампании и все остальные способы продвижения страницы в Инстаграме вряд ли помогут, если контент не подталкивает посетителей задержаться и узнать о вашем магазине побольше.
Показываем, какие форматы и дизайнерские приёмы можно использовать для продвижения магазина в Инстаграме. Некоторые из них давно известны (например, бесконечная лента), другие только начинают использовать (коллажи в Историях). Но все приёмы до сих пор выглядят необычно на фоне простых фотографий, потому привлекают внимание.
Примеры оформления будем делать в Canva. Инструмент работает из браузера и в мобильном приложении.
Надпись на фотографии
Самый простой вариант представления товара, акции, анонса мероприятия — наложить поверх фотографии надпись (с названием, брендом, ценой или процентом скидки — зависит от вашего общего подхода и конкретной ситуации).
Надписи на картинках помогут посетителям понять, о чём пост, даже не заглядывая в описание.
Примеры
Как сделать в Canva
Загрузка фотографии в редактор для последующей обработки
Кадрируем изображение по двойному щелчку мышки
Ручное редактирование фотографии
Накладываем фигуру из вкладки «Элементы» на фотографию
Настраиваем уровень прозрачности фигуры
Добавляем надпись на фото и выбираем шрифт
Совет: используйте готовые комбинации шрифтов или подберите сочетание сами — креативные фигурные шрифты для основного текста или заголовка в паре с нейтральным шрифтом для сопутствующей информации. Примеры таких сочетаний даны в самом редакторе во вкладке «Текст».
Образцы сочетаний фигурных и стандартных шрифтов
Фотоколлаж
С помощью фотоколлажа можно показать товар сразу с нескольких сторон, а также представить несколько связанных друг с другом объектов или предметов коллекции на одной картинке.
Коллаж может быть минималистичными — комбинация несколько фото в одном по принципу мозаики, или с дизайнерским оформлением.
Примеры
Такой формат можно использовать как самостоятельное изображение для поста, рекламный баннер или обложку галереи, вслед за которой идут одиночные фото крупным планом, позволяющие рассмотреть детали.
Как сделать в Canva
Выбираем вид сетки для заполнения фотографиями
Вставляем фотографий в ячейки сетки для коллажа
Дополняем коллаж фигурами, подложками и другими элементами
Добавляем текст и завершаем оформление коллажа
Другой способ: сразу выбрать готовый шаблон и видоизменить его, вставив собственные фотографии, текст и адаптировав под них оформление. Найти такие образцы можно во вкладке «Шаблоны» — листайте каталог или вводите разные ключевые слова в строку поиска:
Поиск шаблонов в каталоге Canva
Галерея фотографий
Галереи в Инстаграме помогают показать товар в деталях и акцентировать внимание на привлекательных мелочах, которые могут стать решающими для принятия решения о покупке.
Пример
Как сделать в Canva
Создание галереи почти не отличается от создания одной картинки, которое было показано выше, но несколько советов могут пригодиться для единообразного оформления.
Создаем копию исходной страницы
Если работать с клавиатурой неудобно, можно скопировать «код фильтра», который появляются внизу панели «Настроить», и вставить его в ту же строчку для других фотографий.
Скопируйте код фильтра, чтобы оформить другую фотографию так же
Бесконечная лента
Бесконечная лента — это заполнение ленты постами, образующими мозаику с определенным узором или сплошной рисунок. Такая страница эффектно смотрится и привлекает внимание подписчиков.
Для оформления страницы можно сделать так, чтобы фоновые рисунки постов создавали общую композицию, но каждый отдельный пост содержал целую фотографию или сообщение.
Единственный минус: поддерживать целостность такого дизайна будет непросто. Потому этот подход лучше использовать для отдельных проектов, под которые создаются специальные страницы.
Примеры
Как сделать в Canva
Создаем дизайн собственных размеров на главной странице Canva
Если такой фотографии у вас нет, воспользуйтесь поиском по встроенному каталогу стоковых снимков во вкладках «Фото» или «Фон». Также можно воспользоваться бесплатными библиотеками стоковых фото Pexels, Pixabay или Unsplash.
Заполняем весь фон одной фотографией или графическими элементами, которые будут перетекать из одного фото в другое
Сохраняем дизайн в формате PNG
Оформление Историй: фото и видео
Ярко оформленная История может скорее привлечь внимание к акции или товару, чем пост в ленте. И напротив, скучный контент заставит пользователей отписаться от аккаунта. Поэтому добиться успеха здесь лучше не количеством, а качеством — продуманным дизайном и акцентом на самые выигрышные позиции или преимущества, несмотря на то, что увидеть Историю подписчики смогут только в течение суток.
Варианты оформления Историй
Подход может быть сходным с тем, как оформлять фотогалереи: яркая обложка с фотоколлажем, и несколько следующих слайдов, демонстрирующих детали и рассказывающих о подробностях предложения.
Примеры
Как сделать в Canva
Теперь покажем, как сделать картинки в мобильном приложении Canva (в браузере тоже можно).
Выбираем тип макета
Выбираем шаблон изображения
Редактируем дизайн с помощью дополнительной графики, замены фото, фона, текста
Создаем новые страницы смахиванием влево
Вставляем фото из галереи телефона и редактируем
Иконки для блока «Актуальное»
Закрепление истории в списке «Актуальное» в профиле Инстаграма — это возможность продлить им жизнь по прошествии 24 часов. Для актуальных Историй можно создать специальную обложку. Единообразное оформление придает странице более профессиональный вид и помогает визуально сопоставить историю с ее тематикой.
Примеры
Как сделать в Canva
Выбираем шаблон обложек для «Актуального»
Например, если в одной из сторис вы отвечаете на частые вопросы клиентов, выберите иконку для «Актуального» с вопросительным знаком, а если информируете о скидках — знак процента.
Выбираем иконку из вкладки «Элементы»
Выбирая один и тот же шаблон и меняя только иконки (или текст в круге), вы добьетесь единообразия в оформлении аккаунта. Такое оформление удобно и привлекательно для подписчиков и покупателей.
Чем больше контента в Инстаграме, тем меньше пользователи уделяют внимания каждому посту. Надписи и оригинальное оформление картинок помогут привлечь читателей, обратить их внимание на текст поста и, в итоге, стимулировать на покупку в вашем магазине.
Шаблоны для постов: какие бывают, как сделать и где скачать
Время чтения: 11 минут Нет времени читать? Нет времени?
Картинки в коммерческих аккаунтах – важная и нужная штука, которая доставляет SMM-щику кучу хлопот. В постах размещают инфографику, анонсы, рекламу, и все это требует оформления. Давайте посмотрим, какие шаблоны можно делать для VK и Instagram, и какие фоторедакторы облегчат вам жизнь.
Что должно быть в посте
Дизайн постов зависит от конкретных целей и задач. Иногда жизненно важно разместить на картинке текст, изображение товара или рамку для бесконечной ленты в Instagram. Но все хорошие посты объединяет одно – в них есть композиционный центр.
Хороший пост начинается с ответа на вопрос, что вы хотите показать подписчикам. Все остальное на картинке – второстепенно, и служит для привлечения внимания к главному. Вот пара примеров из моей ленты:
Итак, в любом посте нужно выделять то, на что человек сразу же обратит внимание. Для этого существуют разные приемы:
В последнее время часто встречаются коллажи из фото в постах. Их тоже можно делать по шаблону, чтобы упростить работу – какие-то элементы коллажа будут меняться, а какие-то оставаться неизменными. Неожиданное сочетание разных картинок может привлекать внимание и даже шокировать.
Наконец, в моде всевозможные иллюстрации или шрифтовые композиции. Их часто используют, если текст для поста есть, а подходящей фотографии нет. И вместо того, чтобы брать случайное изображение, можно сделать вот так:
У шаблонов есть еще одна важная функция. Они обеспечивают единообразие оформления аккаунта и соблюдение корпоративного стиля: чтобы у подписчика сложился определенный визуальный образ, ассоциирующийся с вами. Это важно в VK и особенно в Instagram – ведь там пользователь может охватить взглядом сразу 12 картинок.
Оформление всегда зависит от формата. Редко получится один и тот же дизайн вместить и в прямоугольник, и в квадрат. В VK для текущих постов это практически не имеет значения – сайт примет любой формат. Но потребуются квадраты, если вы решите запустить рекламу с каруселью.
В Instagram размер всегда имеет значение и наиболее распространен именно квадратный формат. Также есть техническая возможность делать горизонтальные публикации с соотношением сторон 16:9 или вертикальные 4:5.
Сервисы и приложения для создания шаблонов
Есть много сервисов с несложным интерфейсом, которые идеально подойдут для оформления соцсетей. Рассмотрим самые популярные из них.
Canva
Главное преимущество Canva – куча готовых шаблонов с иллюстрациями и сложной компоновкой объектов.
Но есть и большой минус – такие шаблоны используют все, кому не лень. Пользователям они осточертели и считаются, наряду со старенькими стоковыми фото, моветоном. Поэтому лучше брать их за основу и перекраивать по-своему. Так что усилия все равно потребуются. Зато интерфейс радует, он довольно простой и понятный.
В Canva можно бесплатно подбирать шаблоны, фотографии, шрифты, менять размеры элементов и двигать их по макету. Есть ограничение, которое касается многих онлайн-редакторов – кириллических шрифтов довольно мало. А также по ходу работы вы можете обнаружить, что выбранное вами фото или иллюстрация относятся к категории платных. Это бывает обидно, так что лучше быть внимательнее. Если в нижнем углу картинки при наведении курсора не написано «бесплатно», значит, она платная.
Crello
Существует чуть менее раскрученный редактор под названием Crello. В нем большинство шаблонов и картинок платные. Зато можно легко и бесплатно работать с эффектами – менять цвета фотографий, добавлять прозрачности. А еще огромный плюс, что сюда можно загружать свои шрифты.
Crello – неплохая альтернатива «Фотошопу» для создания постов. Тут бесплатно можно обработать фотографии, добавить лаконичную графику и вволю поиграть со шрифтами.
Adobe Spark
Еще менее известная штука – Adobe Spark. Он похож на уже рассмотренные редакторы: есть платные и бесплатные опции, готовые шаблоны, а также возможность подгружать шрифты из архива Adobe Fonts. Еще одна приятная мелочь – готовые палитры с гармоничными цветовыми сочетаниями.
Приложения для смартфона
Помимо сайтов в обработке фото для соцсетей могут помочь мобильные приложения. Например, есть приложение Over с шаблонами наподобие Canva, если вам удобнее работать с мобильного. Если у вас акцент на качественные фотографии, для их коррекции подойдет Snapseed. Разделить одну картинку на квадраты для Instagram, чтобы сделать мозаику, можно в приложении 9square для смартфонов и Pic Split для айфонов.
Подробный список приложений с самыми необычными функциями есть в нашей статье «Как обработать фото и видео для Instagram: 23 необычных приложения».
Посты для VK в «Фотошопе»
«Фотошопе» вы можете выполнять все нужные операции и даже автоматизировать рутинную работу – обрабатывать бесконечное множество картинок по одному общему сценарию. Давайте для примера создадим новый документ 1000х700 пикселей, вставим фотографию в этот формат и посмотрим, какие инструменты могут пригодиться для оформления поста.
Инструмент для создания фигур
С помощью прямоугольников, многоугольников и кругов можно делать рамки и плашки за пару кликов.
Чтобы задать количество углов многоугольника, выберите его и просто щелкните по рабочему пространству. С остальными фигурами вопросов быть не должно. На панели вверху можно выбрать однотонную или градиентную заливку, а чтобы поворачивать или растягивать фигуры, нажимайте Ctrl+T:
Инструмент для ввода текста
Самая частая потребность в SMM – написать что-нибудь важное на картинке.
При работе с типографикой очень важно, чтобы надпись на картинке было легко читать. Старайтесь избегать слишком сложных декоративных шрифтов, не наклоняйте слова без надобности и не пишите слишком мелко. Главное – это контраст: слово должно быть значительно темнее или светлее фона, чтобы пользователь легко разобрал вашу надпись.
Инструменты для выделения
Нужны, чтобы вставить кусок из одной фотографии в другую. Их много, они все разные и находятся в трех разделах меню.
Второй инструмент – «Волшебная палочка». Если у вас объект на контрастном фоне, можно ткнуть палочкой на фон, и она сама его выделит. Чтобы переместить выделение на сам объект, нажимаем Ctrl+Shift+I, и готово.
Еще есть инструмент «Перо», он удобен для выделения сложных форм и позволяет сделать это быстрее, чем «Лассо». Особенно «Перо» подходит для округлых объектов. Этим инструментом вы ставите опорные точки, между которыми образуются кривые – их можно изгибать с помощью направляющих. Когда контур замкнется, кликните по нему правой кнопкой мыши и выберите пункт «Выделить область».
Выделенный объект просто берите и тащите на исходное фото. При совмещении фотографий будьте осторожны: если у них не совпадают профили, цвета могут измениться до неузнаваемости. Всегда обращайте внимание на всплывающие окна и не отключайте управление цветом.
Совмещение фото с помощью маски
Фотографию можно обрезать по форме простой фигуры или по любой форме, которую вы выделите пером.
Нижний слой – это фон. Можете взять фирменный паттерн компании, нейтральную текстуру с какого-нибудь стока или просто залить все одним цветом. Слой в серединке – это фигура, а верхний слой – фото, которое вписывается в фигуру. Для этого надо кликнуть между двумя слоями с зажатым Alt. В дальнейшем фигуру и фото можно двигать, уменьшать или увеличивать – вместе или по-отдельности.
Самые простые шаблоны можно создавать с помощью нескольких инструментов, не углубляясь в интерфейс. Если вам нужно больше творческой свободы, читайте наш подробный гайд по Photoshop – полные возможности программы помогут разнообразить ваши посты.
Например, сочетать фотографии с иллюстрациями.
Многие посты делаются с применением специальных эффектов в «Фотошопе». Так получаются яркие креативные картинки.
Оформление Instagram в «Фотошопе»
Пользователь Instagram охватывает взглядом профиль целиком, поэтому посты должны друг с другом визуально сочетаться. Этого легче всего добиться, если подобрать для картинок единую цветовую гамму. Для поиска гармоничных сочетаний можно пользоваться кругом Иттена. Также для объединения картинок часто делают мозаику, с помощью которой все посты в профиле складываются в узор или в предметное изображение.
Бесконечную ленту или мозаику можно сделать в «Фотошопе» с помощью сетки. Чтобы нарезать 9 квадратных постов, нам нужно создать большой квадратный файл. Например, 3000х3000 пикселей. Далее выполняем два важных действия:
Теперь для создания мозаики остается наложить на получившуюся сетку фотографию.
Девять квадратов нужно по отдельности выделить, перетащить на новый слой клавишами Ctrl+J и сохранить как отдельные картинки. По такой схеме можно либо разделить одну фотографию на посты, либо сделать коллаж из разных фото с пересекающимися элементами, которые будут создавать бесконечную ленту.
Возникает вопрос: зачем такие мучения, если я уже дала ссылки для нарезки квадратов со смартфона в один клик? Возможно, у вас уже стоит «Фотошоп» и лень скачивать лишнее приложение. Или вы хотите сделать более сложный дизайн. Тогда сетка будет вашим лучшим другом.
Вам не обойтись без сетки «Фотошопа», если вы хотите делать асимметричные рамки, связанные друг с другом в ленте. Она нужна, чтобы разместить все элементы нужным образом и ровно состыковать края.
Где скачать шаблоны, шрифты и иллюстрации
Если вы хотите взять готовые шаблоны для постов за основу, самое простое – воспользоваться одним из онлайн-редакторов, которые мы рассмотрели. Шаблонов там немало, с ними легко работать, в том числе, заменять отдельные элементы и подстраивать дизайн под свои нужды.
Можно делать шаблоны самостоятельно, но с использованием чужих иллюстраций. Этого добра в интернете маловато, но можно найти в фотобанках, выбрав поиск по иллюстрациям или векторам.
Лучше подбирать для аккаунта иллюстрации в одной стилистике и избегать старых заезженных картинок, которые вызывают у пользователей раздражение.
И конечно при создании постов важны шрифты. Если вы работаете с редактором, поддерживающим загрузку шрифтов, можно найти нужные гарнитуры на Google Fonts или Fonts Online. Для работы с русскоязычной аудиторией обращайте внимание на наличие кириллической версии выбранного шрифта, чтобы не скачивать файлы зря.
Оформление постов – только вершина айсберга. Ведь картинки зависят от того, какой контент вы хотите показать. А контент, в свою очередь, зависит от специфики бизнеса. Общение с аудиторией через соцсети неизбежно отнимает много времени и сил, если вы нацелены на продажи. Но ведение соцсетей можно делегировать специалистам.