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

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

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

Архив

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

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

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

one

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

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

Архив

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

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

В этой статье я покажу несколько продвинутых инструментов Photoshop, которые мы будем использовать для создания макета (мокапа) флаера. Мы будем применять смарт-объекты для заполнителей, параметры «Трансформации» для растяжения, скоса и искривления слоев. У нас есть много других советов и приемов. Прочитав эту статью, вы сможете создавать с помощью фотошопа (Photoshop) собственные макеты (мокапы) флаеров, визитных карточек и многого другого.

Как создать мокап флаера в Photoshop

Перед тем, как приступить к работе, давайте посмотрим на примеры макетов флаеров, которые мы создавали в Adobe Photoshop.

Создание макета флаера в Photoshop — Техника

Создание макета флаера в Photoshop — Техника

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

Новый документ

2. Теперь создайте копию фонового слоя, нажав Ctrl + J, затем выберите инструмент «Кадрирование» (C) и сделайте весь документ немного больше, так, как показано на рисунке, приведенном ниже, в документе появятся области по краям, но не беспокойтесь! Выберите серый цвет в качестве цвета фона, залейте эти области серым цветом.

Формат A4

3. Назовите новый скопированный слой Placeholder, затем кликните по нему правой кнопкой мыши, преобразуйте его в Смарт-объект. Помните — не следует масштабировать этот слой до преобразования в Смарт-объект. После преобразования слоя в Смарт-объект можно будет вносить любые изменения. Я уменьшаю его, как показано на рисунке ниже.

Формат A4

4. Сделайте слой Placeholder меньшим, примените эффект «Тень»:

• Режим смешивания – Нормальный;
• Непрозрачность — 100%;
• Угол — -45 градусов;
• Расстояние — 85 пикселей;
• Размер — 130 пикселей.

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

Создание макета флаера в Photoshop — Техника

5. Хорошо. Теперь согните нижний правый угол переднего слоя. Для этого выберите слой и нажмите Ctrl + T, будет активирован инструмент «Трансформация». Далее нужно будет выбрать параметр «Деформация», размещенный в правой части меню параметров.

Параметр Деформация — Техника

Как сделать мокап в фотошопе — пошаговая инструкция

6. Теперь попробуйте сделать небольшую тень согнутого угла, используйте для этого инструмент «Кисть». Затем продублируйте каждый слой и нажмите Ctrl + T, кликните по каждой копии слоя правой кнопкой мыши и выберите пункт «Отразить по вертикали», чтобы перевернуть ее. После этого переместите каждую копию ниже оригинального слоя, чтобы создать его отражение.

Отражение

7. Теперь выберите все слои отражения и переместите их в стеке слоев ниже оригинальных слоев. Создайте для них «Маску слоя» и примените к маске каждого слоя градиент, чтобы скрыть половину слоев отражений, а также уменьшить непрозрачность, чтобы сделать изображение более реалистичным.

Создание макета флаера в Photoshop — Техника

8. Теперь дважды кликните по любому из верхних слоев, в результате чего откроется новый документ. Разместите флаер в этом документе и нажмите Crtl + s, чтобы сохранить его, и вернитесь в основной документ. Вау! Попробуйте поэкспериментировать с тенями и бликами. Теперь вы знаете, как делать самые разнообразные макеты (мокапы) в фотошопе.

Создание макета флаера в Photoshop — Техника

Надеюсь, вам понравилась эта статья, если у вас возникнут вопросы, пожалуйста, задайте их в комментариях. Благодарим за уделенное время.

Данная публикация является переводом статьи «How To Create Flyer Mockup In Photoshop» , подготовленная редакцией проекта.

Дизайн рекламного флаера в Фотошоп / Creativo.one

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

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

Архив

Также были применены шрифты из семьи Lexia и Effra, которые есть в Typekit или подписке Adobe Creative Cloud.

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

Шаг 1

Создайте новый документ с размерами 105 х 216 мм. Этот размер представляет одну треть листа А4. Установите Разрешение (Resolution) на 300, Цветовой режим (Color Mode) на CMYK.

Шаг 2

Создайте новые направляющие. Сместите каждую направляющую на 3 мм от каждой стороны. Это представит так называемые вылеты печати, которые нужны для последующей аккуратной обрезки документа (прим. переводчика). Продолжайте и добавьте одну вертикальную линию в середине документа.

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

Шаг 1

Возьмите изображение «nature-12.jpg» из Resources Pack и поместите его в документе.

Шаг 2

Давайте немного подкорректируем изображение. Для этого мы используем несколько Корректирующих слоев (Adjustment Layers). Добавьте Цветовой баланс (Color Balance) и установите Средние тона (Midtones) на +46, +1, +10.

Шаг 3

Теперь давайте добавим Уровни (Levels) и отрегулируем слайдеры как на картинке внизу, чтобы улучшить цвета фона.

Шаг 4

Используйте корректирующий слой Яркость/Контрастность (Brightness/Contrast) с установкой Яркости (Brightness) -4 и Контрастности (Contrast) 35.

Шаг 5

Создайте новый слой (Ctrl + Shift + N) и заполните его красным цветом. Измените режим наложения (Blending Mode) на Экран (Screen) и добавьте маску слоя (Layer Mask). Используйте инструмент Радиальный градиент (Radial Gradient Tool), чтобы смягчить красный цвет в верхнем левом углу ваучера. Это добавит больше теплых тонов нашей фотографии.

Шаг 6

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

Шаг 7

Следуйте тем же шагам, чтобы создать новый прямоугольник над предыдущим. На этот раз установите Непрозрачность (Opacity) на 60%. Чтобы сделать форму более интересной добавьте Маску слоя (Layer Mask). Активируйте инструмент Кисть (Brush Tool) и мягкой кистью удалите белый цвет с середины этого прямоугольника.

Шаг 8

Снова создайте прямоугольник. Удалите нижний левый угол, чтобы получился треугольник. Поместите треугольник между правой гранью и первым прямоугольником. Установите непрозрачность на 35%.

Шаг 9

Дублируйте (Ctrl + J) слой с треугольником и установите Непрозрачность (Opacity) на 65%. Отрегулируйте треугольник примерно как показано на рисунке ниже. Добавьте Маску слоя (Layer Mask) и снова используйте мягкую кисть, чтобы «проредить» белый цвет в середине треугольника.

Шаг 10

Создайте новый Прямоугольник ( Rectangle). Переместите левый верхний угол немного ниже. Заполните его коричневым градиентом и измените Режим наложения (Blending Mode) на Линейный затемнитель (Linear Burn).

Шаг 11

Дублируйте (Ctrl + J) коричневый треугольник. Установите Режим наложения (Blending Mode) назад на Нормальный (Normal). Измените Непрозрачность (Opacity) на 65%. Используйте Маску слоя (Layer Mask), чтобы смягчить нижние зоны слоя.

