Как сделать плакат в фотошопе
Небольшие мероприятия с ограниченным бюджетом частенько заставляют нас брать на себя обязанности как администратора, так и дизайнера. Создание афиши может влететь в копеечку, поэтому приходится самостоятельно рисовать и печатать такую полиграфию.
В этом уроке создадим простенькую афишу в Фотошопе.
Для начала необходимо определиться с фоном будущей афиши. Фон должен подходить по тематике к предстоящему мероприятию.
К примеру, вот такой:
Затем создадим центральную информационную часть афиши.
Возьмем инструмент «Прямоугольник» и нарисуем фигуру во всю ширину холста. Сместим ее немного вниз.
Цвет выберем черный и выставим непрозрачность на 40%.
Затем создаем еще два прямоугольника. Первый – темно красного цвета с непрозрачностью 60%.
Второй – темно-серого цвета и также с непрозрачностью 60%.
Добавим привлекающий внимание флажок в левый верхний угол и логотип будущего мероприятия в правый верхний.
Основные элементы мы расположили на холсте, далее займемся типографикой. Здесь объяснять нечего.
Подбирайте шрифт по душе и пишите.
— Основная надпись с названием мероприятия и слоганом;
— Список участников;
— Стоимость билета, время начала, адрес проведения.
Если в организации мероприятия участвуют спонсоры, то логотипы их компаний имеет смысл разместить в самом низу афиши.
На этом создание концепта можно считать завершенным.
Давайте поговорим о том, какие настройки необходимо выбрать для печати документа.
Эти настройки задаются при создании нового документа, на котором будет создана афиша.
Размеры выбираем в сантиметрах (необходимый размер афиши), разрешение строго 300 пикселов на дюйм.
На этом все. Вы теперь представляете себе, каким образом создаются афиши для мероприятий.
Мы рады, что смогли помочь Вам в решении проблемы.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
1. Скачайте тренировочные изображения. Шаблон Indie Rock Newspaper-Style Flyer мы скачаем и откроем прямо в Photoshop.
2. В Photoshop нажмите Создать на панели слева.
3. В окне Новый документ выберите категорию Печать и нажмите Просмотреть все стили +.
4. Прокрутите вниз к шаблону Indie Rock Newspaper-Style Flyer, нажмите на него и выберите Загрузить. После завершения загрузки файла из Adobe Stock кнопка Загрузить изменится на Открыть.
5. Если в шаблоне используется шрифт, который недоступен на вашем компьютере, может появиться диалоговое окно Отсутствующие шрифты от Typekit. Нажмите Обработать шрифты, чтобы при необходимости скачать шрифт или провести синхронизацию шрифтов.
Изменение текста заголовка
6. Выберите инструмент Текст на панели инструментов слева.
7. На панели Слои справа найдите группу слоев Text и раскройте группу слоев Headline, нажав на стрелочку. Затем выберите слой INDIEROCK.
8. Дважды нажмите на текст INDIEROCK, чтобы выделить его, и замените на THREE AT TEN.
9. Заголовок слишком большой и не помещается. Снова выделите текст и уменьшите кегль до 75 pt.
Замена цвета фона
10. Нажмите на стрелочку группы слоев Text, чтобы свернуть ее. Раскройте группу слоев Graphic и затем — Headline.
11. Дважды нажмите на миниатюру слоя Headline box, чтобы открыть окно Палитра цветов. Используйте ползунки на панели цветов, чтобы выбрать диапазон оттенков фиолетового. Перемещайте кружок палитры цветов, пока не найдете подходящий цвет. Затем нажмите ОК.
Добавление изображений
13. Раскройте группу слоев Images и Main Artist. Два раза нажмите на миниатюру смарт-объекта на слое, чтобы открыть добавленный смарт-объект и на нем добавить фотографию на слой [YOUR IMAGE HERE].
14. Перетащите на холст файл MainArtist.jpg из тренировочных файлов, которые вы скачали ранее, и нажмите клавишу Enter.
Совет. Если фотография не помещается в предоставленное пространство смарт-объекта, потяните за угловые маркеры, подгоните фотографию под имеющееся пространство и нажмите Enter.
15. Сохраните изменения, нажав Ctrl + S в Windows или Command + S в MacOS. Закройте дополнительное окно смарт-объекта. Повторите действия для групп слоев Other Artist 1 и Other Artist 2, используя файлы изображений OtherArtist1.jpg и OtherArtist2.jpg.
16. В меню Файл выберите Сохранить как. , дайте файлу понятное имя и сохраните на компьютер.
17. Выберите Печатать. , чтобы распечатать плакат с компьютера.
Совет. Если вы хотите распечатать плакат в салоне печати, сохраните работу как файл Photoshop PDF на флеш-накопителе. Для этого в диалоговом окне Сохранить Adobe PDF выберите [Высококачественная печать].
Увеличьте выразительность фотографий, уменьшив количество цветов. С помощью Adobe Photoshop это можно сделать несколькими щелчками мыши.
Что такое постеризация?
Термин постеризация происходит от процесса, который когда-то использовали художники для превращения фотографий в печатные плакаты. Чтобы сделать возможным массовое производство, им пришлось уменьшить разброс цветов, чтобы при печати можно было использовать меньше цветов чернил. Посредством изменения едва различимых градиентов множества цветов на более отчетливые участки всего из нескольких цветов, постеризация приводит к более раскрашенному или аэрографическому оформлению.
Попробуйте новый творческий подход к фотографиям с помощью постеризации праздничной открытки или следующей публикации в социальных сетях. Постеризуйте портрет, чтобы персонаж выглядел героическим, или посмотрите, что происходит, когда вы постеризуете фотографию заката, прежде чем поделиться ею со своими подписчиками.
Как постеризовать изображения в Photoshop
Независимо от того, является ли ваше исходное изображение файлом PNG или JPEG, полноцветным или черно-белым, просто выполните следующие действия.
1. Загрузите файл.
Выберите изображение, которое необходимо постеризовать в Photoshop.
2. Превратите фотографию в смарт-объект.
Создайте смарт-фильтр. Выберите пункт «Фильтр» в верхнем меню и нажмите «Преобразовать» для смарт-фильтров. Вы можете добавлять, удалять, настраивать или скрывать смарт-фильтры, поэтому любые внесенные вами изменения будут обратимыми. (Таким образом, вы всегда можете вернуться к исходной фотографии и начать все сначала.)
3. Постеризация.
В верхнем меню выберите «Изображение > Настройки > Постеризация».
4. Выберите уровень постеризации.
Появится окно ползунка, в котором вы можете выбрать число от 1 до 255. Оно означает количество цветов, которые появятся в каждом из цветовых каналов. Переместите ползунок влево, чтобы уменьшить количество цветов и добиться эффекта постеризации. Человеческий глаз обычно не замечает изменения чисел выше 35, поэтому попробуйте выбрать число от 1 до 35.
В этом уроке я покажу, как создать несложный типографический постер.
Финальное изображение:
Ресурсы урока:
Шаг 1. Создание нового документа
Начнем работу с создания нового документа (Ctrl + N) размером 800x1100 пикселов и с белым фоном.
Примечание: если Вы планируете впоследствии печатать постер, при создании нового документа нужно установить высокое разрешение (300dpi) и выбрать цветовой режим CMYK.
Шаг 2. Создаем голубой градиентный фон
Теперь проведите линию градиента из левого верхнего угла к правому нижнему.
Кликните правой кнопкой мыши по слою и из появившегося контекстного меню выберите пункт Параметры Наложения (Blending Options). В открывшемся окне перейдите на вкладку Стили слоя (Layer Styles) и примените стиль слоя Внутренняя тень (Inner Shadow).
Залейте слой «Blue» выбранным градиентом, проведя линию из левого верхнего угла к правому нижнему углу.
Измените режим наложения этого слоя на Мягкий свет (Soft Light), чтобы сделать его немного светлее.
Шаг 3. Добавляем к голубому фону текстуру
Откройте изображение бумажной текстуры под названием Grungy Paper 01. При помощи инструмента Перемещение (Move Tool) (V) перетащите ее в основной документ. Переименуйте слой с бумажной текстурой в «Texture» и поместите его над слоем «Blue».
Теперь подгоните размер слоя с бумагой под размер документа, используя команду Свободное трансформирование (Ctrl + T).
Теперь загрузите узор 20 Repeatable Pixel Patterns и установите его в Фотошоп. После того, как узор установлен, выберите инструмент Заливка (Paint Bucket Tool) (G), на панели свойств в верхней части экрана из выпадающего списка выберите Узор (Pattern).
Создайте новый слой (Shift + Ctrl + N), назовите его «Pattern» и инструментом Заливка (Paint Bucket Tool) залейте слой только что установленной текстурой. Уменьшите непрозрачность слоя «Pattern» до 10%.
В палитре Слои выделите при нажатой клавише Shift все четыре слоя и поместите их в группу (Слой – Новый – Группа) (Layer > New > Group) (Ctrl + G). Эту группу назовите «Background».
Шаг 4. Добавляем направляющие
При разработке дизайн-макетов, особенно тех, в которых есть текстовые блоки, направляющие помогут облегчить выравнивание компонентов дизайна. Давайте добавим 4 направляющие (Просмотр – Новая направляющая) (View > New Guide).
Добавьте 2 вертикальные направляющие на 70px и 730px и 2 горизонтальные на 70px и 1030px.
Шаг 5. Добавляем текст к постеру
Для того, чтобы в палитре Слои был порядок, я создам новую группу (Слой – Новый – Группа) (Layer > New > Group) и назовите ее «Typography».
Примечание: Вы можете использовать помимо предложенного автором урока шрифта любой другой.
Выберите шрифт Cicle (Fina) с размером 160pt и напишите слово «DOING». Откройте палитру Символ (Окно – Символ) (Window > Character) и установите значение Tracking (расстояние между буквами) равное -25.
Теперь выберите шрифт Bebas Neue (Regular) с размером 160pt и напишите слово «SOME». В палитре Символ установите значение Tracking (расстояние между буквами) равное -25.
Инструментом Прямоугольник (Rectangle Tool) (U) нарисуйте под текстом прямоугольник высотой в 15px. Используйте вертикальные направляющие, чтобы подогнать ширину прямоугольника под ширину текста. Сдвиньте прямоугольник вниз от текста на 30px.
Дублируйте слой с прямоугольником (Ctrl + J) и поместите дубликат на 10px ниже первого прямоугольника.
Снова выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T), выберите шрифт Franchise размером 142pt и напишите слово «DESIGN INSTRUCT» под двумя прямоугольными линиями. Палитре Символ установите расстояние между буквами равное -10.
Поместите только что написанный текст на 30px ниже от второй линии:
Шаг 6. Создаем элемент дизайна
Сделайте 4 дубликата слоя с кругом (Ctrl + J) и уменьшите эти дубликаты на 70% от размера оригинала (Ctrl + T). Затем, выберите два из четырех дубликатов и уменьшите их еще на 70%. Выровняйте слои с кругами, как показано на скриншоте:
Теперь, уменьшите непрозрачность слоев с кругами до 30% так, чтобы сквозь них был виден фон.
Теперь нарисуйте большую звезду на следующем круге:
Дублируйте обе звезды (Ctrl + J) и поместите их на крайних справа кругах.
Шаг 7. Добавляем больше текста
Инструментом Горизонтальный текст (Horizontal Type Tool) (T) и шрифтом Aller (Bold Italic) с размером 72pt и трекингом 0 напишите «DI». Помесите этот текстовый слой по центру самого большого круга.
Выберите шрифт Aller (Display) с размером 134pt с трекингом -10 и напишите слово «TUTORIALS». Поместите это слой с текстом под слой с большим кругом.
Выберите шрифт Cicle (Fina Italic) с размером 134pt, напишите слово «ARE REALLY», заем установите трекинг -10 и поместите этот слой с текстом на 30px ниже слова «TUTORIALS».
Дублируйте слой с прямоугольной полосой (Ctrl + J) и сдвиньте дубликат на 30px ниже текста. Снова дублируйте слой с линией и поместите дубликат так, чтобы он был чуть выше горизонтальной направляющей в нижней части документа.
Выберите шрифт ChunkFive размером 160pt, напишите слово «FUN», а затем
установите трекинг со значением 900. Поместите этот слой с текстом на 12px выше над нижней линией.
Дважды дублируйте самую большую фигуру звезды со слоя с кругом (Ctrl + J) и помесите эти слои между буквами.
Шаг 8. Добавляем тень
Теперь добавим эффект тени. Для начала, добавим тень к звездам, которые располагаются между буквами слова «Fun». Тень добавляйте через стиль слоя Тень (Drop Shadow):
Кликните правой кнопкой мыши по слою со звездой, к которой добавили стиль слоя и выберите пункт Скопировать стиль слоя (Copy Layer Style). Выделите все слои из группы «Typography», кроме слоев с кругами, кликните по выделенным слоям правой кнопкой мыши и выберите пункт Вклеить стиль слоя (Paste Layer Style). Теперь стиль слоя Тень с параметрами, как на первой звезде буде присвоен всем слоям, на которые Вы его вклеили.
В этом уроке вы узнаете, как создать креативный футуристический постер, используя контуры, кисти и стоковые изображения.
Сложность урока: Сложный
В этом уроке вы узнаете, как создать креативный футуристический постер, используя инструмент контуры, кисти и стоковые изображения.
Исходники:
Шаг 1
Создаем пустой документ с такими параметрами:
Шаг 2
Слегка затекстурируем фон. Загружаем Paint texture и открываем ее в Photoshop. Переносим текстуру на рабочий документ.
Обесцвечиваем текстуру (Ctrl+Shift+U). Также немного подкорректируем ее размер, чтобы он соответствовал размеру рабочего документа.
Дважды кликаем по слою с текстурой, чтобы открыть диалоговое окно Blending Options (Параметры наложения). Устанавливаем Opacity (Непрозрачность) на 60% и настраиваем параметр Blend If (Наложить, если). Чтобы разделить ползунок, отмеченный на скриншоте, удерживаем клавишу Alt.
Шаг 3
Рисуем вторую фигуру, используя Rectangle Tool (Прямоугольник) (U). Редактируем угол с помощью Direct Selection Tool (Прямое выделение).
Жмем Ctrl+T и поворачиваем прямоугольник на -45 градусов. Чтобы видеть изменения угла наклона, вызываем панель Window - Info (Окно - Информация).
Перемещаем прямоугольник. Пару раз дублируем его и размещаем копии, как показано ниже.
Продолжаем в нижней части окружности.
Шаг 4
Дублируем окружность (Ctrl+J), перемещаем ее ниже оригинала и увеличиваем размер до 145%. Трансформируя, удерживайте Alt+Shift, чтобы сохранить пропорции.
Мы должны сделать отверстие в окружности. Активируем векторную маску слоя, кликнув по ее миниатюре на панели слоев. Копируем контур Ctrl+C и на этом же слое вставляем его Ctrl+V. Затем жмем Ctrl+T и уменьшаем контур до 80%.
После трансформации на верхней панели жмем кнопку Exclude overlapping shape areas (Исключение пересекающихся областей), чтобы создать отверстие.
Вся окружность нам не нужна, поэтому скрываем лишнюю часть с помощью слой-маски.
Шаг 5
Еще раз дублируем центральную окружность и перемещаем ее в самый низ.
Скрываем лишнюю часть с помощью слой-маски.
С помощью Pencil Tool (Карандаш) (В) на отдельном документе создаем узор, как показано ниже. Затем сохраняем его Edit - Define Pattern (Редактирование - Определить узор). Добавляем новый слой выше красной окружности. Создаем выделение и заливаем его узором Edit - Fill (Редактирование - Заливка).
Преобразовываем слой с узором в обтравочную маску для красной окружности (Ctrl+Alt+G).
Дублируем красную окружность и удаляем ее слой-маску . Также удаляем внутренний контур, с помощью которого мы создали отверстие.
Далее уменьшаем непрозрачность дубликата до 0% и применяем стиль слоя Stroke (Обводка).
С помощью маски скрываем лишнюю часть окружности.
Шаг 6
Открываем в Photoshop фото девушки. С помощью Pen Tool (Перо) (Р) удаляем фон. Особое внимание уделите волосам.
Вставляем модель на рабочий документ. Конвертируем слой в смарт-объект Layer - Smart Objects - Convert to Smart Objects (Слой - Смарт-объекты - Конвертировать в смарт-объект). Корректируем размер модели.
Применяем фильтр Filter - Blur - Smart Blur (Фильтр - Размытие - "Умное" размытие).
Зажимаем Ctrl и кликаем по миниатюре векторной маски центральной окружности, чтобы загрузить ее выделение. Затем жмем на кнопку Add layer mask (Добавить слой-маску) внизу панели слоев.
Редактируем маску слоя с моделью в нижней части.
И верхнюю часть.
Редактируем цвета с помощью корректирующих слоев Curves (Кривые) и Vibrance (Колебание).
Шаг 7
Загружаем в Photoshop изображение Stag (img035). Меняем цветовой режим Image - Mode - RGB (Изображение - Режим - RGB), перетаскиваем на рабочий документ и инвертируем (Ctrl+I).
Размещаем оленя за моделью и меняем его режим смешивания на Lighten (Замена светлым).
Шаг 8
Теперь открываем фото мужчины. Обесцвечиваем изображение, регулируем яркость и контрастность с помощью Curves (Кривые) (Ctrl+М).
Перемещаем голову на рабочий документ, корректируем размер и отражаем по горизонтали (Ctrl+T).
Устанавливаем режим смешивания на Multiply (Умножение).
Дублируем слой с головой и инвертируем цвета.
Загружаем выделение внутренней окружности и с помощью маски скрываем ту часть инвертированного дубликата головы, которая находится за пределами внутренней окружности.
К внешней окружности применяем стиль слоя Gradient Overlay (Наложение градиента).
Шаг 9
Открываем изображение с пламенем, копируем одно из них и вставляем над внешней окружностью.
С помощью маски и выделения окружности удаляем лишнюю часть пламени.
Меняем режим смешивания на Screen (Осветление). Увеличиваем насыщенность пламени с помощью Hue/Saturation (Цветовой тон/Насыщенность) (Ctrl+U).
Приближаем (Ctrl+) место с пламенем, чтобы удалить все артефакты, которые возникают из-за полупрозрачных пикселей. Активируем маску слоя с пламенем и открываем диалоговое окно Levels (Уровни) (Ctrl+L). Устанавливаем максимальное значение для средних тонов.
Шаг 10
Теперь займемся добавлением мелких деталей на слой-фигурах. Сначала открываем изображение с лепестками. Выделяем один из них, копируем и вставляем на рабочий документ.
Размещаем лепесток над средним прямоугольником и преобразовываем его в обтравочную маску.
Выделяем брызги с помощью Lasso Tool (Лассо) (L). Копируем их и вставляем над вторым прямоугольником. Корректируем размер и отражаем по горизонтали.
Применяем к брызгам фильтр Filter - Sharpen - Unsharp Mask (Фильтр - Резкость - Контурная резкость). Затем преобразовываем их в обтравочную маску (Ctrl+Alt+G).
Загружаем гранж-кисти в Photoshop. Выбираем любую кисточку и на отдельном слое делаем мазок в области нижних прямоугольников.
Преобразовываем слой в обтравочную маску для прямоугольника.
Шаг 11
Затем воздушный шар.
Также добавляем бабочек с помощью инструмента Custom Shape Tool (Произвольная фигура) (U).
Если вы владеете навыками работы в Illustrator, то можете создать вот такую абстрактную полосу. Рисуем две линии, выделяем их и жмем Ctrl+Alt+B.
Применяем стиль слоя Color Overlay (Наложение цвета).
Шаг 12
Вставляем на рабочее полотно изображение с брызгами. Размещаем их под слой-фигурами. Регулируем размер в соответствии с размером документа.
Шаг 13
Продолжаем добавлять мелкие детали. Загружаем "звездную" кисть в Photoshop. Выбираем кисточку и редактируем ее параметры.
Теперь добавим световую линию. Создаем новый слой. Берем мягкую круглую кисть (В) размером 500 px. Ставим кистью пятно в нижней части документа и трансформируем его.
Размещаем полосу над бликом и инвертируем.
Поворачиваем полосу на - 45 градусов.
"Звездной" и обыкновенной мягкой кистью рисуем по всему изображению маленькие блики белого цвета.
Мягкой кистью добавляем крупные блики разного размера.
Рисуем цветные пятна.
Меняем режим смешивания на Screen (Осветление).
Добавляем деталей на лице модели.
Создаем новый документ размером 350 х 350 px. Заливаем его черным цветом и применяем фильтр Filter - Render - Lens Flare (Фильтр - Рендеринг - Блик).
Перетаскиваем блик на рабочий документ. Размещаем его над бабочкой и меняем режим смешивания на Screen (Осветление).
С помощью мягкой кисти (В) добавляем пару цветовых пятен.
Добавляем линии с помощью инструмента Custom Shape Tool (Произвольная фигура) (U) и удаляем лишнее.
Рисуем несколько дополнительных линий с помощью Line Tool (Линия) (U) и поворачиваем их на 45 градусов.
И, наконец, пишем надпись. Возможно, вы посчитаете нужным что-то добавить или изменить. Действуйте смело и будьте креативны.
Читайте также: