Ваш браузер устарел. Рекомендуем обновить его до последней версии.

Создаем изображения для рекламных постов - простые шаги

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


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


Это не всегда нужно, тем не менее знать, как это можно сделать - необходимо.

Порядок действий:

1. Отделить объект от фона

2. Заменить фон

3. Сделать подложку под текст

4. Написать текст

5. Произвести выравнивание всех элементов

6. Сохранить готовую работу на компьютер

7. Опубликовать пост

Использовать будем фоторедактор онлайн - фотошоп.
Открыть его можно в браузере, перейдя по ссылке: https://online-fotoshop.ru/

Редактор предлагает несколько способов загрузки изображения в рабочее пространство, я выбираю "Загрузить изображение с компьютера".

Выделение буду производить инструментом "Лассо".

В настройках инструмента выберу "Многоугольное лассо".
Этот инструмент позволяет выделять объекты ровными отрезками.
Поставлю параметр растушевки в настройках инструмента "Многоугольное лассо" - 2.
Тогда края выделения будут мягкими, немного размытыми.

И начну кликать мышкой по углам объекта выделения.

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

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

Это будет гарантией, что остатки фона не будут светится потом по краю изображения.

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

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


Когда обводка контура завершится, появляется выделение.

Сейчас выделен объект, чтобы выделился фон, надо инвертировать выделение.

В разделе Меню "Редактировать" выбираю функцию "Инвертировать выделение".

Теперь выделен фон картинки.

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

Опять захожу в раздел Меню Редактировать и выбираю функцию "Очистить". Ей соответствует клавиша DELETE.
То есть можете пользоваться только клавишами без захода в Меню.
Убрать выделение можно через меню Редактировать --->>>Очистить выделение или клавишами Ctrl+D.

Чтобы загрузить фон для картинки, в разделе Меню "Файл" выбираю функцию "Открыть изображение".

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

Чтобы их увидеть надо нажать на значок в правом верхнем углу "Уменьшить".
Картинку для фона уменьшаю Инструментом "Лупа".

Захожу в Редактирование, выбираю функцию "Выделить все". Выделилась вся картинка.

Опять захожу в Редактировании и выбираю функцию "Копировать".

Теперь надо перейти на наше главное изображение.

Захожу в Редактирование и нажимаю "Вставить".

Фон встал сверху картинки, перемещу слой с главным объектом на верх.

Файл с фоном удалю из редактора.

Инструментом "Обрезка" откадрирую изображение. В моем случае сделаю его почти квадратным.

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

Инструментом Заливка закрашу область выделения в серый цвет. Само выделение уберу клавишей DELETE.

Кликнув на значок настройки слоя в окне слоев, ползунком, который появился, уменьшу прозрачность заливки.

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

В текстовом диалоговом окне нажимаю на значок "Выбора цвета" и для шрифта выбираю белый цвет.

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

Сохраняю готовую работу, зайдя в раздел меню "Файл" --->>>Сохранить.

Формат выбираю - PXD. Это формат редактора, открыв этот файл в программе, можно всегда внести изменения.
И сохраню файл в формате JPEG. В этом формате изображение можно публиковать.

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

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

Видео версия этого урока находится в курсе "Фотошоп для соц сетей и не только"
Перейти--->>>

Зарегистрироваться