Шаг 12

Выделенному слою добавьте эффект Тень (Drop Shadow Effect). Установите Непрозрачность (Opacity) на 35%, Смещение (Distance) на 10 и Размер (Size) на 40.

3. Создаем заголовок

Шаг 1

Создайте новый Прямоугольник (Rectangle). Переместите верхний правый угол этого прямоугольника немного влево. Заполните его коричневым градиентом. Добавьте эффект Тень (Drop Shadow) с Непрозрачностью (Opacity) 20%. Установите Смещение (Distance) на 2 и Размер (Size) на 7.

Шаг 2

Используя процесс, описанный в первом шаге, создайте новый прямоугольник. На этот раз заполните его белым цветом и разместите под коричневым прямоугольником. Активируйте Свободное Трансформирование (Free Transform), нажав Ctrl + T, и немного сдвиньте правый нижний угол. Установите Непрозрачность (Opacity) на 80%.

Шаг 3

Добавьте Слой-маску (Layer Mask) и используйте инструмент Кисть (Brush Tool), чтобы осветлить верхнюю зону белого прямоугольника. Поместите этот слой под коричневым прямоугольником.

Шаг 4

Выберите инструмент Текст (Type Tool) и напишите «Х». Для нашего урока я использовал шрифт Effra Bold Italic. Заполните его белым и установите Режим наложения (Blending Mode) на Мягкий свет (Soft Light). Растяните «Х» пока она не станет такой же высоты, как коричневый прямоугольник и поместите ее внутри.

Шаг 5

Дублируйте (J) слой с «Х» и конвертируйте Шрифт в Фигуру. (Для этого кликните по слою с текстом правой кнопкой мыши и выберите «Преобразовать в кривые» — прим. переводчика). Поиграйте с инструментом Перо (Path Tool) и удалите точки «Х» пока не получите форму в виде стрелки. Немного переместите ее влево.

Шаг 6

Используйте инструмент Текст (Type Tool), чтобы добавить информацию в заголовке. В этом случае я использовал шрифты Lexia Thin и Lexia Bold для создания нашего текста. Заполните тонкий шрифт темно-коричневым, а жирный шрифт белым цветом.

4. Создаем значок

Шаг 1

Создайте новый Эллипс (Ellipse). Для этого можно просто нажать кнопку U. Добавьте эффект Тень (Drop Shadow). Установите Непрозрачность (Opacity) на 60, Смещение (Distance) на 7 и Размер (Size) На 12.

Шаг 2

Создайте еще один эллипс. Сделайте его немного меньше и разместите внутри коричневой зоны. Заполните Штрих (Stroke) белым и установите его ширину на 1 пт. Сделайте штрих пунктирным.

Шаг 3

Создайте еще один эллипс. Заполните его черно-белым градиентом. Поместите его над коричневым кругом как показано на картинке внизу и создайте Обтравочную маску (Clipping Mask). (Для этого нажмите на слой с градиентом правой кнопкой мыши и выберите Создать обтравочную маску). Установите Режим наложения (Blinding Mode) на Перекрытие (Overlay), Непрозрачность (Opacity) на 35.

Шаг 4

Используйте инструмент Текст (Type Tool) чтобы написать «65%». В нашем уроке я использовал шрифт Effra Bold. Поиграйтесь с размерами шрифта и другими настройками, чтобы сделать результат более эстетичным.

Шаг 5

Используя тот же метод, напишите слово «Sale». Заполните текст оранжевым цветом и установите Капитализацию (Capitalization) на Капитель (Small Caps).

Шаг 6

Используйте инструмент Линия (Line Tool), чтобы создать два оранжевых разделителя рядом с текстом «Sale». Установите Толщину (Weight) на 5 пт.

5. Добавляем основной текст

Шаг 1

Создайте новый текст и напишите «Voucher». Используйте шрифт Lexia Bold Italic и заполните шрифт желтым. Установите Трекинг для выделенных символов (Character Tracking) на -40. Добавьте эффект Внутренняя тень (Inner Shadow). Установите Непрозрачность (Opacity) на 40, Смещение (Distance) на 1 и Размер (Size) На 1.

Шаг 2

Теперь добавьте Наложение узора (Pattern Overlay). Загрузите «штрихованный узор» (stripe-pattern.pat) из скачанных файлов. Установите Режим наложения (Blending Mode) на Яркий свет (Vivid Light).

Шаг 3

Добавьте новый текст «Present». Заполните его коричневым и примените тот же эффект Внутренняя тень (Inner Shadow) из предыдущего шага.

Шаг 4

Используйте инструмент Текст (Type Tool) чтобы добавить немного «рыбного» текста. Также можете добавить любые слова на ваше усмотрение. Заполните текст белым цветом и добавьте эффект Тень (Drop Shadow). Установите Непрозрачность (Opacity) на 30, Смещение (Distance) на 3 и Размер (Size) на 8.

6. Добавляем текст в нижней части

Шаг 1

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

Шаг 2

Импортируйте векторные иконки из источников. Равномерно разместите иконки по ваучеру. Добавьте объяснительный текст к таким иконкам как: адрес, номер телефона, email.

Шаг 3

Давайте добавим еще один белый разделитель. Создайте новую штрихованную Линию (Dashed New Line) и установите ее Толщину (Weight) на 3 пт.

Выводы

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

Небольшой совет

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

Автор: Róbert Šarudy

Переводчик: Шаповал Алексей

Источник: http://design.tutsplus.com/tutorials/design-an-eye-catching-voucher-in-photoshop—cms-21654

Как сделать флаер в фотошопе?

Листовки — один из самых экономичных рекламных инструментов, которые вы можете использовать для продвижения своего бренда, продуктов или услуг. Они маленькие, но в них достаточно места, чтобы вы могли поразить аудиторию своим дизайном.

Благодаря Photoshop каждый может создавать свои собственные маркетинговые материалы. Сегодня я научу вас, как сделать шаблон руководства в Photoshop для ваших листовок.

Шаг 1: Откройте новый файл

Зайдите в File и выберите New. Создайте новый документ и назовите его Flyer. Вы можете установить его ширину 4.25 дюйма, высоту 6.25 дюйма и разрешение 300 пикселей на дюйм. Конечно, вам не обязательно следовать этому. Вы всегда можете указать желаемые размеры и разрешение. Однако, если вы собираетесь распечатать флаер на настольном принтере или в сервисном бюро, придерживайтесь 300 ppi.

Шаг 3: Начните проектирование

После того, как вы ввели разрешение и размер, вы можете начать работу над дизайном. Зайдите в File и нажмите Place. Просмотрите набор Гранж-текстуры бумаги и выберите одну. Допустим, вы выбрали «Пятнистую бумагу». Вам нужно повернуть ее на 5 градусов против часовой стрелки и перетащить углы, чтобы покрыть чистый холст.

