Создание флаера в фотошопе. Делаем рекламный флаер в фотошоп

В нашем сегодняшнем руководстве мы хотим рассказать вам о процессе разработки простенького флаера на тему рок-музыки в 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

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

Разработку флаера начнем с выбора размера. Чаще всего используются стандартные размеры флаеров: А4 (210х297мм), А5 (148х210мм), А6 (105х148мм) и DL (еврофлаер 99x210мм). Если Вам нужен нестандартный размер флаера, например, идея дизайнера не вложилась в формат:)), то будьте готовы к дополнительным затратам. Расчет стоимости тиража любой полиграфической продукции изначально привязан к стандартным форматам бумаги.

Требования к макету флаера такие же, как и макету визитки. Это основные стандарты в полиграфии. Нужно добавить вылеты +2 мм с каждой стороны под обрез и не размещать важную информацию ближе, чем 3 мм к линии реза.

Разрешение, цвета, шрифты для флаера

Цветовая модель должна быть обязательно CMYK. Цветовая модель RGB имеет другой цветовой охват, это показано на фото ниже. Более подробное описание различий между CMYK и RGB рассмотрим в отдельной статье.

Черный цвет на текстовых элементах должен иметь значение К=100% (только чёрный). Это требование больше применимо к офсетной печати (в силу технологии), но лучше его соблюдать сразу. Правильно подготовленный макет избавит в дальнейшем от лишних корректировок.

Черный цвет на заливках K=100% C=50% M=50% Y=50%. Так цвет будет достаточно плотным.

Разрешение растровых изображений (фотографий, картинок) обязательно не меньше 300dpi.

Все шрифты обязательно должны быть переведены в кривые, либо предоставлены вместе с макетом в виде файлов.

Для того чтоб перевести шрифты в кривые в CorelDraw достаточно выделить все текстовые элементы и использовать сочетание клавиш CTRL+Q, а в Adobe Illustrator - сочетание клавиш CTRL+SHIFT+O. Помните, что после перевода текста в кривые он становится просто объектом и редактировать его уже быстро не получится. Так что вычитывайте текст перед этой операцией и делайте копию текстовых элементов, на всякий случай.

Подготовка флаера для типографии

В типографию макет флаера лучше подавать в двух вариантах: оригинал, который можно будет корректировать в случае необходимости, в реальном размере в формате TIFF (CMYK, 300dpi) и «превью» в формате JPEG (можно 72dpi-150dpi для просмотра). Если, случайно, при открытии файла в типографии какие-либо элементы сместятся, то дизайнерам и печатникам будет на что ориентироваться.

ПОМНИТЕ!!! Когда макет флаера Вы разрабатываете сами, ответственность за всевозможные ошибки в макете несёте Вы. Так что внимательно вычитывайте текст дома и обязательно делайте превью для типографии.

Создать макет флаера онлайн бесплатно

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

Тематики шаблонов флаеров:

Бесплатная доставка флаеров в городах:

Москва
Санкт-Петербург
Екатеринбург
Нижний Новгород
Ростов-на-Дону
Самара
Челябинск

Желаем качественных отпечатков, сайт ;)

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

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

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

Результат урока:

Теперь подготовим место для текста. Уменьшите немного девушку и поднимите выше, так будет выглядеть лучше. Чтобы не путаться в слоях, объедините их. Активируйте инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool) в режиме Фигура и нарисуйте прямоугольник с цветом # f9941e, как на скриншоте ниже.

Примечание переводчика: для удобства слои лучше не сливать, а объединить в группу Ctrl+G.

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

Тень (Drop Shadow)

Тиснение (Bevel&Emboss)

Обводка (Stroke)

Создайте новый слой и с зажатой клавишей Alt щёлкните между ним и слоем с прямоугольником, для того чтобы Создать обтравочную маску (Creating Clipping Mask). Режим наложения для нового слоя измените на Мягкий свет (Soft Light). Активируйте инструмент Кисть (Brush Tool), предварительно загрузите кисти Ретро, и сделайте отпечатки белым и чёрным цветом.

Дублируйте слой с прямоугольником Ctrl + J. Очистите все стили на копии, залейте её черным цветом, расположите в палитре слоёв под оригинальным слоем с прямоугольником. Растрируйте (Rasterize) этот слой.

Идём в меню Редактирование – Свободная трансформация (Edit – Free Transformation) или жмём Ctrl + T.

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

Добавьте немного размытия в меню Фильтр - Размытие – Размытие по Гауссу (Filter - Blur - Gaussian Blur) и поставьте Радиус(Radius) 10 пикселей.

Удалите ненужные области в верхней части фигуры и установите Непрозрачность (Opacity) 30%.

Выберите инструмент Ластик (Eraser Tool) размером 300 пикселей, Жесткость (Hardness) 0% и слегка сотрите тень по углам.

Пришло время добавить текст к нашему удивительному, красочному флаеру. Автор использовал шрифт Devil Breeze с размером 158 пт и цветом # f9f9fa.

Тень (Drop Shadow)

Тиснение (Bevel&Emboss)

Наложение градиента (Gradient Overlay)

Обводка (Stroke)

Ниже результат на данный момент.

Вы можете добавить слоган или любой дополнительный текст ниже основного. Автор использовал шрифт Bioliquid с размером 50 пт и написал его белым цветом # ffffff.

Вот как выглядит текст.

Для того, чтобы выделить нижний текст на фоне, создайте новый слой и поместите его над слоем с прямоугольником и кистями ретро. Теперь создайте выделение с помощью инструмента Прямоугольное выделение (Rectangular Marquee Tool). Выберите инструмент Заливка (Paint Bucket Tool) и залейте выделение цветом # 1fb0cd.

Добавим стиль Обводка (Stroke) к созданному слою.

Добавим стиль Тень (Drop Shadow) к слогану.

У вас должно быть что-то вроде этого результата.

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

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

Мы приближаемся к финишу. Теперь необходимо добавить описание события, дату и информацию о приглашенных гостях. Давайте начнем с информации о событии. Разместим этот текстовый блок ниже названия вечеринки. Напишите текст шрифтомBioliquid с размером 42 пт и цветом # 256676.

Можно к тексту применять подсветку. Используйте большую кисть и на новом слое, расположив его под текстом, сделайте отпечаток белым цветом и жёсткостью 0%.

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

Вот как это выглядит.

Создайте группу и поместите слой с текстом в неё. Дублируйте текст. Объедините копии и примените к полученному слоюФильтр – Размытие – Размытие в движении (Filter – Blur – Motion Blur).

Сделаем этот эффект мягче, добавив стиль Наложение цвета (Color Overlay) с цветом # 56a7bb.

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

Откройте две фотографии приглашенных гостей. Переместите их в документ с флаером. Разместите первое изображение над первой звездой в палитре слоёв, а второе над второй звездой. Уменьшите фото гостей, чтобы они были видны внутри звёздочек. Выберите первую фотографию и идите в меню Слои – Создать обтравочную маску (Layer - Create Clipping Mask). Сделайте то же самое со второй фотографией.

Добавим следующие стили для фигур звёздочек (не фото).

Внутренняя тень (Inner Shadow)

Обводка (Stroke).

Добавьте текст с именами гостей и расположите как показано ниже.

Вот и всё, флаер готов!

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

Все материалы для урока вы можете скачать по этойссылке . Кроме того, мы будем использовать шрифт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).

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