Делаем рекламный флаер в Фотошоп. Флаер в фотошопе


Делаем рекламный флаер в Фотошоп

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

Материалы для урока:

Архив

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

Шаг 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 (Яркость/Контрастность). Для этого кликаем на иконку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой). Устанавливаем 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).

Добавляем текст внизу

Шаг 1

Используя Type Tool (T) (Текст) снова пишем текст. Размер - 11 pt, цвет - светло-коричневый (C=10 M=65 Y=100 K=0).

Шаг 2

Добавляем больше текста. Размер - 9 pt, Leading (Интерлиньяж) - 13 pt, цвет - серый (K=90).

Шаг 3

Добавляем еще два блока текста. Размещаем их под фото с девушкой и картой.

Шаг 4

Переходим File - Place Embedded (Файл - Поместить встроенные) и выбираем файл icons.ai. Появится диалоговое окно, в котором мы должны выбрать иконку календаря и нажать ОК.

Шаг 5

Уменьшаем иконку и размещаем ее у текста с картой.

Шаг 6

Импортируем остальные иконки и добавляем их к другим строкам текста.

Шаг 7

С помощью Type Tool (T) (Текст) пишем еще текст. Размещаем его над картой. Устанавливаем размер на 13 pt, Leading (Интерлиньяж) на 11 pt и цвет на светло-коричневый (C=10 M=65 Y=100 K=0).

Шаг 8

Пишем адрес. Размер - 9 pt, цвет - серый (K=90).

Шаг 9

Переходим File - Place Embedded (Файл - Поместить встроенные) и снова выбираем файл icons.ai. Импортируем иконку глобуса.

Шаг 10

Уменьшаем иконку и размещаем возле веб-адреса.

Шаг 11

Активируем Pen Tool (Р) (Перо) и создаем линию, чтобы показать направление движения на карте.

Шаг 12

На панели параметров устанавливаем Stroke (Обводка) на Dashed (Пунктир) и цвет на светло-коричневый (C=10 M=65 Y=100 K=0). Ширину обводки устанавливаем на 1.5 pt.

Шаг 13

Переходим в параметры обводки и жмем на кнопку More Options (Дополнительные параметры). Устанавливаем Caps (Концы) на Round (Закругленные), Dash (Штрих) и Gap (Интервал) на 3.

Шаг 14

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

Шаг 15

Активируем Pen Tool (P) (Перо). Зажимаем клавишу Alt и кликаем по нижнему узелку. В результате этот узелок из плавного станет острым.

Шаг 16

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

Шаг 17

Применяем к маркеру стиль слоя Drop Shadow (Тень).

Шаг 18

В центре маркера рисуем еще одну окружность белого цвета.

 

Помните, что все работы, которые предназначены для печати, должны быть в цветовом режиме CMYK. Также не забывайте добавлять отступы по краям (минимум 3 мм с каждого края).

Автор: Robert Sarudy

Переводчик: Daewon

photoshop-master.ru

Делаем флаер в Фотошоп

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

Для начала создаем новый документ размером 1000х500px и разрешением 72dpi. Заливаем его черным цветом.

Теперь создаем новый слой и, инструментом Rectangular Marquee Tool (Прямоугольное выделение), создаем выделение как показано на рисунке ниже. Затем заливаем его белым цветом.

Снимаем выделение сочетанием клавиш CTRL+D и дублируем этот слой несколько раз. Размещаем копии так, как показано ниже.

Сливаем все слои с белым прямоугольником в один и применяем Layer - Layer Style - Inner Glow и Gradient Overlay (Слой - Стиль слоя - Внутреннее свечение и Перекрытие градиентом) к новому слою.

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

Передвигаемся к следующему шагу.Теперь добавим силуэты танцующих девушек. На данном этапе вам понадобится специальная кисточка. Выделяем слой, с которым только что работали, Select - Load Selection (Выделение - Загрузить выделение). После этого создаем новый слой и, используя предложенные мной кисти, рисуем ими.

Снова создаем новый слой и располагаем его в самом верху палитры слоев. Опять рисуем силуэты, только теперь нам нужно, чтобы они были как бы вдалеке. Для этого уменьшаем их size (размер), а opacity (непрозрачность) слоя уменьшаем до 50%.