Вы также можете залить фон цветом. Перейдите в Edit и нажмите Fill Layer. Оттуда вы можете выбрать цвет.

Шаг 4: Добавить фотографии

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

Шаг 5: Добавить текст

Нажмите инструмент «Текст», чтобы добавить текст на флаере. С помощью инструмента «Перемещение» вы можете расположить текст в любом месте холста.

Шаг 6: Сохранить

Когда вы закончите свою работу, вы можете щелкнуть File и сохранить свой проект. Дважды проверьте все поля Layers и Color. Убедитесь, что вы выбрали все, прежде чем сохранять файл как .PSD. Если вы хотите распечатать флаер в сервисном бюро, сохраните его как файл Photoshop PDF.

Как сделать 2-сторонний флаер в фотошопе — Вокруг-Дом

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

Вы можете сделать свои собственные листовки с помощью Photoshop.

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

Откройте новый документ в Photoshop. Установите размер бумаги США, стандартные 8,5 дюйма на 11 дюймов, цветовой режим RGB и разрешение 300 пикселей на дюйм.

Шаг 2

Создайте поля, щелкая и перетаскивая направляющие из линейки справа и сверху документа. Введите «Control» + «r» («Command» + «r» на Mac), чтобы открыть линейку, если она еще не видна. Для печати на домашнем или офисном принтере перетащите направляющие на четверть дюйма от краев документа. Для профессиональной печати спросите у своего принтера, какие поля им нужны.

Выберите четкий, читаемый шрифт для заголовка вашего флаера.

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

Шаг 4

Откройте фотографию или другую иллюстрацию для вашего флаера в Photoshop. Перетащите его в свой документ флаера. Он появится на собственном слое. Теперь вы можете изменить его размер с помощью инструмента «Свободное преобразование» («Control +» t »). Удерживайте клавишу« Shift »при изменении размера, чтобы сохранить соотношение сторон. Вы можете рассмотреть возможность двойного щелчка по слою, чтобы открыть« Эффекты слоя ». параметры, где вы можете добавить эффекты, такие как тень, чтобы выделить ваше изображение.

Шаг 5

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

Шаг 6

Создайте вторую сторону для вашего флаера, перейдя в выпадающее меню «Изображение» и выбрав «Дублировать». Откроется диалоговое окно и позволит вам назвать новый документ. Нажмите «ОК», и откроется точная копия вашего первого документа. Удалить текст и изображение уже присутствует.

Шаг 7

Попробуйте слой «Градиент» для второй стороны или продолжайте смотреть с первой стороны. Завершите вторую сторону вашего летчика с соответствующим текстом, изображениями и вашей контактной информацией, если применимо.

Шаг 8

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

Создание флаера в Фотошопе · Мир Фотошопа

Конечный результат:

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

Для работы нам понадобится несколько векторных иконок, специально нарисованных в Adobe Illustrator, а также изображения с Envato. Всё это можно найти в этом архиве, в PSD файле. Шрифт, который мы будем использовать, называется «Proxima Nova. Он доступен в Typekit или по подписке Adobe Creative Cloud.

Создание документа и вспомогательных элементов

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 216х154 мм. Это размер бумаги формата A5 с добавленными по краям 3мм полями. Так как мы готовим флаер к печати, то лучше выбрать цветовой режим CMYK.

Шаг 2

Включите линейки (View ? Rulers) и отведите от них направляющие на расстоянии 3мм от краёв холста.

Шаг 3

Отведите направляющие для каждой стороны холста.

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

Шаг 1

Создайте новый слой (Ctrl + Shift + Alt + N) и залейте его белым цветом при помощи инструмента Paing Bucket Tool (G). Включите панель Color (Window ? Color), чтобы видеть цветовую схему CMYK.

Шаг 2

Примените стиль Gradient Overlay:

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

Инструментом Direct Selection Tool (A) искривите нижний край прямоугольника.

Шаг 7

Измените форму прямоугольника при помощи дополнительных якорных точек.

Шаг 8

Перейдите в меню File ? Place Embedded и выберите файл «people-1.jpg» из загруженного архива.

Шаг 9

Расположите фотографию в левом верхнем углу.

Шаг 10

Создайте прямоугольник размером 216х100 мм.

Шаг 11

Инструментом Direct Selection Tool (A) расположите его прямо над фотографией в верхнем левом углу.

Шаг 12

На верхней панели параметров инструмента Rectangle Tool (U) нажмите на кнопку Mask. К слою с фотографией будет добавлена векторная маска.

Шаг 13

Добавьте якорную точку инструментом Pen Tool (P) и искривите нижний край фотографии.

Шаг 14

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

Шаг 15

К фотографии примените фильтр Gaussian Blur (Filter ? Blur ? Gaussian Blur) со значением 6 пикселей.

Шаг 16

Кликните на маске смарт-фильтра и залейте её градиентом слева направо.

Шаг 17

Кликните на маске слоя фотографии и выберите кисть. Закрасьте край ступенек.

Шаг 18

Создайте корректирующий слой Brightness/Contrast.

Шаг 19

Кликните правой кнопкой мыши на корректирующем слое и выберите пункт Create Clipping Mask. Благодаря обтравочной маске корректирующий слой повлияет только на фотографию.

Шаг 20

Создайте слой-заливку Solid Color: C=30 M=80 Y=100 K=30.

Шаг 21

Удерживая Alt, перенесите векторную маску фотографии на новый корректирующий слой.

Шаг 22

Инструментом Direct Selection Tool (A) перенесите правую верхнюю якорную точку к правому верхнему углу.

Шаг 23

На маске слоя-заливки мягкой кистью с 75% непрозрачностью верните часть фотографии.

Шаг 24

Нарисуйте ещё один прямоугольник:

Шаг 25

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

Шаг 26

Опустите этот прямоугольник под тёмно-коричневый.

Шаг 27

Инструментами Pen Tool (P) и Direct Selection Tool (A) измените форму светлого прямоугольника.

Текстовый логотип

Шаг 1

Инструментом Ellipse Tool (U) создайте круг диаметром 248 пикселей коричневого цвета (C=30 M=80 Y=100 K=30).

Шаг 2

Примените стиль Drop Shadow:

Шаг 3

Создайте круг диаметром 400 пикселей тёмно-коричневого цвета (C=100 M=80 Y=45 K=50).

Шаг 4

Примените ко второму кругу тот же стиль Drop Shadow, что и к первому. Это можно сделать быстро через контекстное меню слоя: Copy Layer Style ? Paste Layer Style. Тёмно-синий круг опустите под светло-коричневый.

Шаг 5

