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

Разработку флаера начнем с выбора размера. Чаще всего используются стандартные размеры флаеров: А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).

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

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

В этой статье мы продемонстрируем, как сделать брошюру на тему путешествий. Методы, представленные здесь, могут быть применены для создания любого другого шаблона дизайна.

Что мы будем создавать

Начнем с подготовки основного изображения, создадим многоуровневую сложную фигуру и добавим несколько стилей слоя, чтобы придать ей красивый внешний вид. Я использовал Photoshop версии CS6 , но подойдет любая версия от CS3 и выше.

Шаблон дизайна флаера на тему путешествий, лицевая сторона:

Шаблон дизайна флаера на тему путешествий, оборотная сторона:

Ресурсы

• Солнечный остров ;
• Обезьяна ;
• Кукла вайанг .

Шаг 1

Перед тем, как сделать брошюру на компьютере, в Photoshop нажмите Ctrl + N , чтобы создать новый документ. Установите ширину 2480 пикселей и высоту 600 пикселей , разрешение 300 пикселей на дюйм:

Шаг 2

Перейдите в Файл> Поместить встроенные . Найдите и выберите изображение солнечного острова , а затем нажмите кнопку «Поместить », чтобы вставить его в качестве смарт-объекта. Настройте размер и положение изображения. Нажмите Enter , чтобы применить преобразование:

Шаг 3

Повторите предыдущие действия, чтобы вставить изображение водных видов спорта, как смарт-объект. Поместите его поверх слоя солнечного острова:

Шаг 4

Перед тем, как сделать брошюру в Фотошопе полностью, добавьте к слою водных видов спорта маску слоя. В маске слоя создайте черно-белый линейный градиент по диагонали:

Шаг 5

