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

В этом уроке вы узнаете, как создать креативный рекламный флайер готовый к печати.

Все материалы для урока вы можете скачать по этойссылке . Кроме того, мы будем использовать шрифтProxima Nova .

Подготовка документа

Шаг 1

Создаем новый документ размером 216х154 миллиметров. Это размер формата А5 с отступами по краям в 3 мм. Так как данная работа предназначена для печати, устанавливаем цветовой режим на CMYK и разрешение на 300 пикселей/дюйм.

Шаг 2

Добавляем направляющие, чтобы отметить отступы по краям. Используем инструментMove Tool (V) (Перемещение) и клавишу Shift, чтобы откорректировать положение направляющих.

Шаг 3

Добавляем направляющие по всем сторонам документа.

Создаем фон

Шаг 1

Жмем Shift+Ctrl+N, чтобы создать новый слой. Заливаем его белым цветом (Alt+Backspace). Убедитесь, что на панелиColor (Цвет) установлены ползунки CMYK.

Шаг 2

Кликаем на кнопкуAdd a Layer Style (Добавить стиль слоя) внизу панели слоев и выбираемGradient Overlay (Перекрытие градиентом). Белый ползунок ставим на 30%. Цвет черного ползунка меняем на бледно-желтый (C=9 M=6 Y=14 K=0).

Шаг 3

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

Шаг 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

ИспользуемMove Tool (V) (Перемещение), чтобы разместить фото в верхнем левом углу, как показано ниже.

Шаг 10

С помощьюRectangle Tool (U) (Прямоугольник) создаем прямоугольник в режимеPath (Контур). Размер вводим 216 х 100 мм.

Шаг 11

С помощьюDirect Selection Tool (A) (Частичное выделение) перемещаем прямоугольник прямо на фото в верхнем левом углу.

Шаг 12

АктивируемRectangle Tool (U) (Прямоугольник) и на верхней панели параметров инструмента кликаем по кнопкеMask (Маска). В результате на слое с фотографией появится векторная маска.

Шаг 13

С помощьюPen Tool (P) (Перо) добавляем новый узелок на маске. Затем, используяDirect Selection Tool (A)(Частичное выделение), создаем кривую Безье.

Шаг 14

Используя те же инструменты (Перо и Частичное выделение), редактируем маску, как показано ниже. Обратите внимание на положение узелков и на простоту формы. Чем меньше узелков, тем более гладким и аккуратным будет результат.

Шаг 15

ПереходимFilter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу). Устанавливаем Radius (Радиус) на 6.

Шаг 16

Кликаем по маске смарт-фильтра и заливаем ее черно-белым градиентом от левого края к правому.

Шаг 17

Добавляем к фото новую слой-маску. Мягкойкисточкой (В) аккуратно стираем правый край.

Шаг 18

Создаемкорректирующий слой Brightness/Contrast (Яркость/Контрастность). Для этого кликаем на иконку(Создать новую заливку или корректирующий слой). Устанавливаем Brightness (Яркость) на 40 и Contrast (Контрастность) на 10.

Шаг 19

Кликаем правой кнопкой по корректирующему слою и выбираемCreate Clipping Mask (Создать обтравочную маску). Благодаря этому, коррекция будет действовать только на фото ниже.

Шаг 20

Кликаем на кнопкуCreate new fill or adjustment layer (Создать новую заливку или корректирующий слой) внизу панели слоев и выбираемSolid Color (Цвет). Цвет заливки устанавливаем на коричневый (C=30 M=80 Y=100 K=30).

Шаг 21

Жмем по векторной маске фотографии. Зажимаем клавишу Alt и перетаскиваем маску на слой с цветовой заливкой. В результате маска скопируется.

Шаг 22

С помощьюDirect Selection Tool (A) (Частичное выделение) перетаскиваем правый верхний узелок в угол.

Шаг 23

Беремкисть (В) и редактируем маску, чтобы убрать часть заливки. Непрозрачность коричневого слоя установите на 75%.

Шаг 24

БеремRectangle Tool (U) (Прямоугольник) и рисуем новый прямоугольник.

Шаг 25

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

Шаг 26

Размещаем слой со светлым прямоугольником под темным.

Шаг 27

С помощьюPen Tool (P) (Пера) иDirect Selection Tool (A) (Частичное выделение) редактируем прямоугольник, как показано ниже.

Добавляем текст и логотип

Шаг 1

Создаем окружность с помощьюEllipse Tool (U) (Эллипс). Размер фигуры - 248 х 248 px. Заливаем ее коричневым цветом (C=30 M=80 Y=100 K=30).

Шаг 2

Добавляем стиль слояDrop Shadow (Тень). УстанавливаемOpacity (Непрозрачность) на 14%,Distance (Расстояние) на 5 px и Size (Размер) на 15 px.

Шаг 3

Создаем еще одну окружность размером 400 х 400 px. Заливаем ее темно-синим цветом (C=100 M=80 Y=45 K=50).

