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

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

Итак, давайте перейдем непосредственно к нашему уроку и создадим потрясающий дизайн флаера для вечеринки.

П рим. Не переживайте на счет летней темы. Данный урок можно использовать для создания абсолютно любого флаера (время года не имеет особого значения).

Результат:

Что нам понадобится при выполнении данного урока:

Шаг 1

Открываем Photoshop и создаем новый документ. Размер 4,25 х 6,25 inches. Resolution: 300 DPI, Color: CMYK

Шаг 2

Используя Brush Tool заливаем фон #78bbc8 цветом. Создаем новый слой и размещаем его над фоном. Снова берем инструмент BrushTool, выбираем кисти облаков скаченные ранее и делаем нечто подобное:

Шаг 3

Шаг 4

Нажимаем на Refine Edge. View: Black & White, ставим галочку напротив Smart Radius, а сам радиус выставляем 95-100

Шаг 5

Теперь давайте изменим View Mode на On Black. Вы видите, что немного заднего фона осталось в волосах. Что бы это исправить, поставим галочку напротив Decontaminate Colors и установим значение 65-70. Output To: New Layer with Layer Mask

Шаг 6

Как Вы видите мы избавились от заднего фона, а маска слоя позоляет нам вручную доработать фотографию (если какая то нужная часть удалилась или наоборот что то осталось лишнее)

Прим. Так же, при необходимости можно изменить яркость, контрастность, баланс цветов и прочие настройки.

Шаг 7

Для удобства выделим все слои, нажмен на них правой кнопкой мыши и выберем Convert to Smart Object. Перенесем получившийся слой на документ с флаером

Шаг 8

Шаг 9

Объеденим слой с пляжем и нашим небом и применим фильтр Blur — Gaussian Blur — Radius 9 pixels

Шаг 10

Создадим новый докумен 100 на 100 пикселей и нарисуем звездочку, из который в свою очередь сделаем кисть (Edit — Define Brush Preset)

Шаг 11

Перейдем снова на наш документ с флаером. Создадим новый слой, разместим его за девушкой, но перед фото с пляжем. Выберем Brush Tool и откроем окно с настройками (F5)

Шаг 12

Получившейся кистью сделаем нечто подобное

Шаг 13

Задний фон слишком яркий. Создадим новй слой и разместим его над слоем с пляжем. Залем все белым цветом используя Paint Bucket Tool. Полупрозразночть слою выставим 60-65%

Шаг 14

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

Шаг 15

Подготовим место для текста. Сделаем девушку немного меньше и поднимем выше. Теперь что бы не путаться, все слои с девушкой, фоном и проч. объеденим в группу. Далее возьмем инструмент Rounded Rectangle Tool (U) и нарисуем плашку как на скриншоте ниже:

Шаг 16

Добавим следующие стили:

Шаг 17

Создадим слой и с зажатым Alt кликнем между ним и слоем с плашкой (Создание Clipping Mask). Тип смешивания — Soft Light. Возьмем инструмент Brush Tool, выберем ретро кисти и сделаем следующее (используйте белый и черный цвета)

Шаг 18

Продублируем слой с плашкой (ctrl+J), очистим с продублированного слоя все стили, сделаем его черного цвета и поместим его под оригинальный слой с плашкой. Rasterize Layer

Шаг 19

Оставаясь на этом слое выбираем Edit — Free Transform (ctrl+T)

Шаг 20

Сделаем следующую трансформацию

Шаг 21

Добавим размытия Filter — Blur — Gaussian Blur — Radius 10

Шаг 22

Убираем лишнее сверху и ставим прозрачность слою 30%

Шаг 23

Теперь возьмем Eraser Tool (size: 300 px, Hardness: 0%) и немного сотрем тень по краям

Шаг 24

Пора добавить текст на нашу потрясающую яркую плашку. Для этого я использую Devil Breeze font, размером 158 пикселей и цветом #f9f9fa.

Прим. В зависимости от шрифта, его размера и текста, размер плашки и тени может менятся. В нашем случае плашка стала шире.

И применим следующие стили к тексту:

