Сделать картинку для поста в ВК

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

2025 просмотров
Особенности создания изображений для соцсетей

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

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

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

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

ОФОРМЛЕНИЕ ПОСТА ДЛЯ ГРУППЫ ВКОНТАКТЕ / PHOTOSHOP ТУТОРИАЛ

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

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

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

Пользуйтесь выравниванием

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

Программа подскажет удачные направления

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

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

Примеры постов с автоматически выровненным текстом
Работайте со слоями

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

Масштаб, расположение и наклон объекта можно менять, используя точки на углах

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

Подложки – это простой, но эффективный способ выделить текст на изображении

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

Принцип создания слоев с прозрачными фигурами

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

Принцип создания слоев с накладкой фонов
Удаляйте фон

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

Удаление фона

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

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

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

Меняйте цвет и резкость, чтобы создавать разные эффекты – тень, обводка, наслоение

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

Как по-разному использовать объект без фона

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

Примеры постов с несколькими объектами без фона
Дублируйте объекты и создавайте паттерны

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

Дублирование текста на сторис

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

Верхняя точка контроля поворачивает объект по оси

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

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

Как поворачивать элементы

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

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

Как сделать градиент
Создавайте шаблоны

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

Пример нескольких шаблонов для тестовых карточек сервиса «Буду». Обратите внимание на разнообразные цветовых фонов – шаблон объединяет карточки, но не делает их одинаковыми

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

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

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

Готовые шаблоны находятся в разделе «Мои дизайны»

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

«Ресайз» поможет быстро изменить размер картинки

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

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

• не используйте больше 2-3 шрифтов;
• если сомневаетесь – возьмите стандартный шрифт Arial или Helvetica и разделяйте блоки с помощью размеров и толщины текста;
• делайте контрастные шрифты – главным может быть декоративный Bad Script, Pacifico или Rock Salt, а второстепенным – базовый Ubuntu, Times New Roman, или Bitter.

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

Берите изображения из готовой базы

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

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

• Высокое качество изображений. Большинство фотографий в Unsplash загружаются в оригинальном размере съемки – вплоть до 7000 пикселей на одну сторону. Такие большие снимки легко масштабировать и разрезать на более мелкие.
• Разнообразие. Система рекомендаций и поиск по ключевым словам, темам и альбомам помогут быстро найти подходящие картинки под контекст.
• Удобство и экономия. Вместо заказа профессиональной съемки можно брать готовые картинки, они сохраняются обычно парой кликов.

Главная страница Unsplash – все эти снимки можно скачать и свободно использовать

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

Пользуйтесь нейросетями

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

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

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

• Midjourney – одна из самых продвинутых нейросетей. Работает на дискорд-сервере, есть ограничение на количество генераций в день.
• Stable Diffusion – нейросеть с открытым исходным кодом, качество картинок сильно зависит от запроса. Без ограничений.
• StarryAI – прекрасно генерирует лица и портреты, знает множество художественных стилей. Есть ограничения.
• PlaygroundAI – нейросеть на базе Stable Diffusion с множеством настроек. Можно делать до 1000 картинок в день.

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

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

Источник: vc.ru

Как создать брендированный шаблон для постов в вк

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

Мы разберем для чего нужно брендирование, как оно может влиять на продвижение компании (паблика). А в заключение, я расскажу, как самостоятельно можно создать шаблон для поста в вк.

Для чего нужно брендирование?

Брендирование – это одно из приоритетных направлений рекламы, ориентированное на повышение узнаваемости торговой марки, а вследствие и роста прибыли.

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

В брендирование обычно задействованы:

• Название компании;
• Название продукта;
• Логотип;
• Слоган компании;
• Фирменные цвета;
• Шрифт;
• Иллюстрации, фото и другие графические элементы;
• Иные объекты интеллектуальной собственности, визуализирующие бренд.

Брендирование создает процесс коммуникации между компанией и клиентами, потребителями продукта, товара или услуги и оказывает положительное влияние на продвижение.

Что такое шаблон для поста в вк?

Шаблон для поста – это редактируемый образец брендированной картинки, в котором можно изменить текст и заменить фоновое изображение. Включает в себя неизменяемые элементы (рамки, фильтры, семейство шрифта, цвет элементов), которые определяют стилистику оформления картинок для постов и задают единый стиль статьям.