Нарисуйте с помощью инструмента «Прямоугольник » синюю (RGB: #0099c5 ) фигуру прямоугольника. Установите ее высоту около 860 пикселей :

Шаг 6

Перейдите в Редактирование> Трансформирование , чтобы применить команду «Деформация ». Перетащите маркеры деформации, чтобы изогнуть прямоугольник, как показано на рисунке ниже:

Шаг 7

Как правильно сделать брошюру: добавьте стиль слоя «Наложение градиента ». В диалоговом окне «Наложение градиента » установите:

• Режим наложения: «Перекрытие »;
• Цвета градиента: «От черного к белому »;
• Стиль: «Линейная »;
• Угол: 0.

Мы используем этот метод, чтобы изменить цвет текущей фигуры на другой, но эффект градиента проявлялся независимо от того, какой цвет будет выбран:

Шаг 8

Нарисуйте еще один белый прямоугольник поверх синего. С помощью команды «Деформация » измените его форму, как показано на рисунке:

Шаг 9

Добавьте для слоя текущей фигуры маску. С помощью инструмента «Градиент » создайте линейный градиент от белого к черному, протяните курсор по диагонали из левого нижнего угла в правый верхний угол белого прямоугольника. У вас должен получиться интересный «глянцевый » эффект, как показано на рисунке ниже:

Шаг 10

С помощью инструмента «Эллипс » нарисуйте фигуру синего (#005c98 ) заполненного эллипса. С помощью команды «Свободное трансформирование » (Ctrl + T ) измените размер и положение синего эллипса, как показано на рисунке ниже:

Шаг 11

Продолжаем рассматривать процесс, как сделать брошюру. При выбранном синем эллипсе нажмите Ctrl + C , чтобы скопировать его в буфер обмена. Нажмите Ctrl + V , чтобы вставить копию синего эллипса. Растяните копию, чтобы она стала немного больше исходной фигуры.

С помощью команды «Вычесть переднюю фигуру » создайте фигуру, которая будет состоять из исходного эллипса без копии. В результате должна получиться «изогнутая фигура «:

Шаг 12

При выбранных слоях фигур перейдите к параметрам контура и нажмите кнопку «Объединить компоненты фигуры ». Теперь эта «изогнутая фигура » должна быть сведена в отдельный слой:

Шаг 13

Продублируйте слой изогнутой фигуры, переверните ее по вертикали с помощью команды Редактирование> Трансформирование контура> Отразить по вертикали . Используйте инструмент «Перемещение », чтобы перетащить копию влево, а затем измените режим смешивания слоя на «Умножение »:

Шаг 14

Добавьте к слою копии «изогнутой фигуры » маску слоя, используйте линейный градиент, чтобы скрыть ее половину:

Шаг 15

Чтобы сделать брошюру в Фотошопе , повторите шаги 13 — 14 , чтобы получить еще один слой «изогнутой фигуры » внизу холста. С помощью команды «Свободная трансформация » измените его размер:

Шаг 16

Выберите все слои, кроме слоев фона, водных видов спорта и солнечного острова. Нажмите Ctrl + G , чтобы сгруппировать выбранные слои. Дважды кликните по вновь созданной группе слоев, чтобы переименовать ее в “blue shape ”:

Шаг 17

Поверх группы “blue shape ” нарисуйте бледно-коричневый (#efe0c9 ) прямоугольник:

Шаг 18

С помощью меню Редактирование> Трансформация контура> Деформация снова изогните верхнюю сторону прямоугольника. Смотрите изображение ниже. Нажмите Enter , чтобы применить команду «Деформация »:

Шаг 19

Как правильно сделать брошюру: добавьте еще один темно-коричневый (#b19e90 ) прямоугольник на высоте приблизительно 425 пикселей . Снова используйте команду «Деформация », чтобы изогнуть верхнюю сторону прямоугольника:

Шаг 20

Добавьте белый прямоугольник в левой стороне холста. Теперь с помощью команды «Деформация » изогните верхнюю и правую сторону этого прямоугольника:

Шаг 21

При выбранном слое белого прямоугольника измените его режим смешивания на «Мягкий свет ». Нажмите Alt + Ctrl + G , чтобы применить обтравочную маску:

Шаг 22

Нарисуйте черный прямоугольник в верхнем правом углу холста, установите для него ширину 952 пикселя и высоту 460 пикселей :

Шаг 23

С помощью инструмента «Угол » перетащите левую нижнюю точку черного прямоугольника, чтобы скруглить острый угол. С помощью инструмента «Выделение узла » перетащите эту точку вправо вверх:

Шаг 24

Чтобы сделать брошюру своими руками, измените режим смешивания черного прямоугольника на «Мягкий свет ». Это сделает его наполовину прозрачным:

Шаг 25

Добавьте новый слой. Активируйте инструмент «Кисть » и выберите мягкую круглую кисть. Задайте для нее размер 1300 пикселей , Цвет кисти — белый, непрозрачность — 30% . Нажмите 2-3 раза в области синей изогнутой фигуры. Это создаст мягкую белую освещенную область:

Шаг 26

Выберите пять слоев, которые только что создали, а затем сгруппируйте их. Переименуйте группу в “front shape ”. Не забудьте сохранить документ (Файл> Сохранить ):

Шаг 27

Нажмите Ctrl + N , чтобы создать новый документ. Установите ширину 600 пикселей , высоту 600 пикселей и разрешение до 150 пикселей на дюйм:

Шаг 28

Нарисуйте черный прямоугольник размером 300 на 100 пикселей . Продублируйте его, перетащив с помощью инструмента «Выделение контура », при этом удерживая нажатой клавишу Alt :

Шаг 29

Перед тем, как сделать брошюру в Фотошопе , поверните и переместите один из черных прямоугольников так, чтобы получилась перевернутая буква «L «:

Шаг 30

Чтобы идеально выровнять черные прямоугольники, выберите их с помощью инструмента «Выделение контура », а затем в панели параметров в верхней части окна выберите «Правые края »:

Шаг 31

Нарисуйте узкий горизонтальный прямоугольник. Выберите для него опцию «Вычесть переднюю фигуру », в результате чего у вас получится горизонтальный разрез:

Шаг 32

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

Шаг 33

Выберите на панели параметров в верхней части окна параметр «Объединить компоненты фигуры ». Это позволит объединить все три прямоугольника, чтобы правильно сделать брошюру:

Шаг 34

Перейдите в Редактирование> Определить произвольную фигуру , назовите ее “metro arrow ”, а затем нажмите кнопку ОК :

Шаг 35

Теперь вернемся к окну первого документа с изображениями солнечного острова и водных видов спорта. С помощью инструмента «Эллипс » нарисуйте темно-коричневый (#b5a294 ) круг. С помощью инструмента «Горизонтальный текст » создайте синий (#018dc0 ) текст заголовка и два условных абзаца.

Photoshop может упростить этот шаг, предоставив замещающий текст, который доступен в меню Текст> Вставить lorem ipsum . Чтобы данный пункт меню стал доступен, нужно создать текстовое поле абзаца:

Шаг 36

Активируйте инструмент «Пользовательская фигура », установите цвет — белый. Выберите и нарисуйте фигуру “metro arrow ” внутри темно-коричневого круга:

Шаг 37

Выберите последние четыре созданных слоя, объедините их в группу с именем “left text ”:

Шаг 38

Перед тем, как сделать брошюру самому, добавьте в правой части документа текст, который представляет собой коричневый текст заголовка и четыре пункта маркированного списка. Нарисуйте четыре фигуры “metro arrow ” в качестве маркеров списка, но на этот раз установите для них синий цвет:

Шаг 39

Активируйте инструмент «Кисть ». В панели параметров установите для кисти непрозрачность — 50% и цвет — темно-коричневый. Нажмите на кнопку параметров кисти (шестеренка в верхнем правом углу ), выберите пункт «Загрузить кисти ». Найдите и загрузите нужную кисть.

В диалоговом окне загрузки кисти нажмите кнопку «Добавить ». Таким образом мы добавим новую кисть:

Шаг 40

Добавьте новый слой с именем “flower ”. Выберите кисть в форме цветка и один раз кликните по холсту, чтобы нарисовать цветок:

Шаг 41

Уменьшите размер цветка с помощью команды «Свободная трансформация ». Но сначала конвертируйте его в смарт-объект:

Шаг 42

Продолжим рассмотрение методики, как самостоятельно сделать брошюру. С помощью инструмента «Текст » добавьте подпись “Flower Garden ” ниже фигуры цветка:

Шаг 43

С помощью инструмента «Кисть » добавьте другие иконки пляжа. Конвертируйте их в смарт-объекты, сделайте их меньше и добавьте подписи:

Шаг 44

Выберите иконки пляжа с подписями и сгруппируйте их. Переименуйте группу в ‘features ’:

Шаг 45

Выберите инструмент «Произвольная фигура ». В списке параметров «Фигура » выберите категорию «Web ». В появившемся диалоговом окне нажмите кнопку «Добавить »:

Шаг 46

Повторите шаг 45 , чтобы загрузить другую категорию пользовательских фигур – «Объекты »:

Шаг 47

Введите текст-заполнитель с номером телефона, адресом электронной почты и сайтом туристического агентства. Добавьте иконки телефона, сайта и электронной почты с помощью инструмента «Пользовательская фигура »:

Шаг 48

Добавьте текст-заполнитель для названия туристического агентства:

Шаг 49

Перед тем, как из документа сделать брошюру, выберите инструмент «Произвольная фигура », загрузите еще одну категорию пользовательских фигур – «Символы »:

Шаг 50

Выберите и нарисуйте фигуру самолета. Установите цвет — белый, а затем поместите ее справа от названия туристического агентства:

Шаг 51

Чтобы сделать фигуру самолета более интересной, используйте стиль слоя «Тень ». Задайте для параметров «Тени» значения, приведенные на рисунке ниже:

Шаг 52

Сгруппируйте слои названия и самолета, чтобы сохранить структуру:

Шаг 53

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

Шаг 54

Чтобы текст заголовка выглядел круче, используйте стиль слоя «Тень ». Настройки параметров для этого стиля слоя приведены на рисунке ниже:

Шаг 55

Нажмите кнопку «OK », чтобы применить стиль слоя «Тень ». Если вы все сделали правильно, текст заголовка должен быть обрамлен красивой сплошной тенью:

Шаг 56

С помощью инструмента «Эллипс » нарисуйте красный (#ed1c24 ) круг. После этого введите текст «START FROM $375 / person ” в четырех отдельных слоях, по мере необходимости настройте размеры шрифтов:

Шаг 57

Перед тем, как сделать брошюру в Фотошопе, нужно вернуться к слою красного круга и настроить внешний вид круга, чтобы он выглядел, как 3D кнопка. Начните с добавления стиля слоя «Внутренняя тень». Я задал для параметров стиля следующие значения:

• Цвет: Белый;
• Режим наложения: «Нормальный »;
• Непрозрачность: 28%;
• Смещение: 33 пикселя.

Шаг 58

Добавьте стиль слоя «Внутреннее свечение » со следующими параметрами:

• Режим наложения: «Нормальный»;
• Непрозрачность: 9%;
• Цвет: Черный;
• Размер: 65 пикселей.

Шаг 59

Добавьте стиль слоя «Глянец » со следующими параметрами:

• Цвет: Белый;
• Режим наложения: «Нормальный»;
• Непрозрачность: 19%;
• Угол: 19 градусов.

Чтобы сделать брошюру в Фотошопе , не забудьте установить смещение около 23 пикселей и размер около 46 пикселей . Измените «Тип контура » на «Кольцо »:

Шаг 60

Добавьте стиль слоя «Наложение градиента ». Измените режим наложения на «Перекрытие », установите цвета градиента от черного до белого, стиль – «Линейная », угол — 122 градусов :

Шаг 61

Добавьте стиль слоя «Тень ». Уменьшите непрозрачность тени до 37% , установите смещение — 6 пикселей и размер — 10 пикселей :

Шаг 62

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

Нажмите кнопку «Создать новый стиль », задайте для стиля понятное название, например «красная объемная кнопка » и установите флажок для опции «Включает эффекты слоя »:

Шаг 63

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

Шаг 64

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

Шаг 65

При выбранном текстовом слое нажмите Ctrl + T , чтобы вызвать команду «Свободная трансформация ». Измените размер окружности, а затем поверните фигуру, пока текст не выровняется по центру. Не забудьте нажать Enter , чтобы применить трансформацию:

Шаг 66

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

Шаг 67

Перед тем, как из документа сделать брошюру, нам нужно изменить направление номера телефона. Удерживая нажатой клавишу Ctrl , наведите указатель мыши внутрь красного круга. Когда указатель мыши приобретет вид маленького черного треугольника, кликните мышью. Номер телефона должен изменить свое направление:

Шаг 68

Настройте положение номера телефона. Вызовите команду «Свободная трансформация », измените размер и поверните номер телефона. Нажмите Ctrl + Enter , чтобы применить изменения:

Шаг 69

Прежде чем перейти к следующему шагу, нужно скрыть фигуру на переднем плане и папку группы синей фигуры:

Шаг 70

Вернитесь к слою фигуры красного круга. Установите две направляющие на уровне правого и левого краев фигуры, а затем нарисуйте с помощью инструмента «Произвольная фигура » фигуру стрелки. Задайте для нее бледно-коричневый цвет (#b4a193 ):

Шаг 71

Чтобы правильно сделать брошюру, активируйте инструмент «Выделение узла ». Нажав и удерживая левую клавишу мыши, обведите левую часть стрелки, чтобы выделить две ее крайние точки. Затем перетащите их до левой направляющей:

Шаг 72

Вызовите команду «Свободная трансформация », а затем поверните стрелку, чтобы она указывала вверх. Не нажимайте Enter! :

Шаг 73

Переключитесь из режима свободной деформации. Выберите «Деформация »: «Дуга », а затем перетащите точку деформации влево. Фигура стрелки изменит свою форму, как показано на рисунке ниже. Нажмите Enter , чтобы применить трансформацию:

Шаг 74

Если стрелка слишком велика или слишком сильно выгнута, настройте ее форму с помощью команды «Свободная трансформация »:

Шаг 75

Измените режим смешивания слоя стрелки на «Умножение ». Это позволит сделать ее полупрозрачной перед тем, как сделать брошюру своими руками:

Шаг 76

Продублируйте слой стрелки, нажав Ctrl + J . Перетащите вторую стрелку на правую сторону от красного круга:

Шаг 77

Снова вызовите команду «Свободная трансформация », поверните стрелку по направлению вниз. Нажмите Enter , чтобы применить преобразование:

Шаг 78

Снова сделайте видимыми фигуру на переднем плане и папку группы синей фигуры. Мы закончили с лицевой стороной флаера. Теперь заняться дизайном его оборотной стороны:

Шаг 79

Создайте новый документ 2480 пикселей в ширину и 3242 пикселя в высоту. Установите разрешение 300 точек на дюйм :

Шаг 80

Нарисуйте фигуру прямоугольника с высотой холста, но в половину его ширины. Установите для прямоугольника светло-коричневый (#f0ebdc ) цвет:

Шаг 81

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

Шаг 82

При том же выбранном слое фигуры нарисуйте еще один прямоугольник в середине холста:

Шаг 83

Нажмите на горизонтальный прямоугольник с помощью инструмента «Выделение контура ». В панели параметров измените «Операцию с контуром » на «Исключить перекрывающиеся фигуры ». Этот параметр «удаляет » все пересекающиеся области фигур прямоугольников.

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

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

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

Заключение

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