Шаг 4

Ко второй окружности также применяем стиль слояDrop Shadow (Тень). Для этого кликаем правой кнопкой по слою с первой окружностью и выбираемCopy Layer Style (Копировать стиль слоя), затем правой кнопкой по второй и выбираемPaste Layer Style (Вставить стиль слоя). Синюю окружность размещаем под коричневой.

Шаг 5

С помощьюType Tool (T) (Текст) пишем текст. В этом уроке использован шрифтProxima Nova . Размер текста с ценой 17 pt. Все строки создаем как отдельные слои. С помощьюMove Tool (V) (Перемещение) размещаем текст в окружности, как показано ниже.

Шаг 6

Добавляем текст на синей окружности. Размер самого крупного текста 31 pt.

Шаг 7

Продолжаем добавлять текст. Шрифт - Proxima Nova Light, размер - 18 pt.

Шаг 8

Пишем еще текст. Размер - 36 pt. Устанавливаем Tracking (Трэкинг) на -10.

Шаг 9

Выделяем оба текстовых слоя. Зажимаем клавишу Alt и тянем их ниже, чтобы дублировать.

Шаг 10

С помощьюType Tool (T) (Текст) редактируем дубликаты текста, как показано ниже.

Шаг 11

ПереходимFile - Place Embedded (Файл - Поместить встроенные) и в открывшемся окне выбираем файл acme-travel-logo.ai.

Шаг 12

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

Шаг 13

Добавляем стиль слояDrop Shadow (Тень). УстанавливаемOpacity (Непрозрачность) на 11%,Distance (Расстояние) на 3 px и Size (Размер) на 16 px.

Добавляем фотографии

Шаг 1

Создаем прямоугольник с помощьюRectangle Tool (U) (Прямоугольник) размером 60 х 28 px.

Шаг 2

С помощьюDirect Selection Tool (А) (Частичное выделение) выделяем прямоугольник и на верхней панели в меню выравнивания выбираем Horizontal Centers (Центры по горизонтали).

Шаг 3

ПереходимFile - Place Embedded (Файл - Поместить встроенные) и добавляем к документу файл people-11.jpg.

Шаг 4

Уменьшаем размер изображения и размещаем на прямоугольнике.

Шаг 5

АктивируемRectangle Tool (U) (Прямоугольник) и на панели параметров инструмента жмем на кнопкуMask (Маска). Это функция сделает из прямоугольника векторную маску и применит ее к фото.

Шаг 6

ЗажимаемAlt+Shift и перетягиваем фото, чтобы дублировать его.

Шаг 7

ПереходимFile - Place Embedded (Файл - Поместить встроенные) и выбираем изображение city-5.jpg.

Шаг 8

Уменьшаем фото и размещаем его над слоем с копией предыдущего фото с девушкой.

Шаг 9

Хватаем маску копии фото с девушкой и перетаскиваем ее на новое фото, затем удаляем слой people-11-copy.

Шаг 10

Повторяем шаги 7-9 и добавляем карту.

Шаг 11

Выделяем слой с картой и добавляем стиль слояStroke (Обводка).

Шаг 12

Размер обводки устанавливаем на 2 px. МеняемPosition (Положение) наInside (Внутри) и выбираем коричневый цвет (C=30 M=80 Y=100 K=30).

Инструкция

Запустите 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.

Для этого вам нужно будет запустить программу Adobe Photoshop и создать новый документ. В зависимости от размеров будущей листовки, задайте размеры в полях Width и Height. Содержание листовки остается, естественно, на ваше усмотрение, но сам процесс создания мы будем рассматривать на примере листовки о вреде курения.

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

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

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

Теперь нужно создать еще шесть надписей. Используйте заглавные буквы. Слова «объясни», «своему» и «ребенку» наберите размером шрифта 40 и начертанием H, а «почему», «сигареты» и «вредны» - 35, EL. Воспользуйтесь шрифтом под названием Kozuka Gothic Pr6N. Надписи необходимо разместить между нижними полосами.

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

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

(то, что мы будем создавать)

Детали урока
Сложность: средняя
Продолжительность: увеличенная

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

Данный урок по фотошопу проведет вас сквозь процесс создания привлекательного, броского рекламного флайера, такого, как показан ниже. Причем его можно будет отправить на CMYK-принтер прямо из фотошопа. Вы можете выполнить урок в точности повторяя описываемые в нем шаги, и создать точно такой же флайер. Или же на свое усмотрение корректировать содержание шагов, цвета и операции, создавая флайер в соответствии с собственными идеями.

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

В уроке так же использованы шрифты из семейства , которые доступны пользователям Adobe Creative Cloud. Скачайте и установите этот шрифт на свой компьютер. Впрочем в интернете можно легко подобрать ему соответствующую альтернативу.

Подготовка документа и размещение направляющих

