Создаем креативный постер в Photoshop • ARTshelter
В этом уроке вы узнаете, как, используя стоковое фото с изображением чернил в воде и нескольких текстовых слоев, создать креативный постер в Photoshop. Данный эффект лучше всего смотрится на однотонном фоне. Стоковую картинку вы можете найти в Интернете или скачать на сайте Envato Elements.
Перед началом загружаем все необходимые материалы:
- программа Adobe Photoshop (пробную версию можно скачать на сайте Adobe
- Чернила в воде
- Шрифт Bw Nista International
Оригинальная картинка из урока платная, но в архиве вы найдете бесплатные альтернативные версии исходников. Также на сайте Google Fonts можно подобрать подходящий для вашей работы бесплатный шрифт, например, Roboto или Lato. Об установке шрифтов можете почитать в этом уроке.
Скачиваем картинку, устанавливаем шрифт и приступаем к работе!
Создаем новый документ
Шаг 1
В программе Photoshop переходим File – New (Файл – Новый), чтобы создать новый документ.
Шаг 2
На панели Window – Layers (Окно – Слои) в нижней части нажимаем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Solid Color (Цвет) или переходим Layer – New Fill Layer – Solid Color (Слой – Новый слой-заливка – Цвет). В открывшемся окне Color Picker (Выбор цвета) выбираем черный цвет (#000000) и жмем ОК.
Шаг 3
Жмем сочетание клавиш Ctrl+R, чтобы активировать линейки по бокам документа. Затем в верхнем меню переходим View – New Guide (Просмотр – Новая направляющая). В окне New Guide (Новая направляющая) выбираем Horizontal (Горизонтальная) и устанавливаем положение на 50 пикселей.
Жмем ОК.
Создаем такие же направляющие по всем сторонам документа, отступив от края 50 пикселей. Чтобы скрыть/показать направляющие, используем комбинацию клавиш Ctrl+;.
Вставляем картинку с чернилами
Шаг 1
Перетаскиваем файл с чернилами в Photoshop.
Шаг 2
С помощью комбинации клавиш Ctrl+T активируем свободную трансформацию и корректируем размер изображения. Для этого на верхней панели параметров между шириной и высотой жмем на кнопку Maintain Aspect Ratio (Сохранять пропорции). Затем устанавливаем Width (Ширина) на 300%. При этом Height (Высота) изменится автоматически. Закончив, жмем Enter.
Шаг 3
С помощью Move Tool (V) (Перемещение) размещаем чернила по центру. Они должны быть направлены сверху вниз, поэтому размещаем картинку вплотную к верхнему краю документа.
Шаг 4
На панели слоев выбираем слой с чернилами.
Кликаем по нему правой кнопкой и применяем Rasterize Layer (Растрировать слой). Затем дублируем слой комбинацией клавиш Ctrl+J.
Шаг 5
Чтобы создать эффект погружения текста в чернила, нам нужно воспользоваться маской. На панели слоев выбираем верхнюю копию слоя с чернилами и в нижней части жмем на кнопку
Добавляем текст
Сперва нам нужно наметить расположение текста. Также он должен находиться на отдельных слоях. Это даст нам возможность свободно двигать элементы постера, пока мы не получим нужный результат.
Шаг 1
На панели инструментов выбираем Text Tool (T) (Текст).
Кликаем в любом месте документа и пишем слово «DER». Чтобы настроить внешний вид текста, открываем панель Type – Panels – Character Panel (Текст – Панели – Панель символов). Здесь мы выбираем шрифт Bw Nista International c жирным начертанием и устанавливаем размер на 265 пт.
Шаг 2
Тем же инструментом добавляем остальные слова «KLANG VON MUSIK». Каждое слово должно находиться на отдельном слое.
Шаг 3
Давайте красиво распределим текст.
Размещаем строки друг над другом, оставив между ними небольшое расстояние. Необязательно, чтобы все было идеально. Подвигайте их по горизонтали, это добавит динамики.
Главное, следите, чтобы ни одна строка текста не касалась боковых направляющих.
Шаг 4
С зажатой клавишей Ctrl на панели слоев выбираем все четыре текстовых слоя, затем на верхней панели нажимаем на кнопку Distribute Vertical Center
Шаг 5
Теперь мы должны разместить текстовые слои между двумя копиями чернил. Выбираем все четыре текстовых слоя и жмем Ctrl+G, чтобы объединить их в группу, или перетаскиваем мышкой на кнопку в нижней части панели Create a new group (Создать новую группу).
Размещаем группу между двумя слоями с чернилами. Очень важно распределить слои именно в таком порядке. Мы оставим видимыми только некоторые детали верхнего слоя с чернилами, чтобы они частично перекрывать текст.
Объединяем текст и чернила
Шаг 1
На панели слоев выбираем маску верхнего слоя с чернилами. Жмем Ctrl+I, чтобы инвертировать ее цвет с белого на черный. Это скроет все содержимое данного слоя.
Шаг 2
На панели инструментов выбираем Brush Tool (B) (Кисть). Устанавливаем цвет переднего плана на белый, а заднего – на черный. Чтобы переключаться между этими цветами, используем клавишу Х. Это пригодится чуть позже.
Кликаем правой кнопкой по документу и настраиваем кисточку. Устанавливаем Size (Размер) на 80 пикселей. Для быстрого изменения диаметра кисти во время работы используйте клавиши [ и ]. Также устанавливаем
Шаг 3
Убедитесь, что у вас все еще выбрана маска слоя с чернилами.
С помощью настроенной кисточки проводим по слою, чтобы восстановить нужные части чернил поверх текста. Если вы сделали лишний штрих, то переключите цвет на черный (клавиша Х) и доработайте нужное место.
Учитывайте форму чернил. Обратите внимание, как они двигаются, создавая плавные формы и накладываясь друг на друга. Чтобы создать нужный эффект, чернила должны обтекать текст. Посмотрите на пример ниже:
Шаг 4
Повторяем действия для всех строк текста. Работайте на свое усмотрение, здесь нет верного или неверного подхода.
Шаг 5
Закончив со словами, мы должны добавить тени, чтобы усилить эффект. Жмем комбинацию клавиш Shift+Ctrl+N, чтобы создать новый слой. В открывшемся окне пишем название слоя «Тень». Жмем ОК.
Размещаем этот слой над группой с текстом.
Шаг 6
Берем Brush Tool (B) (Кисть). Кликаем правой кнопкой по документу и настраиваем кисточку. Устанавливаем Size (Размер) на 80 пикселей и Hardness (Жесткость) – на 0%.
Шаг 7
Убедитесь, что у вас выбран слой «Тень». Настроенной выше кисточкой проводим по каждой букве в тех местах, где чернила обволакивают текст. Это добавит легкую тень и эффект глубины, благодаря чему работа будет смотреться объемно и реалистично.
Вам может показаться, что тень едва заметна. На панели слоев рядом с названием слоя есть кнопка в виде глаза, которая отключает/включает видимость слоя. Нажмите на нее и сравните результат с тенью и без. Тогда вы увидите, что, на самом деле, легкой полупрозрачной тени более чем достаточно. Такие незначительные детали могут как улучшить, так и испортить финальный результат.
Шаг 8
Создаем новый слой (Shift+Ctrl+N). В открывшемся окне пишем название «Внешняя обводка» и жмем ОК. Также проверяем, чтобы этот слой находился выше группы с текстом.
Шаг 9
Включаем направляющие нажатием клавиш Ctrl+;.
На панели инструментов активируем Rectangle Tool (U) (Прямоугольник). По внутренней стороне синих направляющих рисуем прямоугольник.
Шаг 10
На верхней панели отключаем заливку и устанавливаем цвет обводки на белый, а ширину – на 25 пт. Жмем Enter.
Шаг 11
Выбираем маску верхнего слоя с чернилами и активируем Brush Tool (B) (Кисть). Повторяем те же действия, что для текста, и восстанавливаем часть чернил.
Диаметр кисти – 80 пикселей, жесткость – 100%, непрозрачность – 100%. Закрашиваем верхнюю часть обводки, чтобы скрыть ее под чернилами.
Добавляем финальные детали
Давайте добавим последние детали на постере. Берем Text Tool (T) (Текст) и открываем панель Characters (Символ). Если она закрыта, переходим Type – Panel – Characters Panel (Текст – Панели – Панель символов).
Ниже текст, который я добавила, с размерами, начертанием и межстрочным интервалом.
- 18.06 – 20.06.2018 (BW Nista International, Size (Размер) – 54 пт, Leading (Интерлиньяж) – 57 пт, начертание Bold)
- AUSBURG KUNST UND KULTUR AKUKCOM (BW Nista International, Size (Размер) – 30 пт, Leading (Интерлиньяж) – 32 пт, начертание Thin)
- ALTE KONGRESSHALLE ALEXANDERPLATZ U5 (BW Nista International, Size (Размер) – 54 пт, Leading (Интерлиньяж) – 57 пт, начертание Bold)
Обратите внимание, что каждый слой я разместила в разные углы документа. Это необходимо для того, чтобы дополнить основные элементы композиции и сбалансировать дизайн.
Как сохранить файл для веба
Переходим File – Save (Файл – Сохранить) и сохраняем документ обычным способом.
Чтобы сохранить в формате JPEG для веба, переходим File – Save for Web (Файл – Сохранить для веба) или используем комбинацию клавиш Shift+Alt+Ctrl+S.
В открывшемся окне выбираем формат файла – в моем случае JPEG – и устанавливаем Quality (Качество) на 100. Ниже в меню Image Size (Размер изображения) можете подкорректировать размер в пикселях, если на сайте, куда вы собираетесь загружать работу, есть какие-либо ограничения по размеру.
Жмем Save (Сохранить), выбираем место на компьютере и в диалоговом окне жмем кнопку Сохранить.
Поздравляю! Мы закончили!
В этом уроке вы узнали, как создать креативный постер в Photoshop, используя типографику и картинку с чернилами. Вы научились:
- Использовать маски чтобы скрывать/восстанавливать участки изображения.
- Добавлять тень для создания эффекта глубины.
- Грамотно распределять элементы композиции, чтобы создать иллюзию объема.
Если вам понравился урок, поделитесь им с друзьями в социальных сетях, используя кнопки ниже. Приятного творчества!
30 уроков по дизайну плакатов в Photoshop
Photoshop — настолько мощный инструмент, что позволяет нам сосредоточить наши усилия на выполнении множества различных задач, и одно из них — создание плакатов.
Научиться делать качественные плакаты Лучше всего начать с нескольких хороших руководств, которые я разрешаю вам, оставив вам их прекрасную подборку в этом посте.
Всего их тридцать, и хотя я не думаю, что вы их все сделаете, самое интересное ждет вас.
Источник | Ванделай
Создайте яркий плакат на космическую тематику в Photoshop
Создайте профессиональный плакат телешоу о дикой природе
Подпишитесь на наш Youtube-канал
Создайте профессиональный постер романтического комедийного фильма в Photoshop
Создайте винтажный плакат с планетным пейзажем в Photoshop
Создайте эффектный постер фильма в западном стиле в Photoshop
Создайте в Photoshop постер на тему космоса в стиле ретро
Создайте стильный ретро-футуристический постер в Photoshop
Объедините стоковую фотографию, чтобы создать абстрактный макет плаката
Начальный плакат с Repousse в Photoshop CS5
Создайте грандиозный постер в Photoshop
Создайте классический плакат с засечками
Как создать плакат к фильму 1980-х годов в Photoshop
Создайте винтажный плакат с памятными вещами
Как сделать веселый ретро музыкальный постер в Photoshop
Создайте дизайн плаката на тему освежающего пива в Photoshop
Как создать постер средневекового фильма в Photoshop
Создайте постер фильма в стиле Черного лебедя
Постер Темный рыцарь: восстание в фотошопе
Создайте ретро-постер в Photoshop
AfterLife — Абстрактное руководство
Сделайте тизер фильма о супергероях
Создайте плакат фильма «Пираты Карибского моря»
Создайте винтажный гранж-постер в Photoshop
Создайте креативный ретро-постер
Создайте плакат старинного паровоза в Photoshop
Создайте забавный дизайн плаката фильма ужасов в Photoshop
Создайте плакат на космическую тематику в Photoshop
Создайте замечательный плакат с декоративными элементами
Как создать эффектный модный постер в Photoshop
Как создать насыщенный постер фильма в Photoshop
Содержание статьи соответствует нашим принципам редакционная этика.
Чтобы сообщить об ошибке, нажмите здесь.
Вы можете быть заинтересованы
20 уроков по созданию плакатов с помощью Photoshop
Этот обзор Photoshop содержит 20 лучших уроков Photoshop для обучения созданию плакатов с помощью Photoshop. Обзор включает в себя коллекцию самых лучших руководств по дизайну, которые помогут вам создать собственный плакат. Существует ряд руководств для любого уровня навыков, будь то новичок в Photoshop или мастер Photoshop.
Надеюсь, вам понравится наш обзор, и я хотел бы услышать ваше мнение в разделе комментариев ниже.
Мы будем учиться делать постер к фильму в Adobe Photoshop в паре с программой для создания постеров Placeit!
Если вы хотите научиться делать постер к фильму, попробуйте повторить работу профессионала. Таким образом, вы можете узнать о тенденциях и методах с четкой целью. В этом уроке
Узнайте, как создать потрясающий музыкальный плакат с разделенным изображением. В этом уроке мы будем использовать сочетание основных инструментов Photoshop, которые позволят нам создать визуально сильный постер.
Узнайте, как создать эффект винтажного шрифта, используя советы Криса!
Узнайте, как создать эффект винтажного шрифта, используя советы Криса!
6. Как создать красочный постер в стиле ретро за несколько простых шагов
Узнайте, как создать обои в стиле ретро с помощью этого урока Photoshop! Этот урок покажет вам, как создать обои с блестящей текстурой, множеством бликов и ярких цветов.
7. Как создать потрясающий постер в смешанной технике в Photoshop
Узнайте, как создать эту творческую композицию с использованием различных графических элементов. В этом уроке вы узнаете, как легко создавать футуристические фигуры с помощью инструментов «Путь» и комбинировать их с фотографиями и кистями для создания этого постера в смешанной технике.
8. Создайте красочный постер в стиле ретро в Photoshop и Illustrator
Сделайте снимок и превратите его в удивительное произведение искусства в стиле ретро с помощью Photoshop и Illustrator.
9. Создайте плакат по мотивам фильма «Наследие Борна»
Создайте постер с полосатой маской, как постер фильма «Наследие Борна», в Photoshop CS6. Это простое руководство подходит для начинающих и покажет вам, как создать этот постер, используя только методы неразрушающего редактирования.
Создайте в Photoshop CS6 постер с полосатой маской, как постер фильма «Наследие Борна». Это простое руководство подходит для начинающих и покажет вам, как создать этот постер, используя только методы неразрушающего редактирования.
В этом уроке вы узнаете, как использовать основные приемы дизайна для создания яркого плаката в Adobe Photoshop.
Концертные плакаты — отличное развлечение для дизайнера. Обычно у вас есть музыка группы для вдохновения, и помимо этого, все идет. Эти плакаты часто абстрактны и часто могут быть невероятным выражением искусства. Но чаще всего вы работаете с ограниченным бюджетом и ограниченным временем.
Значит нужно создать что-то невероятное, быстро и недорого.
Концертные плакаты — отличное развлечение для дизайнера. Обычно у вас есть музыка группы для вдохновения, и помимо этого, все идет. Эти плакаты часто абстрактны и часто могут быть невероятным выражением искусства. Но чаще всего вы работаете с ограниченным бюджетом и ограниченным временем. Значит нужно создать что-то невероятное, быстро и недорого.
Концертные плакаты — отличное развлечение для дизайнера. Обычно у вас есть музыка группы для вдохновения, и помимо этого, все идет. Эти плакаты часто абстрактны и часто могут быть невероятным выражением искусства. Но чаще всего вы работаете с ограниченным бюджетом и ограниченным временем. Значит нужно создать что-то невероятное, быстро и недорого.
15. Создайте замечательный плакат с декоративными элементами
В этом уроке я также объясню, как создавать другие украшения, такие как полутона, трехмерные звезды, пузыри и ленты.
Сцены галактического космоса — популярная тема для цифрового искусства, они полны текстур и ярких цветов, которые являются двумя составляющими потрясающего дизайна! Используя режимы наложения Photoshop вместе с сочетанием текстур и кистей, давайте заблудимся в космосе и создадим абстрактный дизайн постера с космосом.
Сцены галактического космоса — популярная тема для цифрового искусства, они полны текстур и ярких цветов, которые являются двумя составляющими потрясающего дизайна! Используя режимы наложения Photoshop вместе с сочетанием текстур и кистей, давайте заблудимся в космосе и создадим абстрактный дизайн постера с космосом.
Для этого урока вы создадите воодушевляющий плакат, используя типографику, вплетенную в цветы, используя инструмент Layer Mask в Adobe Photoshop.
19. Дизайн постера в стиле ретро в Photoshop
В этом уроке вы научитесь создавать классный плакат с помощью Photoshop и Illustrator. В этом уроке демонстрируются некоторые полезные приемы, совмещающие Illustrator и Photoshop для выполнения работы.
В этом уроке мы создадим созданный фанатами постер фильма с проницательным названием Goodzilla в Adobe Photoshop.
Как сделать постер в Photoshop (профессиональный постер фильма)
Свяжитесь с нами
Каждый день мы видим афиши фильмов и афиши веб-сайтов, и они станут отличным дополнением к вашей маркетинговой кампании. Хотели узнать, как сделать постер в Photoshop?
Согласно моему опыту проектирования, для дизайна плаката или шаблона нам нужны некоторые ключевые элементы в плакате, которые автоматически завершат его дизайн.
В частности, при обсуждении постеров к фильмам у нас должно быть изображение темы для постера посередине, название в центре внизу и, необязательно, имена любых персонажей, которые связаны с постером.
Вы можете добавить свой логотип поверх постеров, если хотите, и основное изображение должно усилить сообщение, поэтому мы должны отредактировать это изображение соответствующим образом.
Если эти вещи есть на вашем плакате и профессионально выровнены, то все готово.
Изображение, которое мы показываем на плакате, должно резюмировать всю концепцию. Вы должны сообщить читателям вашего дизайна, что вы поддерживаете.
В этом уроке я покажу вам, как сделать постер в Photoshop, и, используя эти пошаговые методы, вы сможете сделать постер любого типа, будь то постер фильма, постер веб-сайта или что-то еще.
В этой статье мы создадим большой вертикальный постер размером с рекламный щит, включающий все основные элементы.
Затем, изучив эти приемы, вы сможете применить их к плакату любого размера. Вы можете сделать как горизонтальные, так и вертикальные постеры.
Поехали!
Содержание
Вещи, которые вам нужны
Очевидно, что для дизайна плаката вам сначала понадобится Adobe Photoshop, а затем вам потребуются некоторые другие ресурсы, такие как шрифты и изображения вашего продукта или любая модель, связанная с вашим баннером.
Шаг 1: Настройка файла дизайна баннера
Мы можем взять любой размер, какой захотим, но для этого примера я собираюсь использовать размер A4 для создания этого плаката.
В Photoshop выберите Файл > Создать . Назовите документ по вашему выбору . Set the file to the following dimensions:
- Width to 2480 px
- Height to 3508 px
- Resolution to 300 px
- Colour Mode to RGB
Затем нажмите Создать .
Также вы можете просто зайти в пресеты нового документа и выбрать размер А4 в разделе Печать, чтобы получить этот размер.
Шаг 2: Добавление фона
Прежде всего, мы должны добавить привлекательный фон, чтобы улучшить основу нашего плаката.
В этой статье я буду создавать постер фильма Horror and Blood в Photoshop в качестве примера.
Но эти методы можно применить и к любому другому дизайну.
Перейдите на панель «Слои» и добавьте корректирующий слой «Сплошной цвет» и выберите немного светло-черного цвета, я не использую полностью темный черный цвет.
Цвет, который я собираюсь использовать, имеет цветовой код : 121212.
Теперь я собираюсь сделать прямоугольник из цветового кода : 121212 и повернуть его в верхней половине плаката.
С помощью этой техники мой двухцветный фон готов!
Вы также можете использовать любые готовые фоны из Интернета.
Шаг 3: Добавление основного заголовка (текста)
После добавления нашего фона мы сначала должны добавить наш основной текст, который в данном случае является названием фильма.
Мы добавим наш основной заголовок в центр нижней части постера, как мы видели много постеров фильмов.
Для этого просто перейдите к текстовому инструменту и выберите шрифт, который хотите использовать. В моем случае я буду использовать Eurostile Bold и убедиться, что цвет белый.
Теперь напишите основной текст, так как мой заголовок БОЛЕЗНЬ и затем главное, что мы должны сделать наш заголовок отличным от любого другого текста, используемого на плакате, и сделать так, чтобы вы могли делать любую мелочь, которую можете.
Вы можете добавить к нему градиент или что-то еще, но в этом примере я просто уменьшу взбалтывание текста и для этого просто зайду в свойства текста, Advanced установите взбалтывание на -80.
Я также собираюсь добавить слоган, вы можете добавить имена персонажей или что угодно и установить очень маленький размер текста, и я собираюсь немного увеличить взбалтывание.
Шаг 4: Импорт основного изображения и его редактирование
После добавления фона и основного текста мы должны добавить основное изображение, на котором основан наш постер.
Как и в этом примере, у меня есть модель персонажа, связанная с постером фильма, который я разрабатываю, поэтому я импортировал ее и выровнял по центру документа постера.
Теперь я собираюсь отредактировать основное редактирование, чтобы получить больше концепции от изображения, и для этого я собираюсь добавить немного кровавого пятна позади персонажа и соответствующим образом выровнять их.
Кроме того, я собираюсь добавить немного текста вокруг модели, чтобы она выглядела более профессионально.
Мы будем держать текст за персонажем так, чтобы небольшая часть текста была видна с персонажа.
Вы также можете сделать дубликат текста, установить его Заливку на 0% и добавить обводку на 5%.
Затем поместите дубликат текстового слоя над слоем с символом, чтобы сделать его обводку видимой.
Теперь наш текст скрыт за персонажем, а половина его видна в виде штриха.
Шаг 5: Добавление логотипа или названия компании
У нас есть два основных элемента в нашем плакате: у нас есть наше основное изображение или тема, а также у нас есть наш основной текст или заголовок с слоганом.
Теперь пришло время добавить название нашей компании или логотип.
В этом примере я просто добавлю текст в качестве логотипа в верхней части нашего постера, который называется «Оригинальная серия HackGraphic».
Выровняйте его соответствующим образом и немного увеличьте взбалтывание.
Шаг 6. Добавление других сведений
Теперь у нас есть пустое место в нижней части нашего постера, мы должны туда что-то добавить.
Мы можем добавить дату выпуска и все что угодно. Это может быть текст или логотипы организаций.
В этом примере я добавляю дату в правом нижнем углу плаката и цветовые коды, которые используются в этом дизайне, в правом нижнем углу плаката.
Шаг 7: Последние штрихи
Наконец, у нас есть все основные части плаката, готовые к работе. У нас есть основное изображение или тема, у нас есть основной текст или заголовок с лозунгом, логотипом и другими деталями.
А теперь самое интересное: мы отретушируем этот постер, чтобы он выглядел более профессионально и безобразно в соответствии с нашей темой.
Во-первых, я собираюсь добавить гранжево-серую ретро-текстуру на всю композицию и установить режим наложения в соответствии с композицией, а также уменьшить непрозрачность примерно до 45–50%.
Затем мы должны добавить изображения частиц с черным фоном и установить режим наложения на Экран, чтобы скрыть черные области и показать только частицы.
Мы можем изменить его непрозрачность примерно до 60%.
Вы можете пропустить все следующие части, если считаете, что ваш постер выглядит достаточно на этих шагах, но я порекомендую вам внести дополнительные корректировки.
После этого нам нужно все слои объединить в новый слой и для этого нажмите Ctrl+Shift+Alt+E чтобы объединить все слои в новый слой.
Связанный: Если вы хотите узнать о неразрушающем слиянии слоев более чем одним способом. Нажмите здесь!
Теперь у нас есть весь наш плакат в одном слое, поэтому мы можем добавить к нему фильтры, чтобы он выглядел более элегантно.
Перейдите в раздел «Фильтры» и нажмите «Фильтры Camera Raw».
In-Camera Raw фильтры, увеличьте четкость и текстуру примерно до 30+ и нажмите OK.
Теперь снова перейдите в Camera Raw Filters и перейдите к пресетам, затем в разделе «Зерно» добавьте «Светлое зерно», а в разделе «Резкость» добавьте «Световую резкость», а в разделе «Виньетирование» выберите значение «Среднее», затем нажмите «ОК».