Шаблон сохраняется в послойном psd файле с возможностью его редактирования. Также может быть представлен в виде png файла с прозрачным фоном, к примеру рамки с фоном под текст.

Psd файл можно редактировать в программе Adobe Photoshop. Png же можно использовать в различных графических редакторах и сервисах для создания изображений.

В чем польза шаблона

Использование уникального шаблона разработанного для вашего сообщества дает вам определенные преимущества над конкурентами. Вот некоторые из этих преимуществ.

1. Повышает узнаваемость компании в ленте;
2. Экономит время на создание новой картинки;
3. Придает индивидуальности;
4. Соответствует определенной стилистике публикаций;
5. Быстрое вхождение в процесс работы нового специалиста разрабатывающего картинки к постам.

Как создать шаблон для постов вк

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

В процессе работы над шаблоном мы будем использовать такие инструменты фотошопа как: выделение узла, прямоугольник, прямоугольник со скругленными углами, горизонтальный текст, угол и другие. Кроме этого при помощи трансформации зададим волнообразную форму фону, на котором будет надпись.

В уроке не указал, что шаблон после создания нужно сохранить в формате psd для дальнейшего использования.

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

Источник: fotodizart.ru

Как сделать картинки для vk – Как сделать ширину картинки в весь пост вконтакте при шаринге со стороннего сайта?

Оформление постов ВКонтакте — картинки, полоски, значки

Белые полоски для постов вк, при правильном их использовании, позволяют качественно оформлять визуальную составляющую записи на стене, делая её более завлекающей и придавая ей несколько иной вид. Использовать это дополнение в оформлении постов легко, а эффект от этого будет потрясающий.

Что же собой представляют полоски для постов вк?

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

Разницу можете увидеть сами. Размер полосок подбирается для каждого случая индивидуально. К примеру, в приведенном ниже посте размер вставки 10х130 пикселей.

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

Дабы увеличить эффект от публикации, необходимо экспериментировать и менять оформление, выставляя не только картинки, а комбинируя их с подходящими музыкальными треками, текстовыми подписями, эмоджи, смайликами, опросами и хештегами. Таким образом, играя с дизайном постов и отслеживая активности подписчиков под ними, можно отобрать ряд оптимальных вариантов, которые в дальнейшем нужно будет чередовать для получения максимального отклика и профита. Только важно помнить, что общее число всех прикрепленных материалов должно быть не больше 10.

Подбираем оптимальный размер картинки

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

• картинка к посту – 700х500 px;
• картинка к внешней ссылке – 537х240 px;
• фото профиля – 200х500 px.

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

Использование отложенного постинга

Функционал Вконтакте позволяет ставить таймер к публикуемым постам, дабы они выходили в установленное время в автоматическом режиме. Данная функция дает возможность грамотно спланировать график публикаций на длительный период (отложенную запись можно сделать на год вперед), расставив посты в необходимом порядке на определенный промежуток времени. Это позволяет высвободить время как для анализа активностей группы и подготовки нового контента, так и для других не менее важных дел, которые при ведении группы найдутся всегда.

Создаётся отложенная запись на стене путём нажатия на кнопку «Ещё» и выбором пункта «Таймер». Далее выставляем желаемые дату и время и жмём «В очередь». Отложенная запись готова.

Как в посте отметить пользователя

Упомянуть человека в посте можно двумя способами:

1 – просто скопировать ссылку на его страницу и вставить в пост. В таком случае, он об этом знать не будет до тех пор, пока сам не увидит эту запись.

2 – создать активную ссылку на профиль. Для этого необходимо открыть любую запись на стене пользователя, нажав на дату публикации/репоста и скопировать цифры из адресной строки, идущие после слова «wall». Если записей на стене нет, то можно открыть любое фото и скопировать из адресной строки цифры после слова «photo». Таким образом мы получим его id.

Теперь создаем новый пост, ставим *, после неё вставляем полученный id и за ним в скобках вписываем имя человека. Конечный результат выглядит так: *id11111 (Имя), где «11111» это id-адрес пользователя. Публикуем пост и сразу же получаем результат в виде имени человека с активной ссылкой на его страницу, а данному пользователю, в свою очередь, приходит оповещения о публикации записи с его упоминанием.

Создание значков-эмоджи

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

Как прикрепить к посту музыкальный трек

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

Дополнение постов смайликами

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

Как сделать жирный текст в посте вконтакте

