Во многих небольших клубах часто встречается ситуация, когда один человек выполняет функции и администратора, и арт-директора, и до кучи дизайнера. Еще чаще — эта затея не приносит ничего хорошего и в новостях мы видим ужасные, коряво сделанные на коленке тикеты, афишы, пригласительные, флаера. Чтобы исправить эту оплошность, мы написали наглядный урок, как быстро и просто сделать мини-постер в фотошопе.
Любой дизайн-проект требует если не отличного умения, то хотя бы опыта владения соответствующими инструментами. Нужно понимать, что данный тип услуг — почти всегда дорого. Но стоит ли экономить на качестве? Полный список преимуществ профессиональной разработки сайта можно почитать тут. Если вы всё же решили сэкономить, то, для начала, стоит подготовиться — составим план, по которому мы будем работать. Распишем каждый этап, чтобы разделить работу на несколько мини-заданий. Предположим, нам предстоит провести пивную вечеринку в баре под названием «Чердак»
Во-первых, background. Ищем подходящий фон
Во-вторых, основной текст. Lineup (при наличии Dj), дата, цена за вход.
В-третьих, элементы дизайна. Логотипы и иконки социальных медиа, спонсоров и т.д.
Фон
Рекомендуем не искать бэкгрануд для тематической вечеринки в гугл картинках. Лучше воспользоваться фото-банками, вроде Shutterstock. Плюс такого подхода в том, что вы можете выбирать качество изображения. Если вам нужен огромный постер на входе в клуб — покупаете, скажем 4183 x 4183. Если нужно залить картинку во встречу ВК — платите за минимальное разрешение. Покупать ли их вообще или качать с торрент-трекеров — другая история. В любом случае, выбор таких источников обезопасит вас от заезженных в сети вариантов оформления. Мы нашли и использовали изображение из коллекции Rustic Stock Photo Pack, которое, как никак кстати, подойдет для нашей big party
Основной текст
Первым делом — логотип. У каждого, кто имеет отношение к дизайну клуба/бара должен быть логотип в.cdr .psd .png-форматах. У нас уже был готовый файл:
Чтобы сделать акцент на дате мероприятия, мы выделили цифры другим шрифтом и увеличили их размер:
Теперь добавляем всю нужную информацию к вечеринке. Обязательно указываем — во сколько стартует официальная часть, цену за вход, адрес и телефон. Если нет ярко-выраженного хэдлайнера, то список участвующих групп можно просто написать справа от основного блока.
Обратите внимание, чтобы цвета казались более теплыми и «ламповыми». Мы уменьшаем параметр Непрозрачность (Opacity) слоя до 80-90%, а прямоугольным фигурам и вовсе устанавливаем его в 33%:
Дополнительные элементы
Логотипы спонсоров или масс-медиа, обслуживающие мероприятие поместим, по традиции, в нижний ряд. Обратите внимание, если мы указываем возрастное ограничение и наличие дресс-кода и фейс-контроля на входе, то мы помещаем их в «контейнеры» с точно такими же эффектами для слоя. Проще всего это сделать продублировав слой (Duplicate Layer или Дублировать слой) .
Осталось найти только логотипы. Окей, гугл. Здесь повторяется история с логотипом — нужен прозрачный фон. Для этого есть файлы с расширением PNG. Таким образом, если на предстоящем мероприятии будет вестись фото-отчет от портала Geometria, то наш запрос будет выглядеть следующим образом: geometria logo png. Нам остается лишь выбрать понравившийся результат из поиска.
С остальными логотипами — аналогично.
Видео уроки
Популярные уроки
Наш опрос
- Besty
- 4 ноябрь 2011
- 17:58:00
- 21196
Adobe Photoshop
Шаг 1
300 мм x 400 мм
и разрешение 300 DPI
, цветовая модель CMYK
600800 px
.
Free Transform tool
Шаг 2
Layer-Duplicate layer
Filter-Blur-Motion blur и добавляем угол -90 и расстояние 90 px .
Устанавливаем режим смешения Linear Light :
Шаг 3
Теперь давайте добавим текст. Название вечеринки будет «Euphoria Party». Выбираем любой понравившийся шрифт. Я использовал шрифт «Bickham Script»
Drop Shadow
:
Inner Shadow :
Inner Glow :
Bevel and Emboss :
Gradient Overlay :
Шаг 4
Copy Layer Style Paste Layer Style .
Шаг 5
«Century Gothic»
Теперь давайте добавим непосредственно имена гостей.
Создание плаката/флаера в Photoshop-е
Используем тот же шрифт «Century Gothic»
Шаг 6
Pen tool
Brush panel и выбираем кисть Chalk Brush , которая входит в набор Adobe Photoshop :
Возвращаемся к инструменту Pen Tool (опять выделяем Pen Tool Stroke Path .
Шаг 7
Bevel and Emboss .
Вот как оно должно выглядеть:
Шаг 8
Гости
Финальный результат
Приступаем к уроку Фотошопа
Фотография пистолета;
Фотография гранаты;
Шаг 1.
300% (Zoom Tool Pen Tool Paths (Контуры) и Add to path area Anchor Point
Шаг 2.
Anchor Point (Опорные точки). Берем Direct Selection Tool Anchor Point
Шаг 3.
Снова берём Pen Tool Alt кликаем по Anchor Point
Шаг 4.
Anchor Point
Шаг 5.
Создайте новый документ (File > New (Файл > A5 , 300dpi Pen Tool Paths (Контуры) поставьте Shape Layers 100% Magenta
Шаг 6.
Шаг 7.
Нежелательные Anchor Points Direct Selection Tool (Редактирование контура): ↓
Шаг 8.
Layer > Layer Style > Blending Options (Слой > Стиль слоя >
Шаг 9.
Layer > Layer Style > Copy Layer Style (Слой > Стиль слоя > Скопировать стиль слоя).
как сделать афишу в фотошопе
Выберите слой назначения и зайдите в меню Layer > Layer Style > Paste Layer style (Слой > Стиль слоя > Вклеить стиль слоя).
Шаг 10.
Настройки Layer Style Layer style
Шаг 11.
Шаг 12.
Layer Styles Move Tool Alt Ctrl+T
Шаг 13.
Eyedropper Tool Multiply (Умножение).
Шаг 14.
Ctrl+T
Шаг 15.
Инструментом Pen Tool
Шаг 17.
Pen Tool
Шаг 18.
Layer Styles
Шаг 19.
Paths Anchor Points
Шаг 20.
Brush Tool 7 pixels , твёрдость 100% . Выберите Path (Контур) на палитре Paths (Контуры), затем Stroke Path
Шаг 21.
Blending mode (Режимы наложения) — Multiply (Умножение). Ctrl+
Ctrl+ Ctrl+Shift+I ). Берём инструмент Brush Tool Ctrl+Н 45 pixel brush на 20 pixel.
Шаг 22.
Ctrl+ Polygonal Lasso Tool
Шаг 23.
Filter > Blur > Lens Blur (Фильтр > Размытие > Filter > Blur > Box Blur (Фильтр > Размытие > Размытие по рамке).
Шаг 24.
Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) в 0.6
Шаг 25.
Думаю нужно увеличить контраст. Сделаем это с помощью кривых. Заходим в Layer > New Adjustment Layer > Curves (Слой > Новый корректирующий слой >
Шаг 26.
Background ‘ (Фон) и заходим в меню Filter > Artistic > Film Grain (Фильтр > Имитация > Opacity (Непрозрачность) слоя до 55% . Теперь можно подправить Image > Adjustments > Hue/Saturation (Изображение > Коррекция >
Всё! Наша работа готова.
Финальный результат
Оригинал;
Уроки фотошопа
Свежие уроки
Видео уроки
Популярные уроки
Наш опрос
Какие уроки вам больше нравятся?
- Besty
- 4 ноябрь 2011
- 17:58:00
- 21196
Учимся создавать готовый к печати плакат для вечеринки в клубе в Adobe Photoshop , используя фотографии из хранилища изображений, стили слоя, текстовые эффекты, режимы смешения, кисти и карандаш. Этот урок содержит очень эффективные методы, и по нему легко следовать шаг за шагом.
Шаг 1
Создаем новый документ. Если Вы будете использовать результат для печати, выбирайте размеры 300 мм x 400 мм
и разрешение 300 DPI
, цветовая модель CMYK
, если нет – выбирайте размер 600800 px
.
В качестве фона мы будем использовать изображение дерева из хранилища SXC.HU. Открываем это изображение в Photoshop и копируем его в документ с нашим плакатом. Используем инструмент Free Transform tool
, который автоматически выбирается при вставке изображения, и подгоняем размеры изображения под размеры документа.
Шаг 2
Теперь мы должны дублировать слой с деревом, поэтому переходим в меню Layer-Duplicate layer . Вот как должен выглядеть теперь Ваш список слоев:
Выделяем дублированный слой, переходим в фильтр Filter-Blur-Motion blur и добавляем угол -90 и расстояние 90 px .
Устанавливаем режим смешения Linear Light :
Шаг 3
Теперь давайте добавим текст. Название вечеринки будет «Euphoria Party».
Веб-разработка. Делаем простую афишу мероприятия в Photoshop
Выбираем любой понравившийся шрифт. Я использовал шрифт «Bickham Script» . Сначала добавляем слово «Euphoria».
Теперь давайте добавим следующие стили слоя к слою со словом «Euphoria» на панели слоев:
Drop Shadow
:
Inner Shadow :
Inner Glow :
Bevel and Emboss :
Gradient Overlay :
Вот так должен выглядеть после этого Ваш текст:
Шаг 4
Добавляем слово «party», переходим на панель слоев, нажимаем правой кнопкой на слое «Euphoria» и выбираем пункт Copy Layer Style . Затем выделяем слой со словом «party», нажимаем на нём правой кнопкой и выбираем Paste Layer Style .
Вот как должен выглядеть Ваш плакат теперь:
Шаг 5
Теперь давайте добавим текст «Guest list:» другим шрифтом. Я использовал шрифт «Century Gothic» . Вставляем те же стили слоя на этот слой, но сначала делаем текст белым.
Теперь давайте добавим непосредственно имена гостей. Используем тот же шрифт «Century Gothic» голубого цвета и вставляем те же стили слоя, которые у меня указаны здесь:
Используя ту же технику, добавляем дату:
Шаг 6
Этот Шаг немного сложнее. Мы будем добавлять волны внизу плаката. Создаем новый слой. Берем инструмент Pen tool и создаем фигуру, похожую на эту:
После того, как фигура создана, переходим в настройки кистей Brush panel и выбираем кисть Chalk Brush , которая входит в набор Adobe Photoshop :
Возвращаемся к инструменту Pen Tool (опять выделяем Pen Tool на панели инструментов), нажимаем правой кнопкой на рабочей области и выбираем пункт Stroke Path .
Вот, что у Вас должно получиться:
Шаг 7
Нам снова нужно вставить стили слоя с одного из текстовых слоев на слой с волнами и отключить один из стилей: Bevel and Emboss .
Вот как оно должно выглядеть:
Шаг 8
Дублируем слой дважды, размещаем их один под другим и используем разные цвета. Также добавляем логотип клуба и спонсоров. И на этом мы заканчиваем урок, наши поздравления!
Перевод для сайта http://photoshoplove.ru сделан besty
Автор урока: psdartist.comПосетители, находящиеся в группе Гости
, не могут оставлять комментарии к данной публикации.
В данном уроке Фотошопа мы рассмотрим процесс создания красочного плаката который будет состоять из фотографий и векторов.
ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.
Финальный результат
Приступаем к уроку Фотошопа
↓ Материалы использованные в уроке:
Фотография пистолета;
Фотография гранаты;
Шаг 1.
Открываем наше изображение пистолета, увеличиваем его размер на 300% (Zoom Tool (Инструмент Лупа / Клавиша ‘Z’)) и выбираем Pen Tool (Инструмент Перо / Клавиша ‘P’). Убедитесь, что выбран Paths (Контуры) и Add to path area (+) (Добавить к контуру), затем начинайте обводить пистолет. Потяните Anchor Point (Опорные точки) так, чтобы он вытянулся прямо вдоль границы: ↓
Шаг 2.
На стыке кривой и прямой линии добавим ещё один Anchor Point (Опорные точки). Берем Direct Selection Tool (Редактирование контура) (белая стрелка) и тянем за чёрную точку. Скоро вы поймёте, как передвигать Anchor Point (Опорные точки), чтобы кривая принимала нужную форму: ↓
Шаг 3.
Снова берём Pen Tool (Инструмент Перо / Клавиша ‘P’), зажав Alt кликаем по Anchor Point (Опорные точки) на конце кривой. Появится чёрная точка, с помощью которой подгоняем нашу линию по контуру изображения: ↓
Шаг 4.
Заканчиваем выделение изображения. Ниже приводится пример по управлению Anchor Point (Опорные точки) при создании сложных кривых. Смысл в том, чтобы создавая линии использовать как можно меньше точек.
Шаг 5.
Создайте новый документ (File > New (Файл > Новый / Сочетание клавиш ‘Ctrl+N’)) (формат A5 , 300dpi ), куда скопируйте и вставьте изображение пистолета. Возьмите Pen Tool (Инструмент Перо / Клавиша ‘P’) и вместо Paths (Контуры) поставьте Shape Layers (Слой фигуры). Выберите цвет, я взял 100% Magenta (Пурпурный), по ходу работы цвет можно поменять. Теперь рисуем струйки краски, вытекающие из ствола: ↓
Шаг 6.
Используем свою фантазию и законы физики: ↓
Шаг 7.
Нежелательные Anchor Points (Опорные точки) удаляем с помощью инструмента Direct Selection Tool (Редактирование контура): ↓
Шаг 8.
Наступило время придать нашей векторной слизи глубины. Выбираем слой с изображение слизи, заходим в меню Layer > Layer Style > Blending Options (Слой > Стиль слоя > Параметры наложения) и задаём следующие настройки; цвета подбираете на свой вкус: ↓
Шаг 9.
Нарисуйте побольше слизи, вылетающей из дула пистолета. Измените толщину и направление струи, попробуйте их немного увеличить. Рисуя мелкие брызги, представьте их движение относительно больших. Выбрав слой со слизью, заходите в меню Layer > Layer Style > Copy Layer Style (Слой > Стиль слоя > Скопировать стиль слоя). Выберите слой назначения и зайдите в меню Layer > Layer Style > Paste Layer style (Слой > Стиль слоя > Вклеить стиль слоя).
Шаг 10.
Настройки Layer Style (Стиля слоя) для мелких брызг несколько отличаются, поэтому кликните по иконке Layer style (Стиль слоя) (буква ‘f’ в черном кружке) и примените следующие настройки: ↓
Шаг 11.
Рисуйте струйки, пока не добьётесь нужного результата. Можно добавить пару капель, вылетающих из дула пистолета: ↓
Шаг 12.
Нарисуйте немного мелких капель и, чтобы они были похожи на остальные, примените к ним Layer Styles (Стиль слоя). С помощью инструмента Move Tool (Перемещение / Клавиша ‘V’), держа клавишу Alt , потяните мышкой за изображение, копируя наши капли. Нажмите Ctrl+T и поменяйте размер и положение капли. Повторяйте это, пока не добьётесь нужного вам результата. Поэкспериментируйте с глубиной, меняя расположение слоёв.
Шаг 13.
Нарисуем на дуле пистолета тени от капель: инструмент пипетка (Eyedropper Tool (Пипетка / Клавиша ‘I’)), новый слой, мягкая кисть, выделение пистолета, маска слоя, рисование теней и режим наложения Multiply (Умножение).
Шаг 14.
Открываем изображение гранаты, вырезаем его, импортируем в документ, затем нажимаем комбинацию клавиш Ctrl+T и меняем размеры и положение изображения: ↓
Шаг 15.
Инструментом Pen Tool (Инструмент Перо / Клавиша ‘P’) создадим выделение гранаты, вырежем её и вставим на новый слой. Продолжим вырезать части гранаты, пока не получим несколько кусков, по желанию. Как только вы разделите гранату, сместите части, словно их сдуло ветром.
Шаг 17.
Чтобы нарисовать дым, возьмите Pen Tool (Инструмент Перо / Клавиша ‘P’) и воспользуйтесь той же техникой, что и ранее. Для дыма я использовал различные цвета.
Шаг 18.
Чтобы дым не выглядел плоским, придадим ему глубину и свет (что мы делали со слизью). См. скриншоты. Скопируйте и вставьте Layer Styles (Стиль слоя) на все слои дыма.
Шаг 19.
Сделаем мультяшные наброски вокруг дыма. Вы можете сделать это вручную или выбрать слой с формой дыма, где видна дорожка (path/путь/контур), затем скопируйте её. На панели Paths (Контуры) создайте новый слой и вставьте туда дорожку. С помощью выделения индивидуальных Anchor Points (Опорные точки), удалите ненужные части. Дорисуйте детали и, если нужно, продолжите линии.
Шаг 20.
Создайте новый слой, используйте его для нарисованного вами контура. Выберите инструмент Brush Tool (Инструмент Кисть / Клавиша ‘B’), 7 pixels , твёрдость 100% . Выберите Path (Контур) на палитре Paths (Контуры), затем Stroke Path (Обводка контура) из контекстного меню (небольшая стрелка в кружке в верхнем правом углу палитры). Затем я изменил размер всех слоев с изображением гранат (включая слой с дымом и т.д.) для придания эффекта присутствия.
Шаг 21.
Теперь немного повозимся. Создадим новый слой, Blending mode (Режимы наложения) — Multiply (Умножение). Ctrl+ клик на всех маленьких окошках слоёв (в палитре слоев) с изображением гранат, выделив их, добавим маску слоя (белый кружок в чёрном квадрате).
Теперь (работаем с новым слоем, а не с маской) нажимаем Ctrl+ клик по верхнему куску гранаты и инвертируем выделение (Ctrl+Shift+I ). Берём инструмент Brush Tool (Инструмент Кисть / Клавиша ‘B’), мягкую кисть и рисуем на тени, я использовал тёмно-серый. Нажимаем Ctrl+Н , чтобы спрятать выделение. Продолжаем в том же духе. Меняем кисть с 45 pixel brush на 20 pixel.
Шаг 22.
Нарисуем побольше слизи, как на пистолете. Переместите слой со слизью между дымом и гранатой. Примените маску к слою с тенью (Ctrl+ клик по всем слоям с гранатой и слизью и их маскировка на слое с тенью). Возможно вам придётся создавать выделение вручную, с помощью инструмента Polygonal Lasso Tool (Инструмент Многоугольное лассо / Клавиша ‘L’).
Шаг 23.
Скопируем все слои с гранатой на один слой. Перетащите новый слой с гранатой на самый верх и измените придав перспективу. Идите в Filter > Blur > Lens Blur (Фильтр > Размытие > Размытие при малой глубине резкости) и сделайте настройки как на скриншоте. Затем размоем границы гранаты с помощью инструмента Filter > Blur > Box Blur (Фильтр > Размытие > Размытие по рамке).
Шаг 24.
Объединим в один все розовые слои со слизью из дула пистолета, и применим размытие → Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) в 0.6 Pixel. То же самое сделайте со слизью на гранате. Затем скопируйте всё в один слой.
Шаг 25.
Думаю нужно увеличить контраст.
Как создать плакат в фотошопе cs6: видео
Сделаем это с помощью кривых. Заходим в Layer > New Adjustment Layer > Curves (Слой > Новый корректирующий слой > Кривые) и настраиваем следующим образом: ↓
Шаг 26.
В заключение, дублируем слой ‘Background ‘ (Фон) и заходим в меню Filter > Artistic > Film Grain (Фильтр > Имитация > Зернистость фотопленки). Настраиваем по скриншоту. Снижаем Opacity (Непрозрачность) слоя до 55% . Теперь можно подправить Image > Adjustments > Hue/Saturation (Изображение > Коррекция > Цветовой тон/Насыщенность — Сочетание клавиш ‘Ctrl+U’): ↓
Всё! Наша работа готова.
Финальный результат
Оригинал;
Текст доработан командой сайта PhotoshopPro.ru
В этом уроке Фотошопа мы будем создавать плакат к одному из фильмов ужасов.
ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.
Финальный результат
Приступаем к уроку Фотошопа
↓ Материалы использованные в уроке:
Гранджевый фон;
Девушка;
Силуэт с вытянутой рукой;
Классический кухонный нож;
Шрифт Chiller;
И так для начала как обычно создаем новый документ (File > New (Файл > Новый / Сочетание клавиш ‘Ctrl+N’)). Я не буду указывать размеры, пусть каждый их определяет сам. И так для начала заливаем слой вот этим цветом #211f1f .
Теперь нам понадобиться какой нибудь гранжевый фон, я буду использован фон который можно скачать → здесь.
Я не хочу навязывать вам свою текстуру, кроме нее вы можете также использовать поверхность кирпичей, старого древа или любую другую старую текстуру, нам просто нужно что-то, чтобы оно находилось на фоне.
Вставляем выбранный фон в проект, возможно вам придется изменять размеры. Вобщем когда вы окончательно вставили наш фон, то меняем режим смешивания слоев на Overlay (Перекрытие). В итоге мы получили что то такое: ↓
После того как фон вставлен, мы будем добавлять некоторые эфекты, конечно если есть желание то можно поменять цвет фона при помощи Layer > New Adjustment Layer > Hue/Saturation (Слой > Новый корректирующий слой > Цветовой тон/Насыщенность), но вообще то это не сильно важно, так как в итоге у нас все будет черно-белое.
Сейчас добавим вот такой отпечаток пальца. Вставляем его в проект меняем размеры и размещаем его немного выше середины.
Меняем режим смешивания слоев на Darker Color (Темнее) и снижаем непрозрачность (Opacity) до 80% . В итоге получаем что-то подобное: ↓
Теперь нам понадобиться модель для основного образа. Здесь вы можете использовать абсолютно любое фото какое вам понравиться.
Как сделать афишу в фотошопе?
Я буду использовать фото девушки которое можно скачать → здесь.
Открываем наше изображение в ФШ, если оно слишком темное то его надо осветлить, так на финальном результате в противном случае мы не сможем видеть лицо девушки. Для этого идем в Image > Adjustments > Shadow/Highlight (Изображение > Коррекция > Света/Тени) и ставим там следующие параметры: ↓
Сейчас переходим в Layer > New Adjustment Layer > Gradient Map (Слой > Новый корректирующий слой > Карта градиента) выбираем черно-белый градиент, благодаря этому мы получили правильное черно-белое изображение, благодаря предыдущему шагу, если у вас получились какие-то не такие цвета, то жмем Ctrl+I для инвертирования цветов. ↓
Мы хотим что бы фото хорошо сливалось с фоном для этого меняем режим смешивания на Overlay (Перекрытие). Теперь берем ластик с мягкими краями и стираем те отпечатки пальцев которые попали на лицо девушки.
Сейчас нам понадобиться хорошее фото дороги которое подойдет по атмосфере к нашему проекту (подберите данное фото самостоятельно). Вставляем его над фоновым слоем и меняем режим смешивания на Luminosity (Свечение).
Пока мы получили вот что. Учтите что при использовании других фотографий у вас будет результат или темнее или светлее, так же он будет отличаться по контрасту. Плакат будет выглядеть еще лучше когда мы добавим к нему еще несколько слоев.
Затем нам понадобиться классический элемент фильмов ужасов, в даном случае это силуэт с вытянутой рукой, которое находиться → здесь.
Вставляем его в проект, так как оно не большого размера, то жмем Ctrl+T и при зажатом Shift для сохранения пропорций, изменяем размеры фото.
Понижаем непрозрачность до 80% . Помещаем силуэт над дорогой. Ниже показано что мы имеем. Слои у нас распалагаются в следующем порядке: Темной слой > слой с бумагой > дорога > силуэт с тенью > отпечатки пальцев > Девушка .
На данном этапе нам понадобиться классический кухонный нож взять можно → здесь. Вставляем нож в нижний угол, для удобства фон можно удалить при помощи волшебной палочки (Magic Wand Tool (Инструмент ‘Волшебная палочка’ / Клавиша ‘W’)).
Пришло время добавить название. Перед этим я беру мягкую черную кисть и рисую круг где будет сама надпись.
Для придания некоего готичного стиля я использую один из траблов которые используют в тату.
Используем еще одну подобную форму более светлого цвета и помещаем ее над черным облаком.
Финальным шагом будет добавление самой надписи, делаем надпись белым цветом над черным облаком.
Идем в → Layer > Layer Style > Gradient Overlay (Слой > Стиль слоя > Наложение градиента) и настраиваем градиент как на картинке ниже, так же пожеланию можете добавить тень.
Пишим красным цветом второе слово, для большей похожести используем шрифт Chiller . Добавим к нему также как и в предыдущем шаге градиент белого цвета для придание глубины.
Вот и все, надеюсь что вам понравилось и вы вдохновленные этим уроком сделаете что свое.
Финальный результат
В этом уроке мы будем создавать летний постер в Фотошопе.
В этом уроке вы узнаете, как из двух фото создать симпатичный летний постер в Adobe Photoshop. Техника основана на использовании режимов наложения и фильтров.
Шаг 1.
Итак, начнем. Для начала создаем новый документ, нажав Ctrl + N, высота (Height) 1800, ширина (Width) 1350 пикселей, разрешение 150 пикселей на дюйм (Pixels/Inch).
Шаг 2.
В меню выберите Файл > Поместить встроенные (File > Place Embedded) и откройте изображение девушки. В режиме трансформации (для вызова нажмите Ctrl+T ) немного увеличьте размер изображения, удерживая клавишу Shift , а затем поместите фото модели по центру рабочей области.
Шаг 3.
Выберите Инструмент Волшебная палочка - Magic Wand Tool (W) , установите параметр Допуск (Tolerance) на 10 и выделите фон . Используя этот же инструмент с зажатой клавишей Shift добавьте к уже имеющемуся выделению белый фон. Далее с зажатой клавишей Alt кликните левой кнопкой мыши на иконку Добавить маску слоя (Add a layer mask) внизу панели слоев.
Шаг 4.
Теперь создадим фон. Сначала добавим градиент. Кликните по иконке Создать новый корректирующий слой или заливку (Create new fill or adjustment layer) внизу панели слоев. Выберите черно-белый градиент и настройте градиент из следующих цветов #fef4da > #f5ca6c > #ecad2a > #e39a0a > #dd9302 , как показано на рисунке. Нажмите Ок . Выставьте угол (Angle) градиента на 90 градусов, масштаб (Scale) на 100% и нажмите Ок. Этот слой должен находиться под слоем с моделью.
Шаг 5.
В меню выберите Файл > Поместить встроенные (File > Place Embedded) и откройте изображение отеля. Трансформируйте (Ctrl +T) изображение так, как показано ниже. Далее правой кнопкой мыши в меню трансформирования выберите Перспектива (Perspective ) и исправьте искажение изображения.
Шаг 6.
Теперь измените режим наложения слоя с отелем на Замена светлым (Lighten) . Продублируйте этот слой, нажав Ctrl + J и поменяйте режим наложения сдублированного слоя на Осветление (Screen) . Сочетание двух этих режимов наложения дает в результате яркую светлую картинку.
Шаг 7.
Теперь добавим текстуру к изображению. Горизонтальные линии придадут стиль постера изображению. Итак, создайте новый слой, кликнув по иконке Создать новый слой (Create a new layer) внизу панели слоев. Установите основной и фоновый цвет по умолчанию, нажав клавишу D. В меню выберите Фильтр > Рендеринг > Облака (Filter > Render > Clouds). К этой текстуре примените Фильтр > Оформление > Меццо-тинто (Filter > Pixelate > Mezzotint). В выпадающем меню фильтра выберите Длинные линии (Long Lines) и нажмите ОК.
Шаг 8.
Чтобы преобразовать текстуру в линии перейдите в Фильтр > Размытие > Размытие в движении (Filter > Blur > Motion Blur) . Установите настройки: Угол (Angle) 45 градусов , Расстояние (Distance) 2000 пикселей. Чтобы линии были равномерными на всем пространстве холста, примените фильтр еще раз, нажав Ctrl + F . Отлично! Вы можете также поэкспериментировать с настройкой угла размытия, чтобы получить другие интересные текстуры.
Шаг 9.
Теперь нажмите Ctrl + L , чтобы открыть окно Уровни (Levels) . Выставьте такие настройки: черные (blacks) 90, средние тона (midtones) 1.30, белые (whites) 210 . Это добавит контраста черным и белым линиям текстуры. Теперь скройте слой с моделью, кликнув на иконку глаза слева от миниатюры слоя.
Шаг 10.
Перейдите на вкладку Каналы (Channels) и удерживая клавишу Ctrl
кликните левой кнопкой мыши на миниатюре RGB
, у вас должны были выделиться только белые линии. Теперь перейдите на вкладку Слои (Layers)
, создайте новый слой (Ctrl + Shift + N)
и залейте выделение белым цветом. Для этого убедитесь, что основным цветом выбран белый, нажмите Shift + F5, затем ОК.
Шаг 11.
На панели слоев нажмите иконку Сохранять прозрачность пикселей (Lock transparent pixels) и используйте Инструмент Кисть - Brush Tool (B) большого размера, около 700 пикселей с Жесткостью (Hardness) 0% и Непрозрачностью (Opacity) около 50% . Выбирайте разные цвета из панели Образцы (Swatсhes) и разукрашивайте линии (в уроке использованы следующие цвета #ff4c00, #ee00ff, #662d91, #00aeef) . Затем поставьте режим наложения этого слоя на Перекрытие (Overlay). Сгруппируйте все фоновые слои, кроме слоя с градиентом, нажав Ctrl + G.
Шаг 12.
Теперь включите видимость слоя с моделью и создайте выделение из маски слоя, удерживая Ctrl и кликнув левой кнопкой мыши на миниатюру слоя. Далее удерживая Alt создайте маску для группы с фонами (кликнув по иконке внизу панели слоев). Это делается для того, чтобы эффекты, которые мы будем применять к модели, не повлияли на фоновые слои. У вас должно получиться так, как показано ниже:
Шаг 13.
Итак, займемся моделью. Скройте все слои, кроме слоя с моделью. В меню выберите Выделение > Цветовой диапазон (Select > Color Range), в выпадающем меню Выбор (Select) установите Тени (Shadows), Диапазон (Range) 10, Разброс (Fuzziness) 25%.
Шаг 14.
Сдублируйте выделенную область со слоя с моделью (Ctrl + J) и скройте этот слой. Вернитесь к слою с моделью, снова выберите Цветовой диапазон (Color Range) и установите эти настройки: Диапазон (Range) 0, Разброс (Fuzziness) 3%. Сдублируйте выделение и поместите этот слой над предыдущим. Повторите этот процесс несколько раз, варьируя настройки, чтобы в итоге получить практически все изображение. Я сделал 8 слоев, чтобы получить результат, который вы можете видеть ниже. Не переживайте, что некоторые части изображения пропали. Это часть процесса стилизации.
Шаг 15.
Скройте оригинальный слой с моделью. Теперь мы поработаем с каждым из других слоев. Для темных слоев (тени/средние тона - (shadows/midtones) установите режим наложения на Перекрытие (Overlay) . Для светлых слоев (светлые тона) – на Осветление (Screen). Каждому из этих слоев установите Сохранять прозрачность пикселей (Lock transparent pixels). Затем возьмите Инструмент Кисть - Brush Tool (B) с настройками: размер (Size) 500 пикселей, жесткость (Hardness) 0, Непрозрачность (Opacity) 50%. Цвета можете выбрать такие: #0072bc, #92278f, #39b54a. Красьте кистью только на слоях с режимом наложения Перекрытие (Overlay), чтобы сделать тонировку.
Шаг 16.
Чтобы создать блестящую текстуру платья поменяйте режим наложения слоя из Шага 13 на Разделение (Divide) . Далее включите видимость оригинального слоя с моделью и установить его Непрозрачность (Opacity) на 73% и Заливку (Fill) на 40%.
Шаг 17.
Сгруппируйте все слои с моделью (Ctrl + G) и сдублируйте группу (Ctrl + J)
. Слейте слои в одной из групп в один слой, нажав сочетание клавиш Ctrl + E
. Измените режим наложения получившегося слоя на Перекрытие (Overlay) и установите значение Заливки (Fill) на 70%.
Шаг 18.
Продублируйте слитый слой с моделью два раза и преобразуйте каждый из них в смарт-объект, нажав правую кнопку мыши и выбрав в меню Преобразовать в смарт-объект (Convert to Smart Object). В меню выберите Фильтр > Другие > Цветовой контраст (Filter > Other > High Pass), установите радиус (Radius) в 10 пикселей. Этот слой повысит резкость и детализацию изображения.
Шаг 19.
К верхнему слою с моделью примените фильтр Свечение краев (Glowing Edges) из галереи фильтров, в меню Фильтр > Галерея фильтров > Стилизация > Свечение краев (Filter > Filter Gallery > Stylize > Glowing Edges) с такими настройками: Ширина краев (Edge Width) 1, Яркость краев (Edge Brightness) 8, Смягчение (Smoothness) 5.
Режим наложения этого слоя поставьте Осветление (Screen)
. Таким образом мы создадим эффект, который сделает фото больше похожим на рисунок.
Похоже работает фильтр Выделение краев (Find Edges) – в меню Фильтр > Стилизация > Выделение краев (Filter > Stylize > Find Edges),
только обводка в данном случае будет темной и вам нужно будет применить режим наложения Умножение (Multiply).
Шаг 20.
Добавим немного контраста изображению. В меню выберите Слой > Новый корректирующий слой > Уровни (Layer > New Adjustment Layer > Levels) . Выставьте значения: черные (Blacks) 99, средние тона (Midtones) 1.14, белые (Whites) 255. Измените режим наложения на Умножение (Multiply). Зажмите клавишу Alt и перетащите маску группы с фонами на этот корректирующий слой, чтобы он не применялся к изображению модели.
Шаг 21.
Теперь поэкспериментируем с тонировкой изображения. Разберем 3 разных варианта. Создайте новый корректирующий слой: Слой > Корректирующий слой > Карта градиента (Layer > New Adjustment Layer > Gradient Map) под группой с моделью. Выставьте градиент из следующих цветов: #030303 > #0c0b0b > #3a3732 > #77736a > #92b9cc > #cfe0e8 > #fcfcfc, как показано ниже.
Шаг 22.
Далее кликните на маску корректирующего слоя, в меню выберите Фильтр > Рендеринг > Облака (Filter > Render > Clouds ). Чтобы сделать облака контрастнее нажмите Ctrl + L и выставьте значения: черные (blacks) 105, средние тона (midtones) 1, белые (whites) 120.
Шаг 23.
При выделенной маске слоя перейдите в Фильтр > Эскиз > Полутоновый узор (Filter > Sketch > Halftone Pattern)
. Настройте фильтр следующим образом: размер (Size): 2, контраст (Contrast) 25, тип узора (Pattern Type): Линии (Lines).
Этот замечательный эффект еще больше подчеркивает стиль постера и придает изображению законченный вид.
Шаг 24.
Вернитесь к корректирующему слою. Если вы установите режим наложения этого слоя на Затемнение основы (Color Burn)
цвета станут более богатыми и глубокими. Но если вы выставите режим наложения Цветовой тон (Hue)
, вы получите красивые бирюзовые тени, гармонирующие с композицией.
Вы также можете поэкспериментировать с такими режимами наложения, как: Темнее (Darker Color), Осветление (Screen) и т.д.
Шаг 25.
Этот шаг можете выполнить по желанию. Можете добавить текст, в данном случае – это декоративный текст. Выберите инструмент Текст - Horizontal Type Tool (T) и наберите любой текст на ваше усмотрение. Установите шрифт Brush Script Std Medium размером 205 пикселей цвета #fff200 . С помощью трансформирования (Ctrl +T) поверните текст. Поместите этот слой под слой с градиентом.
Шаг 26.
Можете добавить тексту стиль. Два раза кликните по слою с текстом и поставьте галочки в окошках Внутреннее свечение (Inner Glow), Наложение градиента (Gradient Overlay) и Внешнее свечение (Outer Glow) . Для стилей Внутреннее свечение и Внешнее свечение поставьте одинаковые настройки: режим наложения: Осветление (Screen), Непрозрачность (Opacity): 35%, размер (Size): 7px. Для стиля Наложение градиента установите режим наложения Замена светлым (Lighten), Непрозрачность (Opacity): 75%, цвета градиента: #ff7102 > #ffff00 > #ff7102, тип (Style): Линейный (Linear), угол (Angle): 127 и кликните ОК.
Шаг 27.
Многие из нас хотели бы видеть у себя на стене плакат с любимыми персонажами сериалов, репродукциями картин или просто красивыми пейзажами. В продаже подобной полиграфии присутствует довольно много, но это все «ширпотреб», а хочется чего-то эксклюзивного.
Сегодня мы с Вами создадим свой плакат в очень интересной технике.
Первым делом подберем персонажа для нашего будущего плаката.
Как видите, персонажа от фона я уже отделил. Вам нужно будет сделать то же самое. Каким образом вырезать объект в Фотошопе, читайте в этой статье .
Создаем копию слоя с персонажем (CTRL+J ) и обесцвечиваем ее (CTRL+SHIFT+U ).
Затем идем в меню «Фильтр – Галерея фильтров» .
В галерее, в разделе «Имитация» , выбираем фильтр «Очерченные края» . Верхние ползунки в настройках перемещаем до предела влево, а ползунок «Постеризация» выставляем в положение 2 .
Нажимаем ОК .
Применяем корректирующий слой «Микширование каналов» . В настройках слоя ставим галку напротив «Монохромный» .
Затем применяем еще один корректирующий слой под названием «Постеризация» . Значение выбираем такое, чтобы на оттенках было как можно меньше шума. У меня это 7 .
Результат должен получиться примерно, как на скрине. Еще раз повторюсь, постарайтесь подобрать значение постеризации таким образом, чтобы участки, залитые одним тоном, были как можно более чистыми.
Применяем еще один корректирующий слой. На этот раз «Карту градиента» .
В окне настроек кликаем по окошку с градиентом. Откроется окно настроек.
Кликаем по первой контрольной точке, затем по окошку с цветом и выбираем темно-синий цвет. Жмем ОК .
Затем подводим курсор к шкале градиента (курсор превратится в «палец» и появится подсказка) и кликаем, создавая новую контрольную точку. Позицию выставляем в 25%, цвет красный.
Следующую точку создаем на позиции 50% со светло-синим цветом.
Еще одна точка должна расположиться на позиции 75% и иметь светло-бежевый цвет. Числовое значение данного цвета необходимо скопировать.
Для последней контрольной точки задаем тот же цвет, что и для предыдущей. Просто вставляем скопированное значение в соответствующее поле.
По завершению жмем ОК .
Давайте придадим немного больше контраста изображению. Переходим на слой с персонажем и применяем корректирующий слой «Кривые» . Перемещаем ползунки к центру, добиваясь нужного эффекта.
Желательно, чтобы на изображении не осталось промежуточных тонов.
Продолжаем.
Снова переходим на слой с персонажем и выбираем инструмент «Волшебная палочка» .
Кликаем палочкой по участку светло-синего цвета. Если таких участков несколько, то добавляем их в выделение кликом с зажатой клавишей SHIFT .
Затем создаем новый слой и создаем для него маску.
Кликом активируем слой (не маску!) и нажимаем сочетание клавиш SHIFT+F5 . В списке выбираем заливку 50% серого и нажимаем ОК .
Затем идем в Галерею фильтров и, в разделе «Эскиз» , выбираем «Полутоновой узор» .
Тип узора – линия, размер 1, контрастность – «на глаз», но имейте в виду, что Карта градиента может воспринять узор как темный оттенок и изменить его цвет. Поэкспериментируйте с контрастом.
Переходим к заключительной стадии.
Снимаем видимость с самого нижнего слоя, переходим на самый верхний, и нажимаем сочетание клавиш CTRL+SHIFT+ALT+E .
Затем объединяем в группу нижние слои (выделяем все с зажатым CTRL и нажимаем CTRL+G ). С группы также снимаем видимость.
Создаем новый слой под верхним и заливаем его тем красным, что и на постере. Для этого берем инструмент «Заливка» , зажимаем ALT и кликаем по красному цвету на персонаже. Заливаем простым кликом по холсту.
Создание постера в стиле киноафиши к фильму Эволюция Борна/The Bourne Legacy (2012) в Photoshop CS6. Это - простое учебное руководство, подходящее для новичков, и поэтапно рассказывающее о методе создания афиши, используя базовые методики редактирования.
Конечный результат
Шаг 1
Открываем фотографию, над которой будем работать в Photoshop. Для этого проделываем нехитрые File -> Open. Рекомендуется использование фотографии с высоким разрешением, т.к. в ходе урока над исходным файлом будет проведена операция кропа (обрезки).
Шаг 2
Щелчок правой кнопкой мыши на слое и выбираем ‘Преобразовать в смарт-объект’ (Convert to Smart Object). Данная операция позволит нам, при необходимости, применить методы обратимого редактирования над рабочим слоем.
Шаг 3
Прежде чем начать манипуляции нам необходимо добавить слой и разместить его ниже ‘рабочей’ фотографии. Для этого необходимо совершить следующие действия: перейдите в меню Слои -> Новый слой заливка -> Цвет (Layer -> New Fill Layer -> Solid Color), выбрать черный цвет, затем нажмите кнопку ОК.
Шаг 4
В панели слоев (Window -> Layers), перетащите слой с заливкой под рабочий и задайте имя каждому, при желании, как это показано на рисунке ниже.
Шаг 5
Для начала мы добавим эффект песка (зернистости) фото при помощи корректирующих слоев и фильтров.
Начнем с добавления черно-белого корректирующего слоя Слои -> Новый корректирующий слой -> Черно-белое (Layer -> New Adjustment Layer -> Black & White), укажем режим наложения для данного слоя на Перекрытие (Overlay). При этом не стесняйтесь, поиграйте с настройками в панели свойств (Window -> Properties).
Шаг 6
Затем добавим слой Вибрация (Vibrance) регулировки Слои -> Новый корректирующий слой -> Вибрация (Layer -> New Adjustment Layer -> Vibrance). Уменьшим значение вибрации, дабы получить необходимый оттенок.
После проделанных манипуляций изображение выглядит следующим образом.
Шаг 7
Корректирующие слои выполнили свою работу) и на исходной фотографии получился эффект плохого освещения, что скрывает детали и делает фон темным. При этом у нас не стоит задача сделать изображение объекта слишком темной, ввиду того, что он может слиться с общим фоном и сделать полосы едва заметными.
Чтобы исправить эту ситуацию, мы применим регулировки Тени/Света (Shadows / Highlights). В панели слоев, выберите слой с фотографией, затем переходим по пути Изображение -> Коррекция -> Тени/Света (Image -> Adjustments -> Shadows / Highlights. Установить тени около 35%, а свет до 15% нажмите кнопку ОК.
Если мы обратим внимание на панель слоев, мы увидим, что корректировка была применена в качества смарт-фильтра. Это обусловлено действиями, которые мы с Вами провели во втором шаге данного руководства Преимущество использования смарт-фильтров в том, что мы можете изменить настройки в любое время без отмены огромного числа проделанных операций.
Шаг 8
Далее мы добавим немного песка нашему изображению, при этом воспользуемся фильтром добавления шума, применяя его в качестве смарт-фильтра, как и предыдущем шаге.
Убедитесь в том, что у Вас выбран слой с фотографией и откройте в верхнем меню Фильтр -> Шум -> Добавить (Filter -> Noise -> Add Noise). Устанавливаем чекбокс напротив “Монохромный” и выбираем параметры таки образом, чтобы получилось нечто похожее на изображение ниже. Нажмите кнопку ОК, чтобы завершить операцию.
Шаг 9
Теперь перед нами стоит задача обрезать и повернуть изображения.
Выберите инструмент Рамка (Crop (C)), и на панели параметров, отключить опцию "Удалить обрезанные пиксели" (Delete Cropped Pixel) вариант, что позволит нам в любой момент внести коррективы. Обрезаем изображение, как показано на рисунке ниже.
Так же нам необходимо повернуть изображение таким образом, чтобы, что глаза героя были выровнены по горизонтали. Это очень важно, и позже невыполнение этого нехитрого действия будет бросаться в глаза.
Шаг 10
Что же пришло время добавить текст, да покричащеJ к нашему изображению. Это процедуру необходимо провести до добавления полос по понятным причинам… а иначе, как вы узнает, куда поместить полоску позже. Далее в панели слоев выбираем верхний слой для того, чтобы, при добавлении текста он всегда появлялся над ним, пустячок, а приятно. Выбираем инструмент Текст и тут у Вас простор для творчества, в плане выбора размера и начертания шрифта, в данной работе Arial. Стоит заметить, что каждое слово - отдельный слой.
Шаг 11
Выбираем все текстовые слои (зажав CTRL) и объединяем их в группу (Слои -> Сгруппировать слои или Ctrl+G), чтобы глаза не мозолили. Переименовываем при необходимости.
Шаг 12
Ту же операцию проделываем и для слоев, связанных непосредственно с фотографией (Вибрация, Черно-белое, и фотография героя) и даем ей имя ‘Фотография’.
Шаг 13
Теперь мы собираемся добавить полосы. Это очень легко сделать инструментом инструмент ‘Выделение прямоугольной рамкой’ (Rectangular Marquee Tool). Выбираем его в панели параметров устанавливаем режим "Добавить к выделенному" (Add to Selection) - 2 пиктограмма слева. Так же, убедитесь, что размер пера установлен в 0px. Нарисуйте прямоугольник, как показано на изображении ниже.
Начните с рисования прямоугольника вокруг текста и глаз, остальные добавите позже, затем добавить еще позже. Если вы допустили ошибку, просто нажмите Ctrl + Z, чтобы отменить. Хотите начать все сначала? Нажмите сочетание клавиш Ctrl + D, чтобы снять выделение и начать заново.
Шаг 14
В панели слоев, выбираем группу ‘Фотография’ и нажимаем кнопку Добавить маску слоя. Это создаст маску слоя от выделенных областей, сделанных в предыдущем шаге.
А выглядит это все никак иначе, как следующим образом.
Шаг 15
Мы почти закончили! Выбираем инструмент ‘Выделение прямоугольной рамкой’ и создаем выделение вокруг текста. Прежде убедитесь, что цвета переднего / заднего плана цвета установлены по умолчанию (белый, / черный), если это не так нажмите D, чтобы сбросить цвета. Нажмите клавишу Delete, чтобы заполнить выделенную область черным цветом. Нажмите сочетание клавиш Ctrl + D, чтобы снять выделение.
Когда вы закончите, установите режим выделения обратно в Новое выделение (как показано на рисунке).
Шаг 16
В палитре слоев щелкните на слое маски группы ‘Фотография’ - убедитесь, что вы нажали на миниатюру, так что вы редактируете маску слоя.
Нажмите D на клавиатуре, чтобы сбросить цвета фона и затем нажмите кнопку Delete на клавиатуре. Это позволит заполнить выделенную область черным цветом. Нажмите сочетание клавиш Ctrl + D, чтобы снять выделение, когда вы закончите. Вот то, что мы имеем на данный момент.
Шаг 17
Выше мы вели речь о полезных свойствах Smart Filters. Вот пример ситуации, где вы сможете использовать. Фотография героя на данном фоне кажется, слишком неестественно темной для исправления ситуации щелчок по регулировкам Тени/Света. Без Smart Filters, вам бы пришлось отменить многого операций.
Уменьшим тени и увеличим свет для более реалистичного вида. Нажмите кнопку ОК, после того, как вы отрегулировали настройки.
Шаг 18
Завершая работу, добавим небольшой градиент к тексту. Щелкните правой кнопкой мыши на любом из текстовых слоев выберите Параметры наложения (Blending Options).
Чекбокс напротив Наложение градиента (Gradient Overlay) затем установите параметры, указанные ниже. Нажмите кнопку ОК, когда закончите.
