Статья предназначается для той категории графических дизайнеров, которые уже хорошо пользуются программами (Photoshop, Illustrator) и с технической стороной исполнения проблем вроде бы нет.
Также у вас уже выросла более-менее насмотренность, и вы часто можете увидеть без подсказки со стороны, сделали вы сами хороший макет или так себе.
Если вы дизайнер-новичок или уровня Junior (младший дизайнер) и интересуетесь дизайном рекламы для соцсетей, то наверняка пробовали делать креативные баннеры для таргетированной рекламы (они же креативы), как у крутых ребят. Далее буду приводить примеры от разных дизайнеров, в работе я беру пример с них и использую похожие приемы.
Вероятно, вы пока не можете понять, почему получается так себе и в чем рецепт яркого интересного макета, картинка в голове не складывается, не получается придумывать. Тупите, пихаете в картинку все подряд, объекты слишком большие, слишком маленькие, цвета унылые, пусто, густо, скучно выглядит текст и так далее.
Чтобы научиться делать баннеры хорошо, нужно просмотреть их целую кучу (на behance они находятся по запросу social media banners или "креативы для таргета smm"), а еще лучше — стараться разобрать на составляющие и пытаться повторить.
Я не буду здесь разбирать все-все-все приемы, для начала остановлюсь только на фонах. Это тоже частая проблема — трудно подобрать фон. Также не буду объяснять технические моменты, так как статья скорее теоретическая.
Практически все здесь сделано с помощью одних и тех же приемов — маски, режимы наложения, кистью цветное пятно нарисовать и так далее.
Какие фоны сейчас часто используются в баннерах?
1) Фото с наложением цвета
Фото по теме, сверху заливка прозрачная нужного цвета, где-то поплотнее, где-то попрозрачнее. Можно градиентом.
2) Сплошной цвет
Можно залить фон одним цветом, но если вы сделаете только это, будет выглядеть как-то недоработанно, скучно. В остальных случаях чаще все-таки получается уныло.
На примерах выше некоторые участки фона слегка затемнены либо подсвечены (мазнули более светлым цветом ярким, не слишком заметно), часто добавляют сверху шум.
Вместо чисто черного 000000 используем, например, 252525, вместо белого ffffff — какой-нибудь совсем слегка бежевый или сероватый.
Есть вариант добавить в фоновый цвет какое-то яркое пятно другого цвета, но это уже скорее к градиентам.
Есть хорошие примеры, когда фон сплошным цветом и не скучно — в сочетаниях с иллюстрацией.
Здесь нарисованные человечки, им нормально. Более реалистичные объекты без дополнительной обработки приуныли бы.
3) Градиент и цветные пятна
Сделали одно пятно, несколько пятен (кисточкой мягкой), градиент. Что касается градиента, его важно делать более равномерным, не делать резкий переход из очень светлого в очень темный.
4) Текстуры
Сюда относятся более естественные, реалистичные вещи — ткань, мятая бумага, дым, пыль, царапины, шероховатости, блестки, световые вихри и многое другое.
5) Паттерн
Паттерн — тоже текстура, но искусственная. Сюда относятся повторяющиеся узоры, геометрические фигуры, рисунки, текст. Часто у них снижают процент непрозрачности, все-таки это фоновый рисунок. К верхнему правому примеру это не относится, там фоновый рисунок яркий, розово-синий — но и баннер достаточно лаконичный.
Я перечислила основные виды фонов в рекламных баннерах. Тему можно развить и углубить, но чаще всего именно эти приемы вы увидите в макетах. Надеюсь, эта информация оказалась полезной для вас!