Шаг 25

В итоге у меня получилось следующее:

Шаг 26

При необходимости можно добавить какой то слоган или дополнительный текст. Я, например, хочу добавить “the greatest party in 2012 summer season”. Для этого я использую шрифт Bioliquid размером 50 пикслей и белым цветом.

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

Я разместил его вот так:

Шаг 27

Что бы текст не сливался с фоном, создадим новый слой и поместим его над плашкой и слоем с ретро кистями. Сделаем выделение при помощи Rectangular Marquee Tool. Возьмем Paint Bucket Tool и зальем выделение #1fb0cd цветом

Шаг 28

Добавим Stroke к этому слою

Шаг 29

И добавим тень к слогану

Шаг 30

Вот что получается на данный момент:

Шаг 31

Я обратил внимание, что очень часто плашки (да и сами флаера) любят украшать различными элементами. Я тоже решил это сделать. Лучше всего для этого подошли: пальмовые листья #1 , пальмовые листья #2 , изображения коктейлей, тропический цветок плюмерия, изображение птицы Тукан, кокос и т.д.

Прим #1 . Выбирайте любые изображения, которые на ваш взгляд будут хорошо смотреться.

Наляписто разместите все элемента на флаере. Объедените их в группу и перенесите под слой с девушкой.

Прим #2. Ананас и плюмерию я разместил перед девушкой.

Вот так получилось у меня:

Шаг 32

Осталось совсем немного. Нужно только лишь добавить описание мероприятия, дату его проведения и специально приглашенных гостей. Начнем с информации об мероприятии. Ее мы разместим под названием вечеринки. Текст напишем все тем же bioliquid шрифтом, размером 42 пикселя и #256676 цветом

Шаг 33

Можем подстветить немного текст. Создадим новый слой, разместим его под текстом и используя кисть большого размера (Hardness: 0%, Color: #ffffff) сделаем подстветку

Шаг 34

Теперь напишем дату проведения мероприятия над девушкой и чуть справа. Шрифт Devil Breeze, размер 80 пикселей, цвет #276676.

Прим. Советую разделить надпись на 3 части (месяц с числом, год, и “th”), при чем “th” сделать меньше по размеру.

Шаг 35

Разместите текст как показано на скриншоте:

Шаг 36

Далее создаем группу в которую помещаем 3 части нашего текста и дублируем ее. Выбираем группу которая ниже и объеденяем все слои (Layer — Merge Group). Для получившегося слоя применяем фильтр Motion Blur (Filter — Blur — Motion Blur)

Шаг 37

Сделаем этот эффект более мягким, добавив стиль Color Overlay с уветом #56a7bb

Шаг 38

Теперь перейдем к спецаильно приглашенным гостям. Выберем инструмент Custom Shape Tool и найдем звезду (предварительно установив скаченные shape) и нарисуем 2 звезды любым цветом так как это сделал я:

Шаг 39

Откроем 2 фотографии специально приглашенных гостей. Перенесем их в наш документ. Разместим одно изображение над первой звездой, второе — над второй. Изменим размер изображений так, что бы головы были приблизительно того же размера, что и звезды. Выберем сначала одну фотографию, откроем меню Layer — Create Clipping Mask. Тоже самое сделаем со второй фотографией

Шаг 40

Добавим следующие стиили для звезд (для shape а не фотографий)

Шаг 41

Добавим текст с именами и разместим как на скриншоте ниже

Флаер готов

Спасибо за внимание!

Перевод: Fermata

Инструкция

Запустите 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, покрутив ползунки, придайте слою вид клубов дыма. Создайте еще две копии этого слоя, поместите их ниже оригинала. С помощью команды свободной трансформации увеличьте обе копии. В результате у вас должно получиться что-то вроде этого.

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

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

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

Данный урок по фотошопу проведет вас сквозь процесс создания привлекательного, броского рекламного флайера, такого, как показан ниже. Причем его можно будет отправить на 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
Работая инструментами Перо и Стрелка, придайте последнему прямоугольнику форму, показанную ниже:

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

Вам просто потребуется 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

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