Оформление и публикация постов в соцсетях

«Одноклассники»

Аватар и обложка

Размер аватара группы или личного профиля — 288×288px. Размер обложки — 1944×600 px.

Обложка и аватар группы в «Одноклассниках» (в отличие от других соцсетей, он квадратный)

В мобильной версии обложка обрезается по краям — на 482 px с каждой стороны, а в центре на картинку «наезжает» логотип. Самые важные элементы стоит размещать в центре сверху. Например, здесь лого наехало на картинку, выглядит так себе:

В «Одноклассниках» другие правила — важные элементы должны быть сверху, но тоже в центре

Постеры и обложки

Если в нежном минимализме ценится аккуратность и м

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

Видео

ов сделать крутую обложку поста

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

1. Canva

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

  • сервис условно-бесплатный (много бесплатных и платных изображений);
  • простое, легкое управление.

Минусы:

  • мало шрифтов;
  • излишняя популярность (надоевшие шаблоны, которые все равно нужно переделывать).

2. Crello

Данный редактор вполне может заменить популярный, но сложный сервис «Фотошоп» для создания обложек.Crello — менее раскручен, в виду того, что основная масса изображений в нем платные.Однако в нем есть свои преимущества:

  • простота и бесплатная возможность работать с различными эффектами (цвета, прозрачность);
  • возможность использования своих шрифтов.

3. App For Type

Приложение для тех, кто предпочитает работать и создавать обложки через мобильное приложение. Сервис предлагает более 50 готовых, оригинальных шаблонов с изящными каллиграфическими надписями (12 бесплатных наборов с готовыми надписями). Дополнительно можно приобрести доступ ко всем оригинальным шрифтам (тариф 229 рублей).Минус:

  • необходимость приготовить цветовые фоны самостоятельно, с помощью других программ (Adobe Sketch, Canva).

4. PicsArt

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

  • необходимость оплачивать годовую подписку;
  • постоянно меняющийся интерфейс.

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

Создание шаблона в Adobe Photoshop

Онлайн-сервисы обладают довольно ограниченной функциональностью. Этого достаточно, если вам нужно создать простой пост или если ваш собственный стиль не подразумевает сложных элементов. Но для интересного оформления или по-настоящему уникального дизайна понадобится осваивать графические редакторы, и наиболее известным из них остается Adobe Photoshop. Это инструмент для растровой графики, имеющий очень широкие возможности для обработки фотографий, ретуши, цветокоррекции, добавления различных элементов и коллажирования. С помощью Photoshop можно добиться практически любого желаемого эффекта. Конечно, полноценное его освоение займет много времени, но кое-что можно научиться делать в считанные часы. Он подходит и для автоматизации рутинных действий: можно обрабатывать разные картинки по единому шаблону.

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

Интерфейс Adobe PhotoshopГлавное окно популярного визуального редактора

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

Создание текстовой надписи в PhotoshopИнструмент «Текст» в Adobe Photoshop

При написании текста нужно ориентироваться на правила, принятые в дизайне:

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

Выделение. В Adobe Photoshop много инструментов для выделения участков изображения, которые находятся в разных разделах. Основные из них:

  • «Лассо». Инструмент выделяет произвольную область, которую человек сам «рисует» мышью. Это неудобно, потому что края получаются кривыми, так что лучше использовать вариацию «Прямолинейное лассо».

Вариации инструмента «Лассо»Несколько вариантов инструмента для выделения объектов

  • «Перо». Подходит для выделения объектов с ровными краями, выделяет ровнее и быстрее, чем предыдущий инструмент. При работе с ним нужно расставить опорные точки, по которым строится фигура. Линии можно делать кривыми и изменять с помощью мыши;

Варианты инструмента «Перо»С помощью «Пера» можно создавать изогнутые линии

  • «Прямоугольная область», «Овальная область». Выделяет участок в виде определенной фигуры. Если зажать Shift во время выделения, получится фигура, в которой все стороны будут равны;

Прямоугольное и эллиптическое выделениеИнструменты Adobe Photoshop для выделения фигур

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

Работа с «Волшебной палочкой» в PhotoshopИнструмент для выделения участков одного цвета

  • «Быстрое выделение» выделяет участки с похожими цветами.

Фигуры и заливка. С помощью инструментов «Прямоугольник», «Эллипс», «Многоугольник», «Произвольная фигура» и других можно рисовать геометрические объекты. Это пригодится, если вы, например, создаете нестандартную фигурную рамку или вам нужно быстро нарисовать подложку под текст. Созданную фигуру можно залить любым цветом, градиентом или текстурой с помощью верхнего меню. Можно сразу сделать шаблон рамки или плашки и сохранить его, а после вставлять разные картинки всего в несколько кликов: так получится шаблонизировать все изображения в ленте. Сочетание кликов Ctrl+T — свободная трансформация: этот инструмент позволяет вращать, перемещать, деформировать и изменять размеры элемента.

Инструменты для рисования геометрических фигурИнструменты Photoshop «Эллипс», «Прямоугольник», «Многоугольник» и другие

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

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

Рисование. Adobe Photoshop предоставляет множество возможностей для рисования. Они нужны, если того требует фирменный стиль или вы хотите создать по-настоящему уникальный элемент. В основном рисуют с помощью кистей: в стандартном каталоге их немного, но бесплатные библиотеки элементов для Photoshop предоставляют огромный выбор произвольных. Это штампы, фигуры, стикеры, разнообразные эффекты вроде звезд или брызг — можно подобрать кисточку по вкусу.

Настройка кисти в Adobe PhotoshopКисти в стандартной коллекции визуального редактора

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

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

Пример бесконечной лентыМозаичный дизайн ленты Instagram

Как разрезать картинку.

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

«Показать сетку» в PhotoshopНастройка отображения сетки

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

Настройка «Направляющие, сетка и фрагменты»Настройка шага сетки в графическом редакторе

  • Выберите шаг для линии. Пусть это будет 1000 px. После того как вы примените настройки, картинка окажется разделена на квадратные участки со стороной в тысячу пикселей.

Выбор значения для линий сеткиВыбор шага сетки в Photoshop

  • Теперь просто вырежьте участки изображения, отделенные сеткой, и сохраните как отдельные картинки. Исходники для бесконечной ленты готовы.

Изображение, поделенное на участкиСетка с шагом в 1000 пикселей в Photoshop

Теги

Adblock
detector