Шаг 1
Прежде всего, зададим документу правильные размеры и установки для печати. Создайте в фотошопе новый документ и задайте размер 216x154 мм. Данный размер соответствует формату A5 с 3 мм отступом вдоль краев. А так как результат нашей работы предполагается распечатывать, то задайте цветовую схему – CMYK , при разрешении 300 пикселей на дюйм (Pixels/Inch).

Шаг 2
Добавьте на документ несколько новых направляющих, которые обозначат поля. В Illustrator-е и Illustrator-е для этого есть встроенные опции, но в фотошопе это нужно проделывать вручную. Создать направляющую можно стащив курсор с соответствующей линейки в окне программы. Затем, используя инструмент Перемещение (Move tool) и клавишу Shift, расположите горизонтальную направляющую в 3 миллиметрах от края верхнего края холста.

Шаг 3
Повторите процесс, создавая аналогичные направляющие вдоль остальных краев документа. Убедитесь, что каждая направляющая отстоит ровно на 3 мм от соответствующего края.

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

Шаг 1
Нажмите Shift-Cmd-N, чтобы создать новый слой. Залейте его белым цветом. Для этого установите основным цветом – белый и нажмите Alt-Backspace. Убедитесь, что слайдеры CMYK находятся во включенном положении. Так будет обеспечена работа именно с цветами оптимальными для распечатывания.

Шаг 2
Кликните по иконке создания слоя-заливки или корректирующего слоя (Create new fill or adjustment layer) и выберите в раскрывшемся списке пункт: Наложение градиента (Gradient Overlay). Настройте цвета градиента так, как показано на скриншотах ниже.

Шаг 3
Выберите инструмент Прямоугольник (Rectangle Tool) и начертите фигуру с размерами 216x56 мм.

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

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

Шаг 6
Переключитесь на инструмент Стрелка (Direct Selection Tool) и, перемещая управляющие рычажки, придайте кривой Безье вот такую изящную форму:

Шаг 7
Повторите процесс, придавая прямоугольнику форму, показанную ниже:

Шаг 8
Пройдите в меню Файл > Поместить совмещенные (File > Place Embedded...), и выберите изображение people-1.jpg из набора с ресурсами урока.

Шаг 9
При помощи инструмента Перемещение (Move tool) поверните фото. Расположите его на холсте примерно так, как показано на изображении ниже:

Шаг 10
При помощи инструмента Прямоугольник (Rectangle Tool) начертите еще один прямоугольник со сторонами 216x100 мм.

Шаг 11
Переключитесь на инструмент Стрелка (Direct Selection Tool) и расположите этот прямоугольник поверх фото, в правом верхнем углу холста:

Шаг 12
Выберите на панели опций в верхней части окна программы пункт Маска (Mask). В результате к слою с фотографией будет применена векторная маска.

Шаг 13
Добавьте при помощи инструмента Перо (Pen Tool (P)) добавьте на маску дополнительную опорную точку. Затем переключитесь на инструмент Стрелка (Direct Selection Tool) и придайте кривой Безье вот такую форму:

Шаг 14
Этими же инструментами (Пером и Стрелкой) придайте маске форму, показанную ниже. Обратите внимание на расположение опорных точек, и относительную простоту формы фигуры. Чем меньше опорных точек вы используете, тем мягче получится маска.

Шаг 15
Пройдите в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur), задайте Радиус: 6 пикселей.

Шаг 16
Выделите на палитре слоев маску примененного смарт-фильтра, и наложите на нее градиент, затемняя ее слева на право:

Шаг 17
Кликните по иконке добавления слоя-маски (Add layer mask). При помощи кисти замаскируйте ступеньки на фотографии. Здесь неплохо было бы проявить некоторый творческий подход.

Шаг 18
Кликните по иконке создания слоя-заливки или корректирующего слоя (Create new fill or adjustment layer) и выберите в раскрывшемся списке пункт: Яркость/Контрастность (Brightness/Contrast). Задайте показанные ниже величины яркости и контраста:

Шаг 19
Кликните по корректирующему слою правой кнопкой мыши, и выберите в открывшемся контекстном меню пункт: Создать обтравочную маску (Create Clipping Mask). В результате приименные ранее настройки яркости и контраста затронут только расположенную ниже фотографию.

Шаг 20
Создайте слой коррекции Цвет (Solid Color), и задайте коричневый цвет (C=30 M=80 Y=100 K=30)

Шаг 21
Кликните по векторной маске слоя с фотографией. Удерживая Alt, перетащите маску вверх, расположив ее на слое с коричневой заливкой. В результате изначальная маска будет продублирована.

Шаг 22
Выберите инструмент Стрелка (Direct Selection Tool) и переместите правую верхнюю точку в правый верхний угол.

Шаг 26
Расположите слой со светло-коричневым прямоугольником под слоем с прямоугольником, залитым темно-коричневым цветом

Шаг 27
Работая инструментами Перо и Стрелка, придайте последнему прямоугольнику форму, показанную ниже:

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

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

Этап 1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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