Снимаем выделение CTRL+D. Активируем инструмент Horizontal Type Tool (T) (Горизонтальный текст) и пишем необходимый вам текст черным цветом.

Для текста я использовал шрифт Venus Rising. Скопируйте (CTRL+C) слой с текстом несколько раз и разместите на каждом прямоугольнике.

Слейте все слои, кроме фонового, вместе и примените Edit - Transform - Distort (Редактирование - Трансформация - Искажение).

Затем применяем Edit - Transform - Warp (Редактирование - Трансформация - Деформация) и немного закругляем на краях.

Далее будем создавать отражение. У новичков на данном шаге могут возникнуть трудности, так как он довольно сложный. Дублируем слой (CTRL+J) и отражаем дубликат по вертикали Edit - Transform - Flip Vertical (Редактирование - Трансформация - Отразить по вертикали). С помощью Edit - Transform - Skew (Редактирование - Трансформация - Наклон) и Edit - Transform - Distort (Редактирование - Трансформация - Искажение) создаем что-то похожее на отражение. После этого жмем Enter.

Создаем быструю маску (Q) и заливаем ее стандартным линейным градиентом.

Затем выходим из режима быстрой маски, снова нажав Q. В результате на отражении образовалось выделение. Жмем клавишу Delete. 

Снимаем выделение CTRL+D и применяем Filter - Blur - MotionBlur (Фильтр - Размытие - Размытие в движении) со следующими параметрами.

Уменьшаем opacity (непрозрачность) слоя до 50% и получаем вот такой результат.

С фоном мы закончили. Переходим к следующему шагу. Активируем инструмент BrushTool (Кисть). Жесткость на максимум, размер - 19px. Затем переходим в настройки кисти Window - Brushes (Окна - Кисти) и устанавливаем такие параметры.Brush Tip Shape (Форма отпечатка кисти)

Shape Dynamics (Динамика формы)

Scattering (Рассеивание)

Other Dynamics (Другая динамика)

Создаем новый слой и этой кисточкой хаотично проводим по нашему документу. Цветкисти - белый.

Теперь применим стили слоя. Layer - Layer Style - Inner Glow и Gradient Overlay (Слой - Стиль слоя - Внутреннее свечение и Перекрытие градиентом).

Результат:

Добавим еще один большой силуэт девушки. Снова активируем инструмент Brush Tool (Кисть) и, установив цвет кисти #232b0e, на новом слое рисуем нашу девушку.

И последнее, что нам нужно сделать, это добавить текст. Выбираем инструмент Horizontal Type Tool (Горизонтальный текст) и пишем.

На своем флаере я использовал шрифт Vera Crouz.

Мы закончили! Надеюсь, вы получили ожидаемый результат. Не бойтесь экспериментировать!

Это все! Удачи.

Автор: photoshopstar

photoshop-master.ru

Дизайн клубного флаера в Фотошоп

В этом уроке я покажу вам, как создать абстрактный постер для ночного клуба в программе Photoshop. Вы узнаете, как создать интересную абстрактную атмосферу. Вы также узнаете, как выделять объекты, как работать с масками, как проводить цветовую коррекцию и создавать световые эффекты, а также многое другое.

Описание урока

В этом уроке мы создадим абстрактный постер, используя несколько стоковых изображений. Мы используем технику работы с масками, кистями, используя отдельные фильтры и цветовую коррекцию. Для выполнения данного урока, вам понадобится программа Photoshop версия CS3 или выше. Надеюсь, вам понравится данный урок.

Итоговый результат

Скачать исходные материалы к уроку

Шаг 1

Создайте новый документ по ширине 1278 px, по высоте 900 px, разрешение 150 dpi (Dots per Inch/ точек на дюйм). Залейте новый документ чёрным цветом.

Шаг 2

ОК. Создайте новый слой, назовите этот слой “Кисть Космос”. С помощью кисти Космос, которые вы скачали, нарисуйте космический элемент  / туманность, как показано на скриншоте ниже:

Уменьшите непрозрачность данного слоя до 25 %.

Добавьте ещё туманности к нашей сцене.

Далее, добавьте слой-маску к слою с туманностью через нижнюю панель инструментов.

