30 уроков по созданию плакатов в Photoshop
Научиться делать качественные плакаты Лучше всего начать с нескольких хороших руководств, которые я разрешаю вам, оставив вам их прекрасную подборку в этом посте.
Всего их тридцать, и хотя я не думаю, что вы их все сделаете, самое интересное ждет вас.
Содержание статьи соответствует нашим принципам редакционная этика. Чтобы сообщить об ошибке, нажмите здесь.
Полный путь к статье: Интернет-объявления » Общие » Графический дизайн » 30 уроков по созданию плакатов в Photoshop
Будьте первым, чтобы комментировать
20 уроков по созданию постеров и флаеров в Photoshop.
Таковы скромные итоги моего 2017 года. Помимо всего вышеперечисленного я занимался (и занимаюсь!) дизайном некоторых интересных мне мероприятий (концертов и музыкальных фестивалей) — иногда бесплатно, но чаще за символические суммы.
Немного предыстории: в течение последних лет я был организатором концертов в клубах Москвы и мне часто приходилось делать афиши, баннеры, флаеры и прочие рекламные материалы. И вот совсем недавно ко мне пришло яркое осознание того, что это именно та сфера дизайна, которая получается у меня лучше всего. И при этом очень мне интересна!
Поэтому я решил заняться этим всерьёз. Просмотрев множество афиш и плакатов на Pinerest и Behance понял, что мои навыки работы в Photoshop, оставляют желать лучшего)) А также то, что мой багаж креативных решений и графических приемов весьма скуден.
И вот новая цель появилась сама собой: изучить подходы и инструменты создания оригинальных афиш, флаеров и баннеров; приемы обработки фотографий; принципы создания коллажей и всего того, что необходимо в работе дизайнера плаката.
Для этого (по своей проверенной схеме!) я отобрал 20 видео-уроков на Youtube. Старался выбирать наиболее разнообразные уроки, в которых отражены различные приемы и концепции дизайна плаката. Как обычно буду точно копировать урок и делать один свой плакат в стиле каждого урока. Таким образом, по завершении цели в моей папке должно оказаться 40 готовых плакатов. На завершение этой цели даю себе 4 месяца.
Глобальная цель: создание групп-портфолио ВК и Инстаграмм, с помощью которых начать систематично принимать заказы на дизайн плакатов (рекламы) и зарабатывать на любимом деле!)) Т.е. превратить свое хобби в стабильный заработок и получать от этого удовольствие! Работы предстоит много :)))
Критерий завершения
Создание 20 постеров (флаеров) по отобранным мной видео-урокам, а также 20 постеров в стиле каждого из уроков. Цель считаю завершенной при наличии 40 законченных постеров.
Личные ресурсы
Adobe Photoshop CC, Youtube, терпение и усидчивость 🙂
Создаём Кинопостер в Photoshop
Сегодня вы узнаете, как создать кинопостер в Adobe Photoshop, в сочетании с конструктором постеров Placeit!
Мы сконцентрируемся на создании пост-апокалиптической цветовой коррекции с использованием корректирующих слоёв, а также узнаем, как быстро и легко добавить типографику с помощью Placeit. Давайте приступим!
Исходные материалы
Следующие исходные материалы были использованы для создания данного урока:
Ещё больше ресурсов вы можете найти на Envato Elements!
1. Создаём Красно-Чёрный Силуэт Персонажа
Перед тем, как мы приступим, мы создадим основу и основной фокус нашего постера. В настоящем постере фильма, это то место, где будет расположен герой!
Шаг 1
Создайте новый документ со следующими размерами 4349 x 5907 px, разрешение (Resolution) 300.
Шаг 2
Добавьте слой-заливку Цвет (Color Fill), цвет заливки чёрный.
С помощью инструмента Градиент (Gradient) или Кисть (Brush Tool), создайте градиент от красного #ef0000 до прозрачного, потянув градиент с нижней точки холста.
Шаг 3
С помощью большой мягкой круглой кисти, цвет кисти чёрный, прокрасьте градиент в левой и в правой части холста.
Шаг 4
С помощью инструмента Прямоугольник (Rectangle Tool), создайте вертикальный прямоугольник красного цвета #ff0000 вдоль всей высоты холста.
Шаг 5
Добавьте исходное изображение модели на наш рабочий документ, преобразуйте слой с моделью в обтравочную маску к слою с красным прямоугольником.
Поменяйте режим наложения для данного слоя с моделью на Умножение (Multiply).
Сгруппируйте все слои, созданные на данный момент урока в одну группу, назовите эту группу «Base.»
2. Планируем и Размещаем Элементы Композиции
Далее, мы добавим второстепенных персонажей – в данном случае, врагов нашей героини.
Шаг 1
Добавьте исходные изображения Выживший 1 и Выживший 2 на наш рабочий документ, расположив их рядом друг с другом, но смотрящие в разные стороны. Это поможет выделить главного женского персонажа.
Шаг 2
Далее, добавьте третье исходное изображение Выживший 3, расположив его между двумя предыдущими выжившими воинами.
Чтобы правильно расположить его и выбрать нужную позицию, отделите изображение данного персонажа от заднего фона с помощью инструмента Лассо (Lasso Tool) – создайте примерное выделение так, чтобы вы могли видеть персонажей позади него.
Шаг 3
Наконец, добавьте четвёртое исходное изображение Выживший 4 на наш рабочий документ, поменяйте режим наложения для данного слоя с изображением воина на Замена светлым (Lighten).
Он будет представлять нашего основного плохого парня, поэтому, давайте сделаем его не только больше, но а также расположим его над всеми нашими остальными персонажами.
Очень полезно вначале разместить всех персонажей по месту, а затем отделить их от заднего фона, таким образом, вы можете обыграть разные расстановки композиции или подобрать другие изображения на выбор. Это поможет вам не тратить время на удаление заднего фона при выделении людей или объектов, которые вы в конечном итоге не используете.
3. Создаём Песчаный Постапокалиптический Фотоэффект
Прежде чем мы пойдем дальше, мы проведём цветовую коррекцию, создав песочный цветовой эффект. Зачастую, я оставляю этот шаг напоследок, но учитывая интенсивность этого эффекта, в частности, лучше сделать это раньше, чтобы у вас было лучшее видение результата.
Ниже представлены корректирующие слои, они будут располагаться в палитре слоёв снизу вверх, при этом они должны быть расположены поверх всех добавленных слоёв в будущем.
Шаг 1
Добавьте корректирующий слой Поиск цвета (Color Lookup).
Настройки корректирующего слоя Поиск цвета (Color Lookup).
- 3DLUT: Bleach Bypass
- Непрозрачность (Opacity): 50%
Шаг 2
Добавьте корректирующий слой Поиск цвета (Color Lookup).
Настройки корректирующего слоя Поиск цвета (Color Lookup).
- 3DLUT: Foggy Night
- Непрозрачность (Opacity): 20%
Шаг 3
Добавьте корректирующий слой Поиск цвета (Color Lookup).
Настройки корректирующего слоя Поиск цвета (Color Lookup).
- 3DLUT: Crisp Warm
- Непрозрачность (Opacity): 40%
Шаг 4
Добавьте корректирующий слой Поиск цвета (Color Lookup).
Настройки корректирующего слоя Поиск цвета (Color Lookup).
- 3DLUT: Edgey Amber
- Непрозрачность (Opacity): 50%
Шаг 5
Добавьте корректирующий слой Поиск цвета (Color Lookup).
Настройки корректирующего слоя Поиск цвета (Color Lookup).
- 3DLUT: Horror Blue
- Непрозрачность (Opacity): 100%
- Режим наложения (Layer Mode): Темнее (Darker Color)
Шаг 6
Добавьте корректирующий слой Выборочная коррекция цвета (Selective Color).
Настройки корректирующего слоя Выборочная коррекция цвета (Selective Color).
Красные (Reds)
Синие (Blues)
- Голубые (Cyan): +100%
- Пурпурные (Magenta): +3%
- Жёлтые (Yellow): -96%
Шаг 7
Добавьте корректирующий слой Поиск цвета (Color Lookup).
Настройки корректирующего слоя Поиск цвета (Color Lookup).
- 3DLUT: Teal Orange Plus Contrast
- Непрозрачность (Opacity): 62%
- Режим наложения (Layer Mode): Цветность (Color)
Сгруппируйте все корректирующие слои в одну группу, назовите эту группу «Color Grade».
4. Составляем Композицию из Нескольких Объектов
Теперь, когда мы провели цветовую коррекцию и наши персонажи размещены по месту, мы можем наконец объединить их все вместе.
Шаг 1
Отделите изображения воинов слева и справа от заднего фона, используя технику выделения, которую вы предпочитаете использовать, в данном случае, я использовала инструмент Перо (Pen Tool). Ознакомьтесь с моим уроком Создаём Цветочную Сцену с Пчёлами в Photoshop, чтобы увидеть мою технику выделения объектов!
Теперь пришло время точно определить их точное местоположение.
Шаг 2
Отделите третьего воина от заднего фона, расположив его спереди. Я также слегка увеличила изображение данного воина, чтобы придать персонажам больше структуры.
Шаг 3
Отделите четвёртого воина от заднего фона, самое большое изображение, с помощью инструмента Волшебная палочка (Magic Wand Tool). Нам нужно, чтобы на данном изображении были в основном выделены световые блики, поэтому, создайте грубое выделение с рванными и неровными краями.
Убедитесь, чтобы режим наложения для данного слоя с изображением воина был установлен на Замена светлым (Lighten), а сам воин был расположен позади всех других персонажей.
Сгруппируйте все слои с персонажами в одну группу, назовите эту группу «Subjects.»
5. Рисуем Световые Блики и Быстро Совмещаем Персонажей
Учитывая темноту всего изображения, важно убедиться, что ваши персонажи выделяются на своём фоне; добавление отдельных ярких световых бликов — отличный способ сделать это!
Шаг 1
Создайте новый слой поверх слоя с группой «Subjects«.
С помощью маленькой жёсткой круглой кисти, создайте рваный контур красного цвета вокруг трёх изображений воинов, расположенных внизу.
Если у вас нет графического планшета, тогда увеличьте значение Сглаживания (Smoothing) кисти до 30-50% и с помощью инструмента Палец (Smudge Tool), размажьте кончики линий.
Шаг 2
Создайте новый слой поверх слоя с красным контуром.
С помощью большой мягкой круглой кисти, цвет кисти чёрный, добавьте тени ниже трёх воинов в нижней части холста.
Только не скройте какие-либо важные детали, такие как оружие воинов, а также убедитесь, чтобы не было видно нижних краёв изображения воинов, и был создан плавный переход чёрного цвета.
6. Добавляем Типографику Используя Конструктор Постеров Placeit
В заключение, мы перенесём наш постер на Placeit для работы с конструктором постеров, чтобы добавить заголовок фильма и другой соответствующий текст!
Шаг 1
Сохраните дизайн своего постера либо в формате JPG либо в формате PNG с максимальным размером 12 MB.
Я бы предложила установить ширину не менее 3600 px.
Шаг 2
Просмотрите все шаблоны постеров, имеющиеся на сайте placeit.net > Designs и дальше идём во вкладку «Poster».
Я использую первый вариант шаблона Horror Film Poster Template.
Шаг 3
Прокрутите список шаблонов вниз, чтобы увидеть имеющиеся доступные пресеты в жанре ужасов.
Я использую пресет «Ritual». Не смотря на то, что это пресет в жанре ужасов, а наш фильм больше похож на постапокалиптический жанр боевиков, Placeit предлагает вам множество вариантов настройки!
Шаг 4
Не смотря на то, что Placeit имеет свою библиотеку изображений, доступных для использования, мы, конечно же, используем свои собственные.
Для этого, выберите опцию Пользовательское изображение (Custom Image) с правой стороны, где расположены фоновые изображения.
Выберите свой сохранённый постер в формате PNG или JPG.
Обрежьте своё изображение с помощью простой функции обрезки слайдера Placeit, если это необходимо.
Шаг 5
Добавьте свой собственный текст, заменив текст, который встроен по умолчанию в левой части экрана.
Изменения происходят в живую и в режиме реального времени!
Шаг 6
После того, как добавили свой текст, вы можете начать менять цвет, шрифт и расположение шрифта!
Я использую бледно-жёлтый цвет #f4d150 для шрифта заголовка, чтобы выделить его.
С помощью инструмента Палитра цветов (Color Picker Tool) в Photoshop, отберите цветовые оттенки прямо с постера.
Шаг 7
Далее, я поменяю шрифт на Ultra.
Шаг 8
В заключение, чтобы завершить полностью дизайн, я собираюсь настроить расположение текста.
Для этого, в Placeit, перетащите текст туда, где вы хотите его разместить. Ещё раз напоминаю, что это интерактивное редактирование!
Здесь также есть направляющие линии, которые помогут вам выровнять всё идеально!
Мы завершили урок!
Единственное, что важнее композиции или цветовой коррекции кинопостера — это сам текст! Он должен быть ярким, читабельным и иметь что-то, что привлекает внимание!
Поэтому, как всегда, продолжайте экспериментировать с различными методами и не забудьте опубликовать свою версию ниже, включая любые вопросы, комментарии или критические замечания!
Хотите узнать больше? Тогда почему бы вам не взглянуть на следующие отличные уроки по созданию фото манипуляций:
Как сделать плакат в фотошопе
Приближается день рождения вашего маленького именинника и вам хочется запечатлеть важные события и фотографии на плакате, но вы никак не можете найти подходящий шаблон? Тогда вы можете попробовать сделать плакат самостоятельно. Для этого вам понадобиться графическая программа фотошоп, составляющие для плаката (это фон, клипарт, рамки-вырезы, надписи) и конечно же ваша фантазия.
1 шаг. Подумайте над идей плаката. Что именно вы хотите видеть на нем? В каком стиле хотите оформить плакат? Какой будет фон плаката, картинки на нем? Идеи плакатов можно придумать самим или поискать примеры в интернете.
2 шаг. Отберите фотографии, которые будут на плакате. Фотографий должно быть не больше 20-25шт. Лучше сделать два плаката, чем перегружать один большим количеством фотографий. Фотографии должны быть хорошего качества, не засвеченные и незатемненные. Избегайте темных фонов.
3 шаг. Найдите составляющие для плаката. Это фон, клипарт, отрисовки и рамки-вырезы. Все составляющие плаката должны быть высокого разрешения. Желательно чтобы все элементы вашего плаката сочетались друг с другом и были в одном стиле. Очень важно сочетание цветов не только самих картинок, но и с цветовой гаммой ваших фотографий. Все эти составляющие для плаката можно найти в интернете, набрав в поисковике, например, «клипарт» или «фоны для фотошоп»
Итак, начнем. Я подробно опишу, как сделать красивый плакат самостоятельно.
Открываем новый документ в фотошопе и выбираем размеры вашего плаката.
А1 (594ммх841мм) или А2 (420ммх594мм) или др. Разрешение 300 пикс/дюйм.
Открыв чистый лист сразу сохраним в формате фотошопа PSD
Фаил – Сохранить как – (пишем имя для плаката) – Тип файла – PSD –
Открываем фон для плаката
(я выбрала фон с полянкой) и перетаскиваем его на наш белый лист плаката
Размер фона меньше чем наш плакат, поэтому его нужно растянуть до нужных размеров.
Выбираем на левой боковой панели Инструмент перемещение (вторая сверху стрелка) Нажимаем на клавиатуре кнопку shift и удерживая левую кнопку мыши тянем за уголки фона.
Итак мы поставили фон на наш плакат.
Теперь сделаем надпись
Надпись можно написать самим при помощи инструмента
текст «Т» либо взять уже готовую надпись.
Я открою уже готовую надпись, которая есть в моем архиве.
Открываем и перетаскиваем на фон плаката. Если надпись надо уменьшить или увеличить, то делаем это также с помощью клавиши shift и потянув левой кнопкой мыши за уголки надписи.
В нижнюю часть плаката я хочу поставить паровозик.
Я нахожу клипарт паровозик, вагончики и рельсы. Открываю и перетаскиваю всё на фон плаката.
Далее мне нужно выбрать рамочки в которые я буду вставлять фотографии
и разместить их на моем плакате.
Рамочки можно сделать самостоятельно (см. урок). А можно выбрать уже готовые. В данном уроке я взяла несколько разноцветных рамочек и разместила их на плакате. Количество и расположение рамочек зависит от количества ваших фотографий.
Чтобы сделать копию рамочки, выбираем в верхнем меню
Слои – создать дубликат слоя
Или на панели Слои – выбираем слой с нужной рамочкой – правой кнопкой мыши – создать дубликат слоя
Чтобы повернуть рамочку
Нажимаем правую кнопку мыши – Поворот
Нажимаем на уголок рамочки и удерживая левую кнопку мышки поворачиваем рамочку
в нужную сторону.
Под центральной рамочкой я решила написать небольшое стихотворение.
Для этого нужно скопировать стих и вставить при помощи инструмента «Текст» «Т»
На левой боковой панели выбираем инструмент «Т» (текст) Наводим курсор мыши на место на плакате, куда хотим вставить стихотворение. Нажимаем правую кнопку мыши и выбираем вставить (вклеить)
Редактировать Текст можно в окне «Палитры символов и абзацев» Выбрать её можно в верхнем меню. Само окно откроется справа от плаката. здесь мы выбираем цвет вид, размер шрифта и абзаца.
Так же это можно сделать и верхнем меню.
Размещаем клипарт на плакате.
Открываем клипарт (картинки мультигероев) и перетаскиваем их на плакат
Получаем шаблон нашего плаката.
Размещаем фотографии на плакате.
Если фотографии оказалась над рамочкой, переместить ее можно с помощью она Слои.
В нем перетаскиваем мышкой слой фотографии под слой рамочки.
Для того что бы уменьшить размер фотографии или увеличить, нужно удерживая клавишу shift, потянуть за уголок фотографии и растянуть или уменьшить фотографию до нужного размера.
Разместив все фотографии получился вот такой плакатик.
Сохраняем плакат в формате jpg
Выбираем в Меню – Файл — Сохранить как
Выбираем формат — JPEG ( jpg) . Нажимаем сохранить
Появится окно с параметрами. Выбираем Подложка — без цвета.
Качество — наилучшее.
Базовый (стандартный).
Ваш плакат готов, можно распечатать и любоваться результатом!