Выберите инструмент Horizontal Type Tool (T), шрифт «Proxima Nova» и подпишите круг. Откройте окно Character (Window ? Character) и настройте шрифт. Напишите каждую строку текста на отдельном слое и измените расположение при помощи инструмента Move Tool (V).

Шаг 6

Подпишите второй круг.

Шаг 7

Добавьте ещё текст на флаер.

Шаг 8

Справа от слова «Travel»:

Шаг 9

Создайте копию обоих текстовых слоёв и опустите их ниже.

Шаг 10

Измените текст нижней строки.

Шаг 11

Перейдите в меню File ? Place Embedded и вставьте логотип «acme-travel-logo.ai».

Шаг 12

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

Шаг 13

Примените к логотипу стиль Drop Shadow:

Добавление фотографий

Шаг 1

Создайте прямоугольник размером 60х28 пикселей.

Шаг 2

Выделите прямоугольник инструментом Direct Selection Tool (A) и на верхней панели выберите выравнивание по горизонтальным центрам.

Шаг 3

Вставьте фотографию «people-11.jpg» через меню File ? Place Embedded.

Шаг 4

Уменьшите фотографию и вставьте её прямоугольник.

Шаг 5

Выберите слой прямоугольника и инструмент Rectangle Tool (U). На верхней панели нажмите на кнопку Mask. К фотографии будет добавлена векторная маска.

Шаг 6

Выберите инструмент Move Tool (V), зажмите Alt + Shift и сдвиньте фотографию вправо. У Вас автоматически будет создана копия.

Шаг 7

Вставьте файл «city-5.jpg» через меню File ? Place Embedded.

Шаг 8

Измените размер фотографии и расположите её над слоем с фотографией девушки.

Шаг 9

Перенесите маску со слоя «people-11-copy» на новую фотографию, а затем удалите его.

Шаг 10

Повторите шаги 7-9, чтобы добавить ещё одно изображение. На этот раз добавьте скриншот карты с расположением компании.

Шаг 11

К слою с картой примените стиль Stroke:

Шаг 12

Color: (C=30 M=80 Y=100 K=30).

Текст под картинками

Шаг 1

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

Шаг 2

Добавьте ещё несколько серых строк (K=90).

Шаг 3

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

Шаг 4

Вставьте иконку календаря.

Шаг 5

Расположите её под картой:

Шаг 6

Добавьте ещё пару иконок.

Шаг 7

Напишите название компании светло-коричневым цветом (C=10 M=65 Y=100 K=0). Расположите его над картой.

Шаг 8

Добавьте строку адреса серого цвета.

Шаг 9

Вставьте иконку глобуса.

Шаг 10

Уменьшите её и расположите слева от сайта компании.

Шаг 11

Инструментом Pen Tool (P) нарисуйте контурную линию на карте, чтобы показать маршрут.

Шаг 12

Обведите контур через верхнюю панель светло-коричневым цветом (C=10 M=65 Y=100 K=0).

Шаг 13

Выберите пунктирную обводку.

Шаг 14

Создайте коричневый круг (C=30 M=80 Y=100 K=30).

Шаг 15

Выберите инструмент Pen Tool (P) и кликните на нижней якорной точке, удерживая Alt.

Шаг 16

Инструментом Direct Selection Tool (A) оттяните нижнюю точку. Получится указатель.

Шаг 17

Примените стиль Drop Shadow:

Шаг 18

Создайте белый круг на указателе.

Конечный результат:

Как сделать флаер в Photoshop

Как сделать флаер в фотошопе

Шаг 1. Откройте Photoshop .

Откройте Adobe Photoshop на рабочем столе. Подождите, пока он загрузится, так как запуск Photoshop может занять несколько секунд.

Шаг 2 — Выберите новый холст

В этом уроке мы будем использовать листовки стандартного размера, то есть 9×12 дюймов.Введите эти характеристики и установите разрешение 300 PPI и цветовой режим CMYK. Наконец, нажмите «Создать», чтобы запустить холст.

Источник изображения: https://helpx.adobe.com

Шаг 3 — Создайте флаер

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

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

Шаги 4 — Настройка

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

Шаг 5: Сохраните

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

Сэкономьте время на создании листовок с Edraw Max

Adobe Photoshop — это сложный инструмент с множеством расширенных функций. Использование Adobe Photoshop может занять довольно много времени и утомительно, особенно для создания контента с нуля.Вот почему мы рекомендуем использовать Edraw Max, лучший инструмент для рисования в Интернете. Итак, если вы не хотите тратить время и силы на изучение того, как создать флаер в Photoshop, вам следует использовать Edraw Max онлайн.

Edraw Max — это не только быстрая и простая альтернатива Photoshop, но и предлагает множество интересных преимуществ, таких как:

1. Экономия времени

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

2.Множество интересных функций

Edraw Max предлагает множество интересных функций, которые делают его интересным инструментом для экспериментов и создания творческого контента.

3. Низкая подписка

Это программное обеспечение для создания диаграмм намного дешевле по сравнению с его конкурентами, такими как Adobe Photoshop, который стоит 359,88 долларов в год, тогда как Edraw требует всего 119,4 долларов в год. Итак, вы экономите много лишних денег!

4.Обильные символы

Edraw Max Online имеет обширную библиотеку символов для всех видов диаграмм и диаграмм.

5. Простота использования

Благодаря удобному интерфейсу и простым инструментам для рисования это очень простое программное обеспечение.

6. Межплатформенная доступность

Edraw Max доступен для различных операционных систем, включая Linux, Mac OS и Microsoft Windows.Это делает доступным на разных устройствах.

Как экспортировать дизайн флаера

Еще одно большое преимущество использования Edraw Max заключается в том, что он предлагает различные варианты сохранения вашего файла. Отличная функция сохранения и экспорта Edraw max позволяет хранить файл в локальном хранилище, а также в облачном хранилище, таком как Google Drive и Dropbox. Вы также можете экспортировать свой файл в различные широко используемые форматы файлов для таких программ, как MS Word, MS PowerPoint, MS Excel или Adobe.

В заключение, Edraw Max — лучшая альтернатива не только Photoshop, но и всем другим доступным инструментам рисования.

Как сделать флаер в фотошопе

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

В Photoshop выберите «Файл», «Открыть» и перейдите к предоставленному файлу шаблона. Выберите его и нажмите «Открыть». При работе над проектом в Photoshop рекомендуется использовать слои, помещая каждый объект на отдельный слой, чтобы вы могли работать с этим объектом отдельно.

Этот документ начинается с одного слоя, который называется фоновым слоем. Чтобы создать новый слой, выберите Layer, New, Layer. Назовите этот слой «Лосось», так как вы будете рисовать на этом слое изображение, которое выглядит как кусок суши с лососем.

В Photoshop рекомендуется давать слоям имена, чтобы они оставались организованными.

