Создание листовок в фотошопе. Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Всем привет!

В сегодняшнем уроке мы будем создавать летний, яркий, сочный (во всех смыслах!) флаер.

Из урока вы узнаете, как пользоваться инструментами Кисть, Текст и Перемещение, фильтром Размытие по Гауссу, линейками и направляющими, как загружать кисти, создавать градиенты, добавлять тень разными способами, трансформировать, масштабировать и поворачивать объекты, деформировать текст, использовать и копировать стили слоя и многое другое.

Создаем в фотошоп (Ctrl + N ) новый документ с параметрами, как на рисунке ниже. Поскольку готовую работу мы будем распечатывать, то используем разрешение 300 пикселей/дюйм и режим CMYK . Если вы не планируете распечатывать в дальнейшем созданный флаер, а просто хотите повторить урок, то можете упустить эти детали.

Два нижеописанных шага тоже необходимы, только если изображение будет распечатываться.

Сочетанием клавиш Ctrl + R вызываем Линейки. По краям холста добавляем направляющие. Чтобы добавить направляющую, подводим мышь к горизонтальной или вертикальной Линейке (в зависимости от того, какую направляющую нужно создать), кликаем мышкой и перетаскиваем направляющую в нужную область, затем отпускам клавишу мышки. Направляющие сами как «прилипнут» к краям холста.

Переходим в меню Изображение-Размер холста и вводим настройки, как на рисунке ниже. Мы расширили холст, все, что за пределами направляющих будет обрезано при распечатке.

Добавляем корректирующий слой Градиент. Кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Для этого кликаем по нижним Контрольным точкам и вводим следующие значения: для левой контрольной точки оттенок #ffffff, для правой – оттенок #5e8bc8. Следим, чтобы для верхних Контрольных точек была непрозрачность 100%. Если при открытии Редактора градиентов активен градиент с более, чем двумя Контрольными точками, удалите лишние, кликнув по точке и нажав на клавишу Delete . В окне корректирующего слоя Градиент вводим следующие настройки.

Выше слоя с градиентом создаем новый пустой слой и переименовываем его в «Облака». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое название и нажмите клавишу Enter .

Активируем инструмент Кисть и загружаем набор кистей с облаками из папки с исходниками. Для этого при активном инструменте Кисть кликаем ПКМ по холсту, чтобы вызвать меню выбора кистей. В меню выбора кистей кликните по «шестеренке» справа и выберите «Загрузить кисти». Набор с загруженными кистями появится в конце списка загруженных кистей. Для изменения размера кисти воспользуйтесь клавишами квадратных скобок на клавиатуре – клавиши «Х» и «Ъ» в русской раскладке. В панели цвета в качестве основного оттенка устанавливаем белый. Для этого сначала нажмите на клавиатуре клавишу D, чтобы сбросить цвета к установленным по умолчанию (черному и белому), затем – клавишу X, чтобы поменять оттенки переднего и заднего плана местами. Выбираем понравившееся кисти и рисуем облака в верхней части работы. Я использовала кисти, отмеченные на рисунке ниже. Вы можете использовать другие кисти на свое усмотрение.

В панели слоев понижаем прозрачность слоя «Облака».

Помещаем в документ (Файл-Поместить) изображение со стаканом сока из папки с исходниками.

Зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило и центра) и тянем за уголки рамки, чтобы уменьшить картинку. При помощи инструмента Перемещение располагаем слой со стаканом, как на рисунке ниже.

Ниже слоя «Сок» создаем новый пустой слой и называем его «Тень от стакана». Активируем инструмент Кисть, в панели слоев в качестве основного выставляем черный оттенок (нажимаем клавишу D ), выбираем мягкую круглую кисть и рисуем тень. Если у вас в данный момент не загружены мягкие круглые кисти, в панели выбора кисти нажмите «шестеренку» справа и выберите «Основные кисти». Понижаем прозрачность слоя с тенью.