В самом посте – никак. На сегодняшний день такой возможности не существует. Жирный шрифт можно использовать только при оформлении вики-страниц. Если вы владелец группы, а не публичной страницы, то можно использовать жирный текст для оформления главной новости. Для этого необходимо перейти в настройки сообщества и сделать «Материалы» открытыми.

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

Немного итогов

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

softolet — интернет-сервисы для бизнеса.
Ссылка на материал обязательна!

[Всего голосов: 19 Средний: 2.5/5]

Оформление Картинок ВК — 6 (Шесть) Фото Одинакового Размера

Всегда хочется определённой симметрии в публикациях, так и оформление картинок ВК. Например если вы захотели опубликовать пост из шести или девяти изображений, которые бы смотрелись одинаково в двух или трёх рядах, по три картинки. Вам понадобятся 6 или 9 подготовленных изображения с определёнными размерами.

Пост из шести картинок в ВК:

Для того чтобы загрузить в вашу публикацию шесть картинок и они были бы одинаковыми, вам необходимо подготовить каждую из них. Для этого нужно сделать 6 квадратов с одинаковыми сторонами, 532 x 532 px или например 1063 x 1063 px. Можете использовать свой размер, главное чтобы все изображения были одинакового размера.

Есть вариант из шести картинок которые имеют не равные стороны, такое оформление подойдёт для анонсов к фильмам, смотрится симпатично.

Для такого оформления, картинки имеют размер: 682 x 1024 px.

Девять картинок в публикации Вконтакте:

Здесь немного отличается метод, картинки для поста из 9 изображений должны быть не иметь форму квадрата с одинаковыми сторонами, нужны прямоугольники. Размер 960 x 706 px. Можно конечно поэкспериментировать с другими размерами, но конкретно этот 960 x 706 px, был опробован и прекрасно работает.

Оформление картинок ВК, которые привлекут внимание.

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

Для составления такого поста, в самом ВК имеется редактор, для нанесения надписей и стикеров, об этом мы рассказываем здесь (см. Как добавить стикеры на фото ВКонтакте).

Фото статус Вконтакте (картинки)

После последних глобальных обновлений социальной сети Вконтакте, появилось много интересных возможностей, с помощью которых можно красиво украсить свою личную страницу. Одной из таких возможностей является фото статус. Фото статус — это 5 картинок, которые размещаются в разделе для вывода последних загруженных фотографий, благодаря их расположению получили своё название «Фото Статус». Выглядит эта красота вот так:

Как видим, выглядит красиво, с помощью фото статуса вы сможете показать свою уникальность или просто похвастаться перед друзьями. Вы наверняка видели фото статус вконтакте, у своих друзей и хотите

спросить «Как сделать фото статус вконтакте самому?» Я сейчас всё детально расскажу.

Как сделать фото статус?

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

1. Картинки в статусе
2. Фотостатус

Картинки в статусе

Переходите в приложения, устанавливаете его на свою страницу, потом перед вами должно открыться вот такое окно.

В приложение вы можете:

• Просмотреть самые популярные или новые фото статусы.
• При нажатии «Добавить картинку» вы сможете создать фото статус самостоятельно.
• После выбора статуса нажмите кнопку «Применить», фото статус загрузится на вашу страницу за пару секунд.

Жалко только, что нельзя скачать картинки для фото статуса из приложения.

Фотостатус

Приложение Фотостатус очень похоже на картинки в статусе, но обладает очень интересной функцией. В приложение можно написать свой текст, а потом загрузить его в фото статус. Что бы было понятно, предлагаю вашему вниманию картинку.

Создаём фото статус своими руками

Для этого нам нужно:

1. Выбрать картинку, которую вы хотите поставить в фото статус.
2. В любом графическом редакторе, обрезать и разделить на 5 равных кусков.
3. Загружать в контакт сперва последнюю картинку, а в конце первую, в такой последовательности 5-4-3-2-1.

Когда я три месяца назад, создавал фото статус, я делал всё именно так. Если будут вопросы, жду вас в комментариях.

Если вам помогла или понравилась данная статья, не забудьте поставить свой лайк, это поможет другим пользователям найти её быстрей. А я смогу узнать, что интересует вас больше всего, чтобы подготовить и написать еще больше интересных и полезных статей! С уважением, Вячеслав.

Источник: russia-dropshipping.ru