Щелкните OK, и новый слой будет добавлен на панель «Слои». Чтобы начать суши-графику, выберите инструмент «Прямоугольная область» и перетащите изображение, чтобы выделить его. Область внутри этих пунктирных линий называется выделением, а выделение позволяет изолировать область для работы. Теперь вы заполните это выделение оранжевым цветом. Убедитесь, что слой с лососем выделен на панели слоев, потому что вы хотите, чтобы на этом слое был оранжевый цвет.

В Photoshop всегда полезно убедиться, что вы работаете над правильным слоем.

На панели «Образцы» выберите образец оранжевого цвета. Этот оранжевый цвет появляется в цветном поле внизу панели инструментов. Это называется цветом переднего плана. Выберите Edit, Fill. В меню «Содержание» выберите «Цвет переднего плана» и нажмите «ОК». Теперь выберите Select, Deselect, чтобы удалить выделение.

Всегда полезно отменить выбор, когда вы закончите выделение в Photoshop.

Теперь вы сделаете еще один слой для морских водорослей, используя тот же метод. Выберите Layer, New, Layer. Назовите новый слой «Морские водоросли» и нажмите OK. Не снимая выделения с инструмента Rectangular Marquee Tool, сделайте следующее выделение. Выберите черный здесь на панели Swatches. Не снимая выделения с слоя с водорослями на панели «Слои», выберите «Правка», «Заливка». Убедитесь, что выбран цвет переднего плана, и нажмите OK. Затем выберите «Выбрать», «Отменить выбор». Поскольку водоросли находятся на отдельном слое, вы можете перемещать их независимо.Убедитесь, что слой «Морские водоросли» выделен на панели «Слои». Выберите инструмент «Перемещение» и перетащите изображение, чтобы расположить прямоугольник с водорослями в центре. Могут появиться пурпурные умные направляющие, которые помогут выровнять центр.

Теперь мы добавим этот текст к нашему флаеру. Выберите инструмент Horizontal Type Tool. На панели параметров инструмента щелкните стрелку справа от меню Font-Family и выберите шрифт. Образцы в правой части меню дают вам представление о том, как будет выглядеть шрифт.Теперь шрифты в вашем меню могут отличаться от моего, поэтому просто выберите любой шрифт, который у вас есть. Щелкните стрелку справа от меню «Размер шрифта» здесь, на панели параметров, и выберите большой размер, чтобы вы могли быть уверены, что изначально видите текст на изображении. Как вы можете видеть здесь, есть много других вариантов форматирования вашего шрифта. На панели параметров щелкните поле «Цвет», чтобы открыть диалоговое окно «Палитра цветов». Наведите указатель на светло-серую часть изображения и щелкните, чтобы взять образец светло-серого. Это хороший совет по выбору цвета текста, соответствующего цвету изображения.Щелкните OK в палитре цветов. Нажмите на водоросли на своем изображении и заглавными буквами введите «СУШИ». Нажмите Return или Enter, введите «MAKING». Нажмите Return или Enter, введите «КЛАСС». Еще раз нажмите Return или Enter и введите «19:00». Выделите текст, перетащив его. А здесь, на панели параметров, щелкните значок «Центр текста», чтобы центрировать все набранные строки друг относительно друга. Выберите инструмент «Перемещение» и переместите текст на место, используя появившиеся быстрые направляющие, чтобы выровнять его по центру.

Хорошо, давайте сохраним то, что мы построили. Выберите «Файл», «Сохранить как». В диалоговом окне «Сохранить как» измените имя файла. Сохраните его в формате Photoshop, чтобы сохранить все добавленные вами слои, чтобы их можно было вернуть и отредактировать в будущем. Затем нажмите «Сохранить», чтобы сохранить флаер. Затем нажмите ОК.

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

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

Как создать элегантный флаер мероприятия в Photoshop — Medialoot

Маркетинговые материалы

Есть так много разных типов маркетинговых материалов, в которые вы можете потратить свое время, и вам нужно приложить все усилия. Один из наиболее эффективных способов рассказать новым потенциальным клиентам о вас — это флаер.Маленькие, прочные, но достаточно места, чтобы поразить их своим дизайном. Для этого и предназначен этот учебник.

Сегодня вы узнаете, как правильно настроить шаблон руководства в Photoshop и как создать элегантный флаер мероприятия. Для этого урока мы создадим флаер размером 4,0 x 6,0 дюйма с обрезкой 0,125 дюйма, используя следующие ресурсы:

Шаг 1

Откройте Photoshop и выберите «Файл»> «Создать». Назовите файл «4×6 Flyer», установите ширину на 4,25 дюйма (1275 пикселей), высоту на 6,25 дюйма (1875 пикселей), разрешение на 300 точек на дюйм и убедитесь, что для цветового режима установлено значение CMYK Color. и нажмите ОК.

Шаг 2

Чтобы начать размещать направляющие для отметки размера обрезки, выберите «Просмотр»> «Новая направляющая». Установите Ориентацию на Вертикальную, Положение на 0,125 ”и нажмите ОК.

Шаг 3

Снова перейдите в «Просмотр»> «Новое руководство». Установите Ориентацию на Вертикаль, Положение на 4,125 дюйма и нажмите ОК.

Шаг 4

Еще раз перейдите в «Просмотр»> «Новое руководство». На этот раз установите Ориентацию на Горизонтальную, Положение на 0,125 дюйма и нажмите ОК.

Шаг 5

Наконец, перейдите в «Просмотр»> «Новое руководство».Установите Ориентацию на Горизонтальную, Положение на 6,125 дюйма и нажмите ОК.

Шаг 6

Теперь, когда у нас есть направляющие по размеру обрезки, пора приступить к разработке нашей флаера. Перейдите в Файл> Поместить. Выберите текстуру «Stained Paper 5» из набора Grunge Paper Textures и нажмите «Поместить».

Шаг 7

Перейдите в Edit> Transform> Rotate 90º CW.

Шаг 8

Перетащите углы текстуры, чтобы заполнить весь холст, и нажмите клавишу Enter на клавиатуре, чтобы сохранить изменения.

Шаг 9

На панели слоев установите режим наложения слоя текстуры на «Умножение» и уменьшите непрозрачность до 40%.

Шаг 10

Перейдите в Layer> New> Layer. Назовите этот слой «Кисть с блестками» и нажмите «ОК».

Шаг 11

Выберите инструмент «Кисть» (B) и на панели «Кисть» выберите «Кисть 50» из набора акриловых кистей.

Шаг 12

Установите размер кисти на 950 пикселей и убедитесь, что непрозрачность и поток установлены на 100%.

Шаг 13

Щелкните один раз по холсту, чтобы нарисовать мазок кисти.

Шаг 14