Теперь, выберите инструмент Кисть (Brush tool (B). Примените следующие настройки для кисти:

Размер кисти (Brush size): 400pxЖёсткость (Hardness): 0%Непрозрачность (Opacity): 40%Нажим(Flow): 100%Цвет(Color): #000000

Далее, прокрасьте кистью по выделенной области на слой-маске.

Примечание переводчика: уменьшите непрозрачность данного слоя с туманностью до 75 %.

Результат должен быть, как на скриншоте ниже:

Шаг 3

ОК. Теперь создайте новый слой, назовите этот слой “Дым”. С помощью кисти Дым, которые вы скачали, нарисуйте дым, как показано на скриншоте ниже:

Результат должен быть, как на скриншоте ниже:

Добавьте ещё дым, используя отдельные слои.

Далее, находясь на одном из слоёв с эффектом дыма, нажмите клавиши (CTRL+T), а затем щёлкните правой кнопкой мыши внутри выделенной области и в появившемся окне, выберите опцию Деформация (warp), поиграйте с формой эффекта дыма. См. скриншот ниже:

Используя ту же самую технику, добавьте ещё эффектов дыма.

ОК. Теперь создайте ещё один новый слой, назовите этот слой “Частицы”. С помощью кисти Частицы, которые вы скачали, добавьте эффект частиц к нашей сцене, цвет кисти  #92886f.

Далее, активируйте инструмент Трансформация (Transform tool (Ctrl+T), находясь на слое “Частицы”, примените трансформацию к частицам, как показано на скриншоте ниже:

Используя ту же самую технику, добавьте ещё частиц к нашей сцене.

Шаг 4

Далее, выберите одну из кистей Космос, которые вы скачали ранее, а затем, откройте текстуру Камня. Создайте новый слой поверх слоя с текстурой Камня. Прокрасьте кистью на новом слое. Далее, удерживая клавишу (Ctrl) + щёлкните по миниатюре слоя, чтобы загрузить активное выделение, а затем перейдите на слой с текстурой Камня и нажмите клавиши (Ctrl+C), чтобы скопировать выделенную область, которую мы прокрасили. См. скриншот ниже.

Теперь возвращаемся на наш рабочий документ. Создайте новый слой, назовите этот слой “Камни”. Нажмите клавиши (Ctrl+V), чтобы вклеить скопированную часть текстуры Камня.

Далее, добавьте корректирующий слой Уровни (Levels) к слою “Камни” в качестве обтравочной маски.

Когда появится окно настроек Уровней, примените следующие значения:

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

Шаг 5

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

Также добавьте корректирующий слой Уровни (levels).

Результат должен быть, как на скриншоте ниже:

Теперь выделите все слои, относящиеся к камням, а затем, нажмите клавиши (Ctrl+E), чтобы совместить эти слои.

Шаг 6

Далее, добавьте корректирующий слой Кривые (Curves). См. скриншот ниже:

Примечание переводчика: создайте новый корректирующий слой Кривые (Curves) поверх всех слоёв в палитре слоёв.

Перейдите на слой-маску корректирующего слоя Кривые (Curves).

Теперь, выберите инструмент Кисть (Brush tool (B). Примените следующие настройки для кисти:

Размер кисти (Brush size): 400pxЖёсткость (Hardness): 0%Непрозрачность (Opacity): 40%Нажим (Flow): 100%Цвет (Color): #000000

Далее, прокрасьте кистью по выделенной области.

Результат должен быть, как на скриншоте ниже:

Шаг 7

Откройте стоковое изображение модели. Отделите изображение модели от заднего фона с помощью инструмента Перо (pen tool).

Шаг 8

Далее, откройте стоковое изображение волка.

Выберите инструмент Перо (pen tool (p). Создайте произвольное выделение вокруг изображения волка, а затем продублируйте выделенное изображение волка на новый слой.

Перейдите в закладку Каналы (Channels) в палитре слоёв, а затем нажмите правой кнопкой по Красному (Red) каналу и в появившемся окне, выберите опцию Создать дубликат канала (Duplicate Channel):

Теперь, выберите инструмент Кисть (Brush tool (B). Примените следующие настройки для кисти:

Размер кисти (Brush size): 400pxЖёсткость (Hardness): 0%Непрозрачность (Opacity): 40%Нажим (Flow): 100%Цвет (Color): # ffffff

Далее, прокрасьте кистью по выделенной области. (дубликат слоя с красным каналом должен быть активным).

Результат должен быть, как на скриншоте ниже:

Далее, удерживая клавишу (Ctrl) + щёлкните по миниатюре слоя дубликата красного канала, чтобы создать активное выделение вокруг изображения волка.

Далее, возвращаемся в закладку Слои (Layers) в палитре слоёв, находясь на дубликате слоя с волком, нажмите клавиши (Ctrl+J), чтобы продублировать изображение на новый слой.

Находясь на дубликате слоя, активируйте инструмент Уточнить край (Refine Edge tool).

Когда появится окно настроек инструмента Уточнить край (Refine Edge tool), примените следующие значения:

Шаг 9

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

Примечание переводчика: расположите слой с волком поверх слоя с танцором.

Теперь, добавьте слой-маску через нижнюю панель инструментов.

Примечание переводчика: к слою с волком, добавьте слой-маску.

Теперь, выберите инструмент Кисть (Brush tool (B). Примените следующие настройки для кисти:

Размер кисти (Brush size): 400pxЖёсткость (Hardness): 0%Непрозрачность (Opacity): 40%Нажим (Flow): 100%Цвет (Color): #000000

Далее, прокрасьте кистью по выделенной области.

Теперь перейдите на слой с танцором.

К слою с танцором, добавьте слой-маску через нижнюю панель инструментов.

Теперь, выберите инструмент Кисть (Brush tool (B). Примените следующие настройки для кисти:

Размер кисти (Brush size): 400pxЖёсткость (Hardness): 0%Непрозрачность (Opacity): 40%Нажим (Flow): 100%Цвет (Color): #000000

Далее, прокрасьте кистью по выделенной области.

Результат должен быть, как на скриншоте ниже:

Шаг 10

Далее, мы добавим элементы меха к изображению волка.

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

Нарисуйте мех, с помощью кисти Мех, которые вы скачали. См. скриншот ниже

С помощью инструмента Пипетка (ink drop tool), отберите образец цветового оттенка с шерсти волка.

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

Результат должен быть, как на скриншоте ниже:

Шаг 11

Далее, объедините слой с волком и танцором, а затем, переместите объединённый слой на наш рабочий документ. Назовите этот слой “Волк танцор”.

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

Далее, к слою “Волк танцор”, добавьте слой-маску и с помощью кисти Гранж, скройте отдельные участки изображения волка танцора.

Результат должен быть, как на скриншоте ниже:

Продублируйте слой “Волк танцор”, а затем поменяйте режим наложения для дубликата слоя на Умножение (Multiply), а также уменьшите непрозрачность слоя до 65%.

Шаг 12

Далее, откройте текстуру Космоса, которую вы скачали.

Примечание переводчика: переместите текстуру Космоса на наш рабочий документ.

 

Поменяйте режим наложения для слоя с текстурой космоса на Осветление (Screen).

Продублируйте слой с текстурой космоса, сместив дубликат слоя вправо. См.скриншот ниже:

Шаг 13

Далее, мы создадим атмосферу или по-другому можно сказать, создадим настроение нашей сцены.

Обратите внимание, что корректирующий слой должен быть поверх всех остальных слоёв в палитре слоёв.

Итак, создайте новый корректирующий слой Выборочная коррекция цвета (Selective color), нажав кнопку Создать новый корректирующий слой или слой-заливку (Create New Fill/Adjustment) в нижней панели инструментов:

Когда появится окно настроек корректирующего слоя Выборочная коррекция цвета (Selective color), примените следующие значения:

Результат должен быть, как на скриншоте ниже:

Шаг 14

Далее, перейдите на слой-маску корректирующего слоя Выборочная коррекция цвета (Selective color).

Теперь, выберите инструмент Кисть (Brush tool (B). Примените следующие настройки для кисти:

Размер кисти (Brush size): 400pxЖёсткость (Hardness): 0%Непрозрачность (Opacity): 40%Нажим (Flow): 100%Цвет (Color): #000000

Далее, прокрасьте кистью по выделенной области.

Результат должен быть, как на скриншоте ниже:

Шаг 15

Далее, создайте новый корректирующий слой Цветовой Баланс (Color balance), нажав кнопку Создать новый корректирующий слой или слой-заливку (Create New Fill/Adjustment) в нижней панели инструментов:

Когда появится окно настроек корректирующего слоя Цветовой Баланс (Color balance), примените следующие значения:

Результат должен быть, как на скриншоте ниже:

Шаг 16

Далее, перейдите на слой-маску корректирующего слоя Цветовой Баланс (Color balance).

Теперь, выберите инструмент Кисть (Brush tool (B). Примените следующие настройки для кисти:

Размер кисти (Brush size): 400pxЖёсткость (Hardness): 0%Непрозрачность (Opacity): 40%Нажим (Flow): 100%Цвет (Color): #000000

Далее, прокрасьте кистью по выделенной области.

Результат должен быть, как на скриншоте ниже:

Шаг 17

Далее, создайте новый корректирующий слой Кривые (Curves), нажав кнопку Создать новый корректирующий слой или слой-заливку (Create New Fill/Adjustment) в нижней панели инструментов:

Когда появится окно настроек корректирующего слоя Кривые (Curves), примените следующие значения:

Результат должен быть, как на скриншоте ниже:

Шаг 18

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

Создайте новый слой. Выберите инструмент Прямоугольная область (rectangular marquee tool). С помощью данного инструмента, создайте прямоугольное выделение, а затем залейте выделенную область #070606. Уменьшите непрозрачность слоя до 65%. Назовите этот слой “Основа для текста”.

Далее, установите шрифт DevilBreezeDemi, DevilBreezeMedium, DevilBreezelight на свой компьютер, т.к. мы собираемся использовать их.

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

Итак, напишите текст поверх основы для текста.

Добавьте ещё текст, например имена DJ или другую информацию.

Шаг 19

Теперь, напечатайте “DYNAMIC”.

Далее, к тексту “DYNAMIC”, добавьте Стили слоя (Layer style). Примените следующие параметры стилей слоя.

Результат должен быть, как на скриншоте ниже:

Повторите весь процесс, добавив ещё текст.

Шаг 20

Далее, создайте новый документ по ширине 800 px и по высоте 800 px.

Залейте его чёрным цветом.

Выберите инструмент Перо (pen tool), с помощью данного инструмента, нарисуйте прямоугольник, а затем, залейте его цветовым оттенком #edef4b.

Примечание переводчика: не забудьте создать новый слой для создания световых эффектов.

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

Повторите весь процесс, добавив ещё полосок.

Попробуйте другие цветовые оттенки.

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

Поменяйте режим наложения для слоя со световым эффектом на Линейный затемнитель (LINER BURN).

Результат должен быть, как на скриншоте ниже:

Шаг 21

Создайте новый слой, назовите этот слой “геометрические фигуры”. Выберите инструмент Перо(pen tool (p), нарисуйте треугольник. Мы зальём треугольную область Радиальным градиентом(radial gradient).

Выберите инструмент Градиент(Gradient Tool (G), установите тип градиента Радиальный (Radial), в конце уменьшите непрозрачность слоя с градиентной заливкой до 5%. Также, не забудьте поставить галочку в окошке Прозрачность (Transparency) в настройках инструмента. Теперь, давайте зальём треугольную область градиентом. Вы можете несколько раз применить градиент, тогда цвет заливки будет насыщеннее.

Используя ту же самую технику, добавьте ещё треугольников, например, различного цвета, используя другие градиенты. Вы можете объединить созданные слои с треугольниками, а затем продублировать объединённый слой (Ctrl+J) и повернуть изображение (Ctrl + T), чтобы получить более произвольный результат.

Результат должен быть, как на скриншоте ниже:

Шаг 22

Выберите инструмент Кисть (Brush Tool (B), установите круглую кисть, Жёсткость(Hardness) кисти 0%, Непрозрачность(Opacity) 100%, Нажим(Flow) 5%, цвет кисти #f8ff7c. Создайте новый слой поверх слоёв с треугольниками, назовите этот слой “световые блики 1”. Поменяйте режим наложения для данного слоя на Перекрытие (Overlay). Вначале используйте кисть маленького диаметра, постепенно увеличивая размер кисти, создавая нужный световой блик, щёлкая кистью в одной точке. Переключите цвет кисти на белый оттенок, а затем, повторите весь процесс, но уже на отдельном новом слое (режим наложения для данного слоя Перекрытие (Overlay).

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

Спасибо, что были со мной до конца урока. Надеюсь, вам понравился этот урок.

Итоговый результат

Скачать исходные материалы к уроку

Скачать PSD-файл

Автор: Vik Aadi

Переводчик: Садыгалиев Марат

photoshop-master.ru

Делаем флаер в Фотошоп — Мегаобучалка

Как создать флаер в векторном стиле средствами Фотошоп?

Для начала создаем новый документ размером 1000х500px и разрешением 72dpi. Заливаем его черным цветом.

Теперь создаем новый слой и, инструментом Rectangular Marquee Tool (Прямоугольное выделение), создаем выделение как показано на рисунке ниже. Затем заливаем его белым цветом.

Снимаем выделение сочетанием клавиш CTRL+D и дублируем этот слой несколько раз. Размещаем копии так, как показано ниже.

Сливаем все слои с белым прямоугольником в один и применяем Layer - Layer Style - Inner Glow и Gradient Overlay (Слой - Стиль слоя - Внутреннее свечение и Перекрытие градиентом) к новому слою.

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

Передвигаемся к следующему шагу.Теперь добавим силуэты танцующих девушек. На данном этапе вам понадобится специальная кисточка. Выделяем слой, с которым только что работали, Select - Load Selection (Выделение - Загрузить выделение). После этого создаем новый слой и, используя предложенные мной кисти, рисуем ими.

Снова создаем новый слой и располагаем его в самом верху палитры слоев. Опять рисуем силуэты, только теперь нам нужно, чтобы они были как бы вдалеке. Для этого уменьшаем их size (размер), а opacity (непрозрачность) слоя уменьшаем до 50%.

Снимаем выделение CTRL+D. Активируем инструмент Horizontal Type Tool (T) (Горизонтальный текст) и пишем необход

имый вам текст черным цветом.

Для текста я использовал шрифт Venus Rising. Скопируйте (CTRL+C) слой с текстом несколько раз и разместите на каждом прямоугольнике.

Слейте все слои, кроме фонового, вместе и примените Edit - Transform - Distort (Редактирование - Трансформация - Искажение).

Затем применяем Edit - Transform - Warp (Редактирование - Трансформация - Деформация) и немного закругляем на краях.

Далее будем создавать отражение. Дублируем слой (CTRL+J) и отражаем дубликат по вертикали Edit - Transform - Flip Vertical (Редактирование - Трансформация - Отразить по вертикали). С помощью Edit - Transform - Skew (Редактирование - Трансформация - Наклон) и Edit - Transform - Distort (Редактирование - Трансформация - Искажение) создаем что-то похожее на отражение. После этого жмем Enter.

Создаем быструю маску (Q) и заливаем ее стандартным линейным градиентом.

Затем выходим из режима быстрой маски, снова нажав Q. В результате на отражении образовалось выделение. Жмем клавишу Delete.

Снимаем выделение CTRL+D и применяем Filter - Blur - Motion Blur (Фильтр - Размытие - Размытие в движении) со следующими параметрами.

Уменьшаем opacity (непрозрачность) слоя до 50% и получаем вот такой результат.

С фоном мы закончили. Переходим к следующему шагу. Активируем инструмент Brush Tool (Кисть). Жесткость на максимум, размер - 19px. Затем переходим в настройки кисти Window - Brushes (Окна - Кисти) и устанавливаем такие параметры.Brush Tip Shape (Форма отпечатка кисти)

Shape Dynamics (Динамика формы)

Scattering(Рассеивание)

Other Dynamics(Другая динамика)

Создаем новый слой и этой кисточкой хаотично проводим по нашему документу. Цветкисти - белый.

Теперь применим стили слоя. Layer - Layer Style - Inner Glow и Gradient Overlay (Слой - Стиль слоя - Внутреннее свечение и Перекрытие градиентом).

Результат:

Добавим еще один большой силуэт девушки. Снова активируем инструмент Brush Tool (Кисть) и, установив цвет кисти #232b0e, на новом слое рисуем нашу девушку.

И последнее, что нам нужно сделать, это добавить текст. Выбираем инструмент Horizontal Type Tool (Горизонтальный текст) и пишем.

На своем флаере я использовал шрифт Vera Crouz.

 

megaobuchalka.ru

Создаем флаер на тему путешествий, используя Photoshop

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

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

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

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

Шаг 84

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

Шаг 85

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

Шаг 86

Перейдите в Выделение> Модификация> Расширить. Установите для расширения значение 10 пикселей, а затем нажмите кнопку «ОК». Это позволит расширить область выделения на 10 пикселей:

Шаг 87

Добавьте новый слой под фигурой прямоугольника, залейте его серым цветом (#f0ebdc). Нажмите Ctrl + D, чтобы снять выделение:

Шаг 88

Повторите шаг 86 и шаг 87, чтобы создать два новых слоя. Сейчас все белое пространство должно быть заполнено серым цветом:

Шаг 89

С помощью Файл> Поместить вставьте изображение куклы вайанг. Измените его размер и положение, чтобы оно заполнило нижнюю правую область серого цвета:

Шаг 90

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

Шаг 91

Повторите процесс, описанный в шагах 89 и 90, чтобы вставить изображение обезьяны:

Шаг 92

Повторите те же шаги, чтобы вставить изображение храма:

Шаг 93

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

Шаг 94

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

Шаг 95

Активируйте инструмент «Горизонтальный текст» и введите текст с описанием различных достопримечательностей или маршрутов. Начните с заголовка абзаца, текст которого должен иметь темно-коричневый (#605146) цвет:

Шаг 96

Перед тем, как самостоятельно сделать брошюру, слева от картинки храма добавьте четыре замещающих абзаца. Используйте для них меньший размер шрифта:

Шаг 97

Помните фигуру стрелки, которую мы создали раньше? Добавьте эту фигуру, используя инструмент «Произвольная фигура». На этот раз установите для фигуры синий цвет (#26afd8):

Шаг 98

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

Шаг 99

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

Шаг 100

Нажмите Ctrl + J, чтобы продублировать группу. Используйте инструмент «Перемещение», чтобы перетащить ее на правую сторону от изображения обезьяны. Отредактируйте текст заголовка:

Шаг 101

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

Шаг 102

С помощью инструмента «Эллипс» нарисуйте фигуру красного круга поверх групп слоев:

Шаг 103

Откройте палитру «Стили», выберите стиль «красная объемная кнопка«, чтобы применить стиль, который мы создали ранее:

Шаг 104

Добавьте еще одну фигуру круга. Но на этот раз установите цвет заливки — нет, обводка — темно-коричневый (#bcab9e) цвет, ширину штриха — 1 pt:

Шаг 105

С помощью инструмента «Горизонтальный текст» добавьте надпись “DAY” “01” на двух отдельных слоях. С помощью команды «Свободная трансформация» задайте наклон текста:

Шаг 106

Выберите круг и текстовые слои, а затем сгруппируйте их в одну папку:

Шаг 107

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

Окончательный результат

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

Скачать PSD

Перевод статьи «Create Your Own Travel Brochure Using Only Photoshop» был подготовлен дружной командой проекта Сайтостроение от А до Я.

www.internet-technologies.ru

Флаер и фотошоп

Печать флаеров - отличное рекламное решение. Каждое мероприятие несет праздничное определенное настроение и цель хорошего флаера - передать его. Сегодня мы вместе научимся создавать макет яркого геометрического флаера к мероприятию «Awesome Event» с помощью Photoshop. В этом уроке мы будем использовать некоторые интересные стили, шаблоны и методы.

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

Этот яркий и красочный макет мы получим, выполнив всего несколько простых шагов.

Шаг 1. Откройте Photoshop и создайте новый файл. Размер флаера может варьироваться; Вы можете выбрать любой размер, который предпочтете. В нашем уроке мы создадим стандартный флаер шириной 8.5 и высотой 11 дюймов  в CMYK режиме.

Шаг 2. Теперь установим направляющую на 0,63 см, а так же создадим еще несколько направляющих. Нажмите на вкладку «Просмотр» в верхней части экрана и выберете в открывшемся меню кнопку «Новая направляющая».

Шаг 3.Для фона мы будем использовать яркий цвет (# d8602b), залейте фон, используя инструмент «Заливка».

Шаг 4. Теперь выберите фоновый слой и нажмите на кнопку «Стиль слоя», чтобы добавить шаблон. Измените режим смешивания на «Перекрытие», установите непрозрачность 50%, и сохраните настройки так же, как показано на рисунке.

Шаг 5. Создайте новый слой, заполните его цветом # FFFFFF с помощью инструмента Заливка. Теперь, уменьшите заливку на 5% и нажмите на кнопку «Стиль слоя», чтобы добавить мозаичный рисунок с режимом наложения переключитесь на «Мягкий свет» и непрозрачность установите на 50%.Отрегулируйте остальные настройки с помощью изображение ниже.

Шаг 6. Выберите данный слой и нажмите на кнопку «Слой», затем «Слой-маска» и «Скрыть все». Теперь выберите мягкую круглую кисть с белым цветом и двигайте по диагонали в середине так, чтобы изменения были видны. Смотрите пример внизу.

Шаг 7. Создайте новый слой, выберите инструмент «Перо» и создайте несколько треугольников и другие формы, используя различные оттенки серого.

Шаг 8. Заполните весь фон, повторяя этот процесс. (Для этих целей, нами был создал шаблон, который можно использовать по той же схеме для других элементов) Теперь, измените режим смешивания слоя на «Перекрытие» и уменьшите непрозрачность до 50%. Мы будем держать этот слой всегда сверху.

Шаг 9. Выберите многоугольный инструмент и создайте шестиугольную форму в середине листа. Заполните его цветом # 02a598; убедитесь, что размещаете форму под рисунком, который мы создали ранее.

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

Шаг 11. Создайте еще ??одну фигуру с помощью «Прямолинейного лассо» с шести сторон; на этот раз, залейте ее цветом # f36521. Сделать эту форму немного меньше, чем предыдущую. Затем, нажмите на кнопку «Стиль слоя», чтобы добавить шаблон и тени, используя те же параметры, как и раньше. Затем добавьте внешнее свечение и обводку, используя следующие настройки.

Шаг 12. Повторите тот же процесс и создайте еще один многоугольник с помощью инструмента многоугольник. Опять же, сделайте эту фигуру меньше, чем в предыдущей форме. Заполните ее цветом # 00746b, и нажмите на кнопку «Стиль слоя», чтобы добавить шаблон и тени с теми же настройками, как и в первой форме. Добавьте внутреннюю тень и обводку с настройками, показанными ниже.

Шаг 13. Создайте еще ??один контур с помощью инструмента «Прямолинейное лассо»; он должен быть такого же размера, как форма из предыдущего шага. (Вы также можете просто дублировать предыдущую форму.) Теперь, уменьшите заливку слоя до 0% и нажмите на кнопку «Стиль слоя», чтобы добавить шаблон. Здесь мы будем использовать мозаичную структуру. Держите параметры записи модели такими же, как показано ниже.

Шаг 14. Чтобы наша главная многоугольная форма была красивой и яркой, мы добавим еще несколько случайных треугольников и других фигур, чтобы сделать ее более интересной. Таким образом, создадим новый слой и выберем инструмент «Перо», чтобы создать несколько треугольников, используем цвета  # e1af9a, # f0f0f0 и # abe6d4.

Шаг 15. Теперь изменим режим смешивания треугольников слоя на «Перекрытие» со 100% непрозрачностью.

Шаг 16. Пришло время, начать добавлять текст, поэтому выберите инструмент «Текст» и добавьте заголовок с помощью цвета #fffaec. Затем выберите текстовой слой и нажмите на кнопку «Стиль слоя», чтобы добавить тень. Настройте параметры теней, чтобы отразить так, как в изображении ниже.

Шаг 17. Выберите инструмент Линия и создайте небольшую линию с помощью цвета #ffffff, после нажмите на кнопку «Стиль слоя», чтобы добавить тень линии.

Шаг 18. Теперь создайте три полосы с помощью инструмента прямоугольник и залейте их цветами # 005952, # 00a99d и # 006b65. На первых двух полосах, нажмите на кнопку «Стиль слоя», чтобы добавить внутреннюю тень и перекрыть узором, используя настройки в изображении ниже.

Шаг 19. Добавляем остальную часть текста. Выберите инструмент и добавьте текст, используя тот же цвет, и настройку тени, используемые для текста ранее.

Шаг 20. Теперь, просто добавьте некоторые основные разделители с помощью инструмента линии. Создайте горизонтальные линии тем же методом, как и раньше. Для небольшого вертикального разделителя, создайте две строки, используя цвет # 252525, а затем создайте третий с цветом #FFFFFF.

Мы создали яркий, геометрический флаер. Надеемся, вам понравился процесс.

mdmprint.ru


Смотрите также