Ниже слоя со стаканом помещаем (Файл-Поместить) изображение с пальмой из папки с исходниками. Уменьшаем пальму, не забывая зажимать клавишу Shift для сохранения пропорций, и поворачиваем, покрутив за уголки рамки. Располагаем, как на рисунке ниже.

Создаем дубликат слоя с пальмой (Ctrl + J ). Переходим в меню Редактирование-Трансформирование-Отразить по горизонтали и размещаем пальму справа.

Выше всех слоев помещаем в документ изображение с листом из папки с исходниками. Уменьшаем его и располагаем, как на рисунке ниже. Переходим в меню Фильтр-Размытие-Размытие по Гауссу и настраиваем следующим образом. Дублируем слой с пальмой (Ctrl + J ) и отражаем по горизонтали (Редактирование-Трансформирование-Отразить по горизонтали). Располагаем в правой части холста.

Устанавливаем в фотошоп шрифт из папки с исходниками. Для того, чтобы установить шрифт, кликаем ПКМ по файлу шрифта и выбираем «Установить». После этого шрифт добавится в систему и программу фотошоп.

Активируем инструмент Текст. Пишем текст «Это лето было». В верхней панели настроек инструмента Текст выбираем шрифт, который установили в предыдущем шаге, меняем размер и цвет текста (#7 bb 930). Затем нажимаем в верхней панели настроек инструмента Текст на иконку деформации текста и в появившемся окне вводим следующие настройки. При помощи инструмента Перемещение располагаем текст на холсте.

В нижней части холста пишем слово «ярким!!!». Используем тот же шрифт, но меняем оттенок на # d 8 da 17 и увеличиваем размер текста.

Дважды кликаем по одному из текстовых слоев, чтобы открыть стили слоя.

Во вкладке Тень добавляем тень.

В панели слоев кликаем по значку уже добавленного к слою стиля слоя и перетаскиваем его при помощи мышки на второй текстовый слой. Таким образом мы скопировали стиль слоя на другой слой.

Если Вы не хотите пропустить интересные уроки создания эффектов в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.

Чтобы фон выглядел достаточно грубым, возьмем отсканированное изображение черного квадрата, распечатанного на старой бумаге. Можно использовать "UNSCUFFED .jpg " из этого архива . Вставим изображение в документ.

Шаг 3

Также нам понадобится отсканированное изображение предыдущего листа, по которому прошлись наждачной бумагой: "SCUFFED.JPG" из этого архива .

С этим изображением пока ничего не делаем.

Шаг 4

Шаг 10

Теперь расположим все слои так, чтобы создать девушку, играющую на гитаре. Некоторые элементы приходится вращать и менять их размер, чтобы они подошли.Некоторые области могут нуждаться в работе с маской (это лучше чем просто стереть часть слоя). Для этого добавляем векторную маску (Add Vector Mask) и затем рисуем на самой маске.

Шаг 11

Создаем новый слой, и перемещаем его под слой волос и слой губ в Палитре Слоев. Используем Инструмент Овальная Область (Elliptical Marque Tool - M), расположенный там же, где и Инструмент Прямоугольная Область (Rectangular Marquee Tool - M).Рисуем круг и размещаем его на месте головы и заливаем любым цветом. Затемзаходим в меню Слой (Layer) > Стиль Слоя (Layer Style) > Наложение Градиента (Gradient Overlay) и применяем градиент

Шаг 12

Шаг 21

Располагаем ее и маскируем места которые нам не нужны. Используем большую и не жесткую кисть, чтобы рисовать на маске слоя

Шаг 22

Затем из архива вставляем "card .jpg " в рабочий документ. Изменяем его размер так, чтобы оно закрывало весь холст, и устанавливаем Параметр Наложения слоя: Перекрытие (Overlay ). Уменьшаем непрозрачность (Opacity ) слоя до 40%. Затем дублируем слойи начзначаем Параметр Наложения: Замена Темным (Darken ) и устанавливаем непрозрачность (Opacity ) Слоя30%. Этот слой должен быть выше.

C Перекрытием 40% .

С Перекрытием 40% и Темнее 30 %.

Шаг 23

Добавим еще немного эффектов: "briodoodles .jpg " и "FOLDED .JPG ". Выбираем "briodoodles .jpg " и делаем Инверсию (Cntrl + I ), затем устанавливаем Параметр Наложения: Осветление (Screen ). Для "FOLDER .jpg " тоже выбираем Осветление (Screen ). Затем перемещаем эти слои левее, чтобы справа осталось место для текста.

Шаг 24

Если считаете что на рисунке слишком много грязи и потертостей, то можно убрать некоторые эффекты. Добавим текст, и теперь остались лишь последние штрихи...

Шаг 25

Для последних штрихов, выбираем слой "Card" (Перектырие 40%) и нажимаем Shift+ Cntrl + U, чтобы обесцветить его. Затем выбираем меню Слой (Layer) > Выполнить Сведение (Flatten Image).

Шаг 26

Открываем палитру Каналов, и щелкаем правовой кнопкой мыши на Синем Канале. Выбираем С оздать дубликат канала (Duplicate Channel ), и вставляем полученный канал в отдельный документ.

Шаг 27

Выбираем меню Изображение (Image) > Режим (Mode) > Битовый формат (Bitmap), ставим значения как на снимке. Нажимаем OK и снова выбираем меню Изображение (Image) > Режим > Градации серого (Grayscale).

Шаг 28

Выбираем Инструмент Волшебная Палочка (Magic Wand Tool - W) и убираем галочку с параметра Смежные Пиксели (Contigious). Стандартный Допуск (Tolerance) 32 отлично подойдет. Затем выбираем любой черный пиксель из холста. Нажимаем Cntrl + C, чтобы копировать и вставляем выделение в рабочий документ

Шаг 29

Нажимаем Cntrl + U, в появившемся диалоге Цветовой тон/Насыщенность (Hue/Saturation) ставим значения как на снимке. Затем назначаем Параметр Наложения слоя (Blending Mode): Мягкий Свет (Soft Light), и Непрозрачность (Opacity) 70 %. Дублируем этот слой, и устанавливаем для копии Параметр Наложения: Осветление (Screen) 30 %.

Шаг 30

Выбираем меню Слой (Layer) > Новый Корректирующий Слой (Adjustment Layer) > Кривые (Curves), и усиливаем светлые пиксели.

Шаг 31

Наконец отрегулируем Цветовой тон/Насыщенность (Hue/Saturation), и можно распечатывать документ...

Заключение

Мы можем видеть готовое изображение на снимке, а есть версия побольше . Заметьте, что место справа оставлено для вашего собственного текста.

Фотошоп - очень мощный инструмент для графического дизайна и обработки фотографий. Но это не всё, на что он способен. Если у Вас есть определённые навыки, то с его помощью можно создавать и печатную продукцию. В этом уроке мы создадим флаер, который можно распечатать прямо из Фотошопа в цветовой модели CMYK.

Для работы нам понадобится несколько векторных иконок, специально нарисованных в Adobe Illustrator, а также изображения с Envato. Всё это можно найти в этом архиве, в PSD файле. Шрифт, который мы будем использовать, называется «Proxima Nova . Он доступен в Typekit или по подписке Adobe Creative Cloud.

Создание документа и вспомогательных элементов

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 216х154 мм. Это размер бумаги формата A5 с добавленными по краям 3мм полями. Так как мы готовим флаер к печати, то лучше выбрать цветовой режим CMYK.

Шаг 2

Включите линейки (View ? Rulers) и отведите от них направляющие на расстоянии 3мм от краёв холста.

Шаг 3

Отведите направляющие для каждой стороны холста.

Создание фона

Шаг 1

Создайте новый слой (Ctrl + Shift + Alt + N) и залейте его белым цветом при помощи инструмента Paing Bucket Tool (G). Включите панель Color (Window ? Color), чтобы видеть цветовую схему CMYK.

Шаг 2

Примените стиль Gradient Overlay:

Шаг 3

Создайте прямоугольник размером 216х56 мм при помощи инструмента Rectangle Tool (U).

Шаг 4

Расположите прямоугольник в левом верхнем углу. Залейте его тёмно-коричневым цветом (C=49 M=74 Y=80 K=70).

Шаг 5

Инструментом Pen Tool (P) добавьте якорную точку на нижний край прямоугольника.

Шаг 6

Инструментом Direct Selection Tool (A) искривите нижний край прямоугольника.

Шаг 7

Измените форму прямоугольника при помощи дополнительных якорных точек.

Шаг 8

Перейдите в меню File ? Place Embedded и выберите файл «people-1.jpg» из загруженного архива.

Шаг 9

Расположите фотографию в левом верхнем углу.

Шаг 10

Создайте прямоугольник размером 216х100 мм.

Шаг 11

Инструментом Direct Selection Tool (A) расположите его прямо над фотографией в верхнем левом углу.

Шаг 12

На верхней панели параметров инструмента Rectangle Tool (U) нажмите на кнопку Mask. К слою с фотографией будет добавлена векторная маска.

Шаг 13

Добавьте якорную точку инструментом Pen Tool (P) и искривите нижний край фотографии.

Шаг 14

Теми же инструментами продолжайте изменять форму фотографии. Постарайтесь использовать как можно меньше якорных точек.

Шаг 15

К фотографии примените фильтр Gaussian Blur (Filter ? Blur ? Gaussian Blur) со значением 6 пикселей.

Шаг 16

Кликните на маске смарт-фильтра и залейте её градиентом слева направо.

Шаг 17

Кликните на маске слоя фотографии и выберите кисть. Закрасьте край ступенек.

Шаг 18

Создайте корректирующий слой Brightness/Contrast.

Шаг 19

Кликните правой кнопкой мыши на корректирующем слое и выберите пункт Create Clipping Mask. Благодаря обтравочной маске корректирующий слой повлияет только на фотографию.

Шаг 20

Создайте слой-заливку Solid Color: C=30 M=80 Y=100 K=30.

Шаг 21

Удерживая Alt, перенесите векторную маску фотографии на новый корректирующий слой.

Шаг 22

Инструментом Direct Selection Tool (A) перенесите правую верхнюю якорную точку к правому верхнему углу.

Шаг 23

На маске слоя-заливки мягкой кистью с 75% непрозрачностью верните часть фотографии.

Шаг 24

Нарисуйте ещё один прямоугольник:

Шаг 25

Залейте его светло-коричневым цветом (C=10 M=65 Y=100 K=0).

Шаг 26

Опустите этот прямоугольник под тёмно-коричневый.

Шаг 27

Инструментами Pen Tool (P) и Direct Selection Tool (A) измените форму светлого прямоугольника.

Текстовый логотип

Шаг 1

Инструментом Ellipse Tool (U) создайте круг диаметром 248 пикселей коричневого цвета (C=30 M=80 Y=100 K=30).

Шаг 2

Примените стиль Drop Shadow:

Шаг 3

Создайте круг диаметром 400 пикселей тёмно-коричневого цвета (C=100 M=80 Y=45 K=50).

Шаг 4

Примените ко второму кругу тот же стиль Drop Shadow, что и к первому. Это можно сделать быстро через контекстное меню слоя: Copy Layer Style ? Paste Layer Style. Тёмно-синий круг опустите под светло-коричневый.

Шаг 5

Выберите инструмент Horizontal Type Tool (T), шрифт «Proxima Nova» и подпишите круг. Откройте окно Character (Window ? Character) и настройте шрифт. Напишите каждую строку текста на отдельном слое и измените расположение при помощи инструмента Move Tool (V).

Шаг 6

Подпишите второй круг.

Шаг 7

Добавьте ещё текст на флаер.

Шаг 8

Справа от слова «Travel»:

Шаг 9

Создайте копию обоих текстовых слоёв и опустите их ниже.

Шаг 10

Измените текст нижней строки.

Шаг 11

Перейдите в меню File ? Place Embedded и вставьте логотип «acme-travel-logo.ai».

Шаг 12

Уменьшите логотип и расположите его в правом верхнем углу.

Шаг 13

Примените к логотипу стиль Drop Shadow:

Добавление фотографий

Шаг 1

Создайте прямоугольник размером 60х28 пикселей.

Шаг 2

Выделите прямоугольник инструментом Direct Selection Tool (A) и на верхней панели выберите выравнивание по горизонтальным центрам.

Шаг 3

Вставьте фотографию «people-11.jpg» через меню File ? Place Embedded.

Шаг 4

Уменьшите фотографию и вставьте её прямоугольник.

Шаг 5

Выберите слой прямоугольника и инструмент Rectangle Tool (U). На верхней панели нажмите на кнопку Mask. К фотографии будет добавлена векторная маска.

Шаг 6

Выберите инструмент Move Tool (V), зажмите Alt + Shift и сдвиньте фотографию вправо. У Вас автоматически будет создана копия.

Шаг 7

Вставьте файл «city-5.jpg» через меню File ? Place Embedded.

Шаг 8

Измените размер фотографии и расположите её над слоем с фотографией девушки.

Шаг 9

Перенесите маску со слоя «people-11-copy» на новую фотографию, а затем удалите его.

Шаг 10

Повторите шаги 7-9, чтобы добавить ещё одно изображение. На этот раз добавьте скриншот карты с расположением компании.

Шаг 11

К слою с картой примените стиль Stroke:

Шаг 12

Color: (C=30 M=80 Y=100 K=30).

Текст под картинками

Шаг 1

Добавьте строчку текста цветом светло-коричневого цвета (C=10 M=65 Y=100 K=0).

Инструкция

Запустите Adobe Photoshop и создайте новый документ. В процессе создания задумайтесь, какой вид будет иметь ваша листовка ( , книжный или квадратный), и в зависимости от этого заполните поля Width и Height. Формат и тематика остается, разумеется, на ваше усмотрение, но в этой инструкции будет изложен процесс создания листовки в книжном формате на тему вреда курения.

С помощью инструмента Paint Bucket Tool (горячая клавиша G, переключение между смежными элементами – Shift+G) покрасьте фон в белый цвет. Выберите инструмент Rectangle Tool (U, Shift+U) и создайте обрамляющие полосы цветом ffbd5f в верхней и нижней части листовки.

При помощи инструмента Horizontal Type Tool (T, Shift+T) создайте два слоя с надписями заглавными буквами «курение» (цвет 7d6125) и «убивает» (белый цвет). Шрифт – Trebuchet MS. С помощью команды свободной трансформации (Ctrl+T) увеличьте надпись «убивает». Создайте кайму для каждой из надписей. Для этого кликните правой кнопкой мыши по слою и выберите пункт Blending options, а затем вкладку Stroke. Размер каймы: 3 пикселя, прозрачность: у «убивает» - 30%, у «курение» - 14%. Расположите обе надписи как показано на картинке. Создайте еще одну полосу под надписью «убивает» той же толщины и цвета, как у полос в верхней и нижней части листовки.

С помощью Rectangle Tool (тремя прямоугольниками) создайте фон за надписью «убивает», но не касаясь надписи «курение». Создайте 6 надписей размером 40 и шрифтом Trebuchet MS: «Согласно», «статистике», «в России», «курят», «более 3 миллионов», «подростков». Разместите их друг под другом в центре листовки. Ниже создайте еще одну полосу цвета ffbd5f. Окаймите эту и самую нижнюю полосу тонкими цвета ffee5f.

Создайте еще 6 надписей заглавными буквами («объясни», «своему» и «ребенку» - размер 40, начертание H; «почему», «сигареты» и «вредны» - 35, EL), шрифт - Kozuka Gothic Pr6N. Разместите надписи между двумя нижними оранжевыми полосами как показано на приложенной картинке.

При помощи инструмента Ellipse Tool (U, Shift+U) создайте вокруг надписи «Согласно статистике в России курят более 3 миллионов подростков» нечто похожее на сигаретный дым. Для этого эллипс за эллипсом в произвольном порядке закройте эту надпись. Затем для удобства соедините все слои с эллипсами (выделите их, щелкните по ним правой кнопкой и нажмите Merge Layers).

Кликните по вновь образованному слою правой кнопкой мыши и выберите Blending Options. Во вкладке Stroke создайте серую кайму для этого слоя величиной 2 пикселя, а во вкладке Satin, покрутив ползунки, придайте слою вид клубов дыма. Создайте еще две копии этого слоя, поместите их ниже оригинала. С помощью команды свободной трансформации увеличьте обе копии. В результате у вас должно получиться что-то вроде этого.

В нашем сегодняшнем руководстве мы хотим рассказать вам о процессе разработки простенького флаера на тему рок-музыки в Adobe Photoshop. Вам не понадобятся какие-либо серьезные навыки или сноровка.

Вам просто потребуется Photoshop, несколько бесплатных источников, а также ваше собственное работающее воображение. Просто следуйте по этапам, приведенным ниже, и у вас получится создать уникальный дизайн.

Этап 1

Наш первый этап, конечно же, заключается в том, чтобы выставить спецификации документа. Сегодня существует несколько разных форматов флаеров, и вы даже можете придумывать собственные размеры, если захотите. Тем не менее, большинство печатных компаний предпочитают работать со стандартными дизайнами флаеров. Для того чтобы начать, используйте размеры флаера, представленные ниже. Используйте их как основу и для последующих дизайнов.

Ширина: 8.5 дюймов
Высота: 5.5 дюймов
Разрешение: 300 ppi
Режим цвета: CMYK

Этап 2

Как только откроете новый документ, вам нужно будет добавить несколько направляющих. Направляющие помогут вам расставлять элементы дизайна таким образом, чтобы они не попадали на край документа. Включите линейки (CTRL+R). Зажмите левую кнопку мыши на линейке и проносите их к нужному расположению. Так как наш документ разрабатывается для того, чтобы быть напечатанным на лист размеры которого составляют примерно половину конверта, то нам понадобятся только поля (все остальные форматы требуют установки специальных краев). Просто отсчитайте 0.25 дюйма от края документа, чтобы у вас был запас.

Этап 3

Теперь, для начала создайте фон. Создайте новый слой, нажав CTRL+SHIFT+N. Назовите этот слой «Color Bars Layer».

Этап 4

Теперь, используя инструмент создания прямоугольного выделения (rectangular Marquee tool) создайте большую вертикальную полоску на одной стороне слоя. Выделив прямоугольную вертикальную область, залейте ее одним из цветов схемы. Используйте обычную заливку, чтобы ускорить процесс. Вы можете найти множество сочетаемых цветовых схем на colourlovers.com. В нашем примере мы создали синюю строку.

Этап 5

Продолжайте создавать вертикальные линии до тех пор, пока не заполните весь слой. Конечно же, не забывайте варьировать ширину вертикальных полос, а также меняйте цвета. Не забудьте также для пущего эффекта добавить несколько тонких темных линий, разбросанных по всему документу.

Этап 6

Отлично! Теперь, так как этот постер относится к музыке, а точнее – к рок-музыке, недостаточно иметь просто вертикальные линии. Выберите слой с цветными столбиками и нажмите CTRL+T для того, чтобы начать трансформацию. Затем мы немного повернем слой по углу, чтобы создать небольшой эффект искажения.

Этап 7

Перед тем, как продолжить, сохраните этот документ. Теперь нам нужно создать карту смещения. Для этого потребуется отдельный документ. Создайте новый документ при помощи сочетания клавиш CTRL+N. Сделайте его достаточно большим, например, 1024х768 пикселей или выше.

Этап 8

Как только документ будет открыт, вы сможете добавить текстуру смещения. Теперь, что касается нашего примера, то нам нужно сделать нечто более грубое. Так что давайте скопируем и вставим изображение в стиле гранджа, взятое с , в документ. Но вообще, вы можете использовать стандартные текстуры из Adobe Photoshop. Тем не менее, самый простой способ – это найти хорошую картинку или уже готовую текстуру смещения в интернете и просто вставить её.

Этап 9

Нажмите CTRL+SHIFT+U, чтобы убрать насыщенность цвета с данного слоя. Затем, пройдите в меню Image -> Adjustments -> Levels. Измените три значения под гистограммой таким образом, чтобы получить более грубую черно-белую текстуру. Вы можете начать с предложенных нами значений, а затем изменить их на свои (80,0.01,180)

Этап 10

Как закончите, сохраните документ в формате PSD. Просто нажмите CTRL+S или File -> Save As… используйте описательное название, чтобы вы без труда смогли затем найти эту текстуру. Используйте формат PSD для сохранения.

Этап 11

Отлично! Теперь вернитесь к дизайну, над которым мы работаем. Выберите слой с цветными полосами. Затем пройдите в меню Filter -> distort -> Displace. Как только откроется окно Displace, вставьте значение 20 как в вертикальную, так и в горизонтальную шкалы. Вы также должны выставить параметр на растягивание (stretch), чтобы всё подходило и повторяло края пикселями.

Этап 12

Затем вам будет предложено выбрать карту смещения. Просто обратитесь к тому документу, который мы только что создали, и нажимайте ОК.

Этап 13

Сейчас вы должны увидеть, как приятный гранджевый эффект был применен ко всему слою. Если вам не нравится то, что получилось, нажмите CTRL+Z и попробуйте еще раз с другими настройками смещения или другой картой смещения. Хотя наш эффект нам нравится, и поэтому мы его оставим.

Этап 14

Теперь мы готовы вставить наше основное . В нашем примере мы будем использовать привлекательное изображение. Перед тем, как вставлять его в дизайн, мы обработаем изображение, исключив фон. Вы можете воспользоваться инструментом волшебное лассо (Magnetic lasso), либо волшебной палочкой (magic wand), чтобы без труда выделить фон изображения, а затем стереть его при помощи ластика.

Этап 15

Затем мы можем просто поместить персонаж на дизайн нашего флаера. Аккуратно расположите его, нажав CTRL+T, а затем, удерживая клавишу Shift, кликайте по уголкам выделения и регулируйте размер.

Этап 16

Далее, продублируйте слой с рок-звездой. Вы можете быстро сделать это, нажав CTRL+J. Этот новый слой должен появиться поверх вашего оригинального слоя. Перетащите этот слой в самый низ. Затем опять пройдите в меню Filter -> Distort -> Displacement. На этот раз используйте значение 30 для обеих шкал. Снова используйте вашу карту смещения. Теперь вы можете на фоне увидеть красивый эффект смещения, хотя основное изображение все равно будет выглядеть хорошо.

Этап 17

Теперь, используя инструмент создания прямоугольника (Rectangle tool), добавьте в дизайн несколько темных блоков. Здесь будет размещен текст флаера. Как только расположите прямоугольники, нажмите CTRL+T, удерживая выделение этих слоев, и немного наклоните их. Примерно так же, как мы делали с фоновым слоем.

Этап 18

Наконец, что касается добавленного эффекта. Возьмите инструмент создания произвольной фигуры (custom shape tool) и выделите опцию registration target 2. Это фигура с распространяющимися лучами. Добавьте ее в дизайн, сразу за персонажем. Сделайте ее достаточно большой, чтобы были видны только лучи. Расположите её таким образом, чтобы лучи исходили, будто из нашего персонажа. Для этой фигуры используйте черный цвет.

Этап 21

Затем измените режим смешивания (blending mode) слоя с лучами на наложение (overlay). А также измените значение непрозрачности (opacity) на 50%.

Этап 22

Наконец, вы можем добавить и текст. Воспользуйтесь инструментом создания текста (Text Tool), и впишите заголовок и другие детали. Просто сделайте так, чтобы текст совпадал с темными блоками. Измените размер и стиль текста так, чтобы появилось отличие между заголовком и другим текстом.

Этап 23

Отлично! На этом наш флаер готов! Теперь вы можете самостоятельно поработать над эффектами, или продумать, какие этапы процесса разработки данного примера следует изменить, чтобы улучшить его!