Дважды щелкните слой «Glitter Brush», чтобы отобразить панель стилей слоя, примените следующие настройки в «Bevel & Emboss», «Pattern Overlay» и «Drop Shadow» и нажмите OK.

Шаг 15

Нажмите «X» на клавиатуре, чтобы инвертировать цвета переднего плана и фона. Выберите инструмент «Многоугольник» (U) и щелкните один раз по холсту. В окне «Создать многоугольник» установите ширину 705 пикселей, высоту 792 пикселей, стороны 3 и нажмите «ОК».

Шаг 16

Перейдите в меню «Правка»> «Трансформировать»> «Повернуть на 90º против часовой стрелки».

Шаг 17

Дважды щелкните слой «Многоугольник 1», чтобы отобразить панель стилей слоя, примените следующие настройки в разделе «Тень» и нажмите «ОК».

Шаг 18

Выбрав слой «Многоугольник 1», уменьшите непрозрачность слоя до 70%.

Шаг 19

Нажмите «X» на клавиатуре, чтобы инвертировать цвета переднего плана и фона. Выберите инструмент «Многоугольник» (U) и щелкните один раз по холсту.В окне «Создать многоугольник» установите ширину 651 пиксель, высоту 732 пикселя, стороны 3 и нажмите «ОК».

Шаг 20

Перейдите в меню «Правка»> «Трансформировать»> «Повернуть на 90º против часовой стрелки».

Шаг 21

Перейдите в меню «Файл»> «Поместить». Найдите и выберите изображение Rocks на своем компьютере и нажмите кнопку «Поместить».

Шаг 22

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

Шаг 23

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

Шаг 24

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

Шаг 25

Дважды щелкните слой «Shape 1», чтобы отобразить панель стилей слоя, примените следующие настройки в разделе «Pattern Overlay» и нажмите OK.

Шаг 26

Чтобы закончить наш фон, мы добавим еще один экземпляр кисти, которую мы использовали.Перейдите в Layer> New> Layer. Назовите этот слой «Черная кисть» и нажмите «ОК».

Шаг 27

Выберите инструмент «Кисть» (B) и черным цветом щелкните один раз по холсту, используя ту же кисть «Кисть 50» из набора акриловых кистей и с такими же настройками для размера (950 пикселей), непрозрачности (100%). и расход (100%).

Шаг 28

Выбрав слой «Черная кисть», перейдите в меню «Правка»> «Трансформировать»> «Повернуть на 90º против часовой стрелки». И поместите мазок кисти рядом с нижней частью холста, как показано.

Шаг 29

Выберите инструмент «Текст» (T) и введите название события, используя Lato Hairline для первого слова и Lato Light для второго слова размером 150 пикселей и с черным цветом для обоих слов, как показано.

Шаг 30

Добавьте дату события, используя Lato Light для месяца и Lato Hairline для дня размером 70 пикселей, как показано.

Шаг 31

Теперь добавьте время события, используя Lato Hairline для числа и Lato Light для «PM», оба с размером 70 пикселей и черным цветом.

Шаг 32

Используя размер шрифта 50 пикселей и черный цвет, введите имена особых гостей, используя Lato Light для имен и Lato Hairline для фамилий гостей в левом столбце, и сделайте противоположное для гостей в правом столбце (Lato Hairline для Имена и лато свет для фамилий).

Шаг 33

Используйте Lato Light для «///» и «\\\» и Lato Regular для текста «самое элегантное событие в н.у.с.» размером 40 пикселей и черного цвета.

Шаг 34

Добавьте еще одну текстовую строку для информации о наличии билетов с помощью Lato Regular размером 32 пикселя с черным цветом.

Шаг 35

Наконец, добавьте немного информации внизу, используя Лато на 30 пикселей с черным цветом, изменяя варианты Обычный и Светлый, чтобы сделать текст более интересным.

Шаг 36

Выберите инструмент «Линия» (U) и нарисуйте линию 100 пикселей, используя черный цвет и толщину 2 пикселей. Поместите его между датой и списком гостей в левом столбце.

Шаг 37

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

Учебное пособие

: Как создать шаблон бизнес-флаера в Photoshop

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

Если у вас мало времени или у вас нет навыков графического дизайна для создания флаера с нуля, у нас есть решение — предварительно разработанные шаблоны флаеров PSD, которые вы можете легко настроить в Photoshop с помощью ваших конкретных цветов, изображений и брендинга. .

Шаг 1.

Начало работы. Создание файла

Чтобы создать флаер, вам необходимо создать файл. Перейдите в Photoshop, щелкните вкладку «Файл» и нажмите «Создать». Или вы можете сэкономить несколько минут и создать новый файл с помощью волшебного сочетания клавиш «Ctrl + N». Во всплывающем окне вам нужно будет записать сведения о новом файле (имя, размер…). Все флаеры на Elegantflyer.com имеют размер 8,5 ″ х 11 ″ и 0,25 ″ (2625 × 3375 пикселей), так что продолжим с этим размером.В этом уроке мы создадим бизнес-флаер Bus Travel, поэтому назовем его «Автобусный тур» в поле «Имя». Ширина и высота 2625 × 3375 пикселей или 8,75 ″ х 11,25 ″ (следует учитывать обрезки). Давайте также выберем разрешение 300 DPI (точек / дюйм), 8-битную цветовую схему CMYK и белый фон.

Шаг 2.

Настройка файла с направляющими

Во-первых, давайте добавим новые направляющие, которые будут указывать область выхода за обрез. Перейдите на вкладку «Просмотр» и щелкните «Новое руководство…».

Во всплывающем окне выберите вертикальные и горизонтальные направляющие с отступом в начале документа (горизонтальный 0,2 дюйма, вертикальный 0,25 дюйма, горизонтальный 11 дюймов и вертикальный 8,5 дюйма). В результате мы получим направляющие с положением 0,25 дюйма от края документа.

Шаг 3.

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

Чтобы создать фон, нажмите «Создать новый слой заливки или коррекции» в окне «Слои» и выберите «Градиент…».Вы можете открыть окно «Слои» с помощью вкладки «Окно» и найти «Слои», или вы можете просто щелкнуть F7, чтобы открыть «Слои»).

В открывшемся окне нажмите на полосу градиента и выберите нужные цвета. Непрозрачность цвета можно настроить с помощью верхних роликов полосы «Непрозрачность». (100% означает непрозрачный). Цвета настраиваются с помощью роликов, расположенных ниже в полосе «Цвет». Выберем цвет # 3e347e с помощью левого валика и # e0218c с помощью правого валика и сохраним 100% непрозрачности.

Нажмите «ОК» и продолжайте редактировать градиент. Давайте оставим стиль «Линейный», «Угол» 68% и «Масштаб» равным 150%. Затем нажмите на документ, потяните градиент чуть ниже и нажмите «ОК».

Давайте добавим света с помощью градиента. Создайте новый слой с помощью сочетания клавиш «Ctrl + Shift + N» или нажмите «Создать новый слой» в окне «Слои». Затем нажмите на «Инструмент градиента» на панели действий и установите радиальный градиент на верхней панели с начальным белым цветом и конечным с непрозрачностью 0%.

Теперь нарисуем градиент и установим следующие свойства в окне «Слои»: режим наложения «Осветление» и 60% заливка.

Шаг 4.

Добавление объектов

Щелкните «Pen Tool» и выберите верхнюю область документа, щелкнув левой кнопкой мыши. Выберите белый цвет.

После объединения области нажмите кнопку «Форма». Форма должна стать белой. Если вам нужен другой цвет, перейдите в окно «Слои» и дважды щелкните значок текущего слоя, чтобы выбрать другой цвет.Теперь выберите «Convert Point Tool» и переместите созданные точки.

После таких манипуляций вы получите следующий объект. Не бойтесь пересекать края документа.

Давайте таким же образом создадим еще один объект. Он послужит рамкой для изображения. Сделаем его серым.

Продолжить создание объектов. Области для изображений выделены серым.

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

Сделайте ширину линии 1 пиксель и проведите линию под 45 °, удерживая клавишу «Shift». Длина примерно 0,12 дюйма.

Дублируйте линию с помощью окна «Слои». Перетащите слой на иконку создания нового слоя.

Изобразим линию по горизонтали с помощью «Rectangular Marquee Tool».

С помощью «Move Tool» переместите линию вправо.

Создайте полосу, продублировав эти линии.

Шаг 5.

Добавление изображений

Чтобы еще сделать это, щелкните вкладку «Файл» и выберите «Поместить…». Выберите нужное изображение на вашем компьютере и нажмите кнопку «Поместить».

Если вам не нравится расположение или размер изображения, вы можете легко их изменить. Перетащите и измените размер и положение изображения, просто потянув за углы изображения с помощью мыши. Чтобы соотношение сторон не изменилось, удерживая клавишу «Shift», потяните за угол изображения левой кнопкой мыши в нужном направлении.Чтобы применить изменения, нажмите «Enter» или отметьте галочку на верхней панели.

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

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

Шаг 6.

Image Editing

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

Затем добавьте маску к этому слою, щелкнув значок «Добавить векторную маску» в окне «Слои».

Выберите черный цвет (черный цвет стирается, белый цвет восстанавливается) и с помощью «Brush Tool» закрашиваем ненужные области на маске слоя.Оставьте только автобус.

Сделайте то же самое со зданиями на заднем плане, чтобы мы могли отобразить текст ниже. Для удобства можно изменить «Заливку» слоя на 30%.

Шаг 7.

Добавление текста и других элементов

Давайте добавим имя с помощью инструмента «Horizontal Type Tool».

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

Теперь нам нужно перевести текст в фоновый режим. Переместите слой со зданиями (которые мы вырезали ранее) над текстом.

Добавим остальной текст:

Теперь нам нужно добавить QR-код. Откройте вкладку «Файл» и нажмите «Поместить…». Выберите QR-код на вашем компьютере и нажмите кнопку «Разместить». Переместите его в нижний левый угол. Сделайте то же самое с логотипом и переместите его в правый нижний угол. Вот что у вас должно получиться:

Не позволяйте тексту пересекать направляющие, так как это следы за обрез флаера.

Шаг 8.

Добавление эффектов

Чтобы сделать цвета насыщенными, давайте добавим «Кривые», «Цветовой баланс» и «Уровни» над слоями. Щелкните значок «Создать новую заливку или корректирующий слой» в окне «Слои» и настройте одну за другой вышеупомянутые поправки. Отредактируйте их так, как сочтете нужным. Кроме того, вы можете редактировать их, дважды щелкнув мышью по иконке слоя.

Последний шаг — добавление бликов солнечного света. Это необязательный эффект. Откройте вкладку «Файл» и нажмите «Поместить…».Выберите загруженное пятно без фона (png) и нажмите «Поместить». Притяните его к лобовому стеклу автобуса. Режим наложения — «Экран».

Если все сделано правильно, вы получите следующий дизайн шаблона флаера:

Престижность! Так держать! Вы можете сохранить результат с помощью сочетания клавиш «Ctrl + S» (или выбрать «Файл» и нажать «Сохранить») и распечатать его, нажав «Ctrl + P».

Дополнительные материалы, использованные в учебнике:

Шрифты:

1) Допстайл https: // www.dafont.com/dopestyle.font

2) Caviar Dreams https://www.dafont.com/caviar-dreams.font

Изображений:

1) https://www.pexels.com/photo/ черно-белый-трафик-красная-улица-45923/

2) https://www.pexels.com/photo/photo-of-woman-wearing-blue-jacket-785192/

Как создать дизайн Флаер в Photoshop

Эти курсы представляют собой проектный подход к обучению, который учит студентов, как использовать Adobe Photoshop для дизайна. Студенты будут вовлечены в лекции, чтобы они лучше подготовились к выполнению своих собственных проектов.

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

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

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

Ознакомьтесь с основами функций Photoshop, которые помогут вам в ваших личных дизайнерских проектах в будущем.

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

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

ü Легко подготовьте свои работы и проекты к печати, просто применяя правильные методы.

Ознакомьтесь с основами инструментов Photoshop, которые помогут вам в ваших личных дизайнерских проектах в будущем.

ü Узнайте, как использовать инструменты Photoshop Shape Tools, чтобы лучше донести свои идеи.

ü Обширные знания об использовании инструментов для печати, чтобы сделать ваш дизайн визуально приятным и облегчить интерпретацию.

ü Разумное использование инструмента «Кисть» для добавления эффектов такого освещения к фону.

Ознакомьтесь с основами дизайна Photoshop, которые помогут вам в ваших личных дизайнерских проектах в будущем.

ü Улучшите свой рабочий процесс с помощью простых сокращений, которые вы увидите в ходе курса.

ü Соответствующая информация о необходимых ресурсах, которые могут потребоваться для ваших проектов.

Содержание и обзор

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

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

Что я получу от этого курса?

· Изучите Photoshop у профессионального тренера на своем рабочем месте.

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

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

· Даже самые сложные приложения разбиваются на простые этапы.

По окончании курса вы сможете создавать баннеры, плакаты и флаеры в Photoshop

Как создавать двусторонние листовки в Photoshop

Если вы заинтересованы в изготовлении флаера и хотите сэкономить на этом свое время и деньги, то Photoshop вам в этом поможет.Йон легко может создать его с помощью фотошопа. Листовки полезны для вашей компании и услуг. Вы можете привлечь аудиторию и рассказать им о своей компании с помощью листовок. Двухсторонние листовки предлагают больше информации, которая является эффективной. Чтобы сделать полет, вам нужно просто установить фотошоп и добавить свой текст и графику. Вот инструкция, которая поможет вам создать двусторонний флаер.

Процедура:

1. Сначала установите фотошоп на свой компьютер.Затем откройте новый документ в Photoshop. Установите размер бумаги на американский и установите стандартный 8,5 * 11 дюймов, также выберите цветовой режим RGB. Вам необходимо установить правильное разрешение. Разрешение должно быть 300 пикселей на дюйм.
2. Затем создайте поля, щелкнув и перетащив направляющие с линейки, которые находятся справа и вверху документа. Вы также можете использовать «Control» + «r», чтобы открыть линейку. Перетащите направляющие на четверть дюйма от краев документа для печати на домашнем или офисном принтере.Вы должны спросить, какие поля требуются при профессиональной печати.
3. Щелкните инструмент «Текст» и выберите шрифт. Вы можете выбрать цвет текста для своего дизайна. Будьте внимательны при выборе цвета.
4. Затем откройте изображение или другое произведение искусства. Перетащите его в свой флаер. Таким образом, он появится на отдельном слое. Теперь вы можете изменить размер изображения. Вы можете сделать это с помощью инструмента «Свободное преобразование» или «Control +« t ». Вы можете одновременно нажать клавишу« Shift », изменив размер для сохранения соотношения сторон.Если вы можете добавить эффекты, такие как тень, чтобы ваше изображение выделялось, вы можете использовать опцию эффекта слоя. Итак, дважды щелкните на опции эффектов слоя, чтобы открыть это.
5. Если вы хотите, вы можете добавить дополнительный текст, чтобы описать основную идею вашего флаера. Чтобы разместить меньший текст на флаере внизу, вы можете использовать текстовые инструменты. Постарайтесь, чтобы текст был простым и легко читаемым. При активном инструменте «Текст» откройте значок «Создать деформированный текст» в параметрах инструмента в верхней части экрана.Для этого вы можете добавить эффект баннера к вашему тексту.
6. Вы можете создать вторую сторону флаера, открыв раскрывающееся меню «Изображение» и выбрав «Дублировать». Затем откроется диалоговое окно, в котором можно дать новому документу имя. Затем нажмите «ОК», и откроется такая же копия вашего первого документа. . Сделайте вторую сторону флаера с соответствующим текстом, изображениями и другой информацией, которая вам нравится.
7. После завершения дизайна сохраните документ.Вы можете распечатать свою работу прямо из фотошопа.

Советы:

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

Создание флаера с помощью Adobe Creative Cloud

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

Мы хотим помочь. Далее мы собираемся показать вам, как вы можете использовать Adobe Photoshop, Adobe Illustrator или Adobe InDesign (все они доступны через членство в Adobe Creative Cloud), чтобы сделать флаер в своей некоммерческой организации.

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

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

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

Но вы поймете, о чем мы говорим, когда мы рассмотрим каждый пример. Давайте начнем!

Photoshop

Photoshop предназначен для изменения изображений на основе пикселей — обычно цифровых фотографий или фотографий, отсканированных с пленки.Это чрезвычайно мощный инструмент для этого, но вы все равно можете создать флаер, если это приложение, с которым вам сейчас наиболее комфортно. Но помните о максимальном размере вашего флаера, помня о правиле «300 пикселей на дюйм» для печати. Согласно этому, для флаера 8 1/2 x 11 дюймов требуется документ размером 2550 x 3300 пикселей, который занимает много места и вычислительной мощности на вашем компьютере. Тем не менее, давайте сделаем флаер в Photoshop.

1. Выберите Файл> Новый и создайте новый документ.

2. Установите размер документа, в данном случае 11 дюймов в ширину и 8,5 дюймов в высоту.

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

4. Измените размер фотографии, перетащив угловые маркеры. Удерживайте Shift, чтобы избежать искажения.

5. Выберите инструмент «Горизонтальный текст» на панели «Инструменты».

6. Создайте текстовое поле и установите текст. В качестве примера мы использовали фиктивный сбор средств в ресторане тофу.

7. Выберите «Окно »> «Персонаж ». Установите шрифт, размер и другие свойства. Мы поигрались с параметрами наложения , чтобы добавить эффект к нашему тексту здесь, но мы рассмотрим более сложные методы в другой раз.

8. Перетащите другие элементы в вашу композицию.

9. Создайте фигуры с помощью инструмента «Фигуры» на панели «Инструменты».

10. Расставьте все элементы в желаемую конфигурацию, и готово! Отличный флаер для продвижения вашего мероприятия.

Иллюстратор

Как мы показали выше, в Photoshop, безусловно, можно создать отличный флаер. Тем не менее, Illustrator был бы более логичным продолжением этого проекта. Это потому, что векторные изображения можно масштабировать практически до любого размера без потери резкости. В этом случае флаер с текстом на самом деле не является «изображением» или изображением слов. Это комбинация объектов, таких как текст, графика и т. Д., Все из которых Illustrator был создан для управления, масштабирования и форматирования.

1. Выберите Файл> Новый и создайте новый документ.

2. Установите размер документа, в данном случае 11 дюймов в ширину и 8,5 дюймов в высоту.

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

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

4.Создайте текстовое поле с помощью инструмента «Текст» на панели «Инструменты». Затем перейдите на панель «Символ», установите шрифт и размер шрифта и составьте текстовый блок.

Illustrator отлично подходит для работы с фигурами и текстом. Панель 3D-эффектов — интересный пример. Но есть бесчисленное множество других.

5. Создайте фигуры, щелкнув инструмент «Фигуры» на панели «Инструменты».

6. Поместите другие предметы в свое рабочее пространство, расположите их по своему вкусу, и все готово! Еще один отличный флаер с использованием мощных инструментов от Adobe.

InDesign

1. Выберите Файл> Новый и создайте новый документ.

2. Установите размер документа, в данном случае 11 дюймов в ширину и 8,5 дюймов в высоту.

3. Выберите Файл> Поместить , чтобы импортировать фотографию.

4. Создайте текстовое поле с помощью инструмента «Текст». Затем перейдите на панель символов, установите шрифт и размер шрифта и составьте текстовый блок.

5.Как и в случае с двумя другими приложениями, вы можете добавлять эффекты к своему тексту (в этом примере мы использовали Drop Shadow ).

6. Создайте фигуры с помощью инструмента «Эллипс» на панели «Инструменты».

7. Перетащите другие элементы, расположите их соответствующим образом, и вуаля! Третий и последний пример красивого флаера, который обязательно расскажет о нашем выдуманном мероприятии.

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

Дополнительные ресурсы: графический дизайн для некоммерческих организаций

.