Делаем рекламный флаер в Фотошоп / 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

Источник: design.tutsplus.com

Как сделать мокап в 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» , подготовленная редакцией проекта.

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

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

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

В этом уроке вы узнаете, как сделать креативный дизайн листовки (флайера) с использованием абстрактных элементов в Фотошоп. Перед началом работы скачиваем дополнительные материалы.

Шаг 1

Для начала создаем новый документ размером 1200 х 1800 пикселей. Так как листовка предназначена для печати, устанавливаем разрешение на 300 точек/дюйм и цветовой режим CMYK.

Шаг 2

Теперь мы должны настроить рабочее пространство для более удобной работы. Активируем линейку, если она у вас неактивна (Ctrl+R). Вытягиваем из левой линейки направляющую и ставим ее по центру документа.

Затем ставим еще две направляющие на 400 и 800 пикселей (значения смотрим на верхней линейке; чтобы значения отображались именно в пикселях, кликаем правой кнопкой по линейке и выбираем Pixels (Пиксели)).

Ставим посредине горизонтальную направляющую и три дополнительных – 500, 800 и 1600 пикселей.

Шаг 3

Создаем градиентную заливку. Переходим Layer – New Adjustment Layer – Gradient Fill (Слой – Новый корректирующий слой – Градиент). Устанавливаем цвета градиента на #e5e7e6 и #c8c9cb.

Шаг 4

Берем инструмент Pen Tool (P) (Перо). От одной направляющей к другой проводим линию, как показано ниже. Зажимаем клавишу Alt и тянем за отдельный усик, чтобы изменить форму кривой.

Продолжаем рисовать и получаем вот такую фигуру. Чтобы скрыть направляющие, жмем сочетание клавиш Ctrl+H.

Шаг 5

Добавляем новый слой (Shift+Ctrl+N). В верхнем левом углу создаем новую фигуру белого цвета.

Затем рисуем еще одну фигуру.

Шаг 6

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

Затем активируем слой с фигурой, которую мы рисовали пером, зажимаем клавишу Alt и кликаем на кнопку Add layer mask (Добавить слой-маску) в нижней части панели слоев, чтобы добавить маску на слой.

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

Закончив, удаляем слои с белыми фигурами.

Шаг 7

Дважды кликаем по слою с абстрактной фигурой, чтобы применить стили слоя. Активируем Gradient Overlay (Наложение градиента) (цвета #c4da30 и #ef7125).

После этого жмем правой кнопкой мыши по рабочему слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект).

Шаг 8

Выше создаем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G).

Шаг 9

Устанавливаем цвет на #25282f. Активируем инструмент Gradient Tool (G) (Градиент) и выбираем градиент от цвета переднего плана к прозрачному. Заливаем им нижний левый угол.

Шаг 10

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

Шаг 11

Открываем фото с офисом и переносим его на рабочий документ. Жмем Ctrl+T и увеличиваем его так, чтобы оно покрывало рабочее полотно по всей высоте. Чтобы сохранить пропорции, во время масштабирования удерживаем клавишу Shift.

Шаг 12

Меняем режим смешивания слоя на Color Burn (Затемнение основы). Жмем Ctrl+Alt+G, чтобы фото с офисом также преобразовать в обтравочную маску.

Шаг 13

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

Шаг 14

Загружаем выделение слоя с абстракцией. Создаем новый слой и с помощью Paint Bucket Tool (G) (Заливка) заливаем выделение цветом #25282f. Меняем режим смешивания слоя на Overlay (Перекрытие).

Шаг 15

Далее переходим Edit – Transform – Flip Horizontal (Редактирование – Трансформация – Отразить по горизонтали). Перемещаем отраженный слой вправо и дублируем его (Ctrl+J).

Загружаем выделение абстрактной фигуры, переходим на дубликат отраженного слоя и добавляем на него слой-маску.

Шаг 16

Берем Ellipse Tool (U) (Овал) и создаем окружность, как показано ниже. Применяем к ней стили слоя.

Шаг 17

Дублируем окружность и перемещаем ее выше. Меняем цвет обводки на #f07124.

Еще раз дублируем окружность и перемещаем ниже. Дважды кликаем по миниатюре дубликата слоя и меняем цвет заливки на #c8c9cb.

Шаг 18

Переходим File – Place Embedded (Файл – Поместить встроенные) и выбираем фото с телефоном. Размещаем слой над слоем с первой окружностью и преобразовываем фото в обтравочную маску (Ctrl+Shift+G).

Вставляем второе фото с женщиной и трансформируем в обтравочную маску для второй окружности.

Шаг 19

Пишем текст. Используем узкий шрифт, например, Oswald. Для верхнего слова устанавливаем цвет #ef7125, для нижнего — #25282f.

Шаг 20

Берем инструмент Rectangle Tool (U) (Прямоугольник) и рисуем прямоугольник, как показано ниже. Затем активируем свободную трансформацию (Ctrl+T), кликаем правой кнопкой мыши по элементу и выбираем Skew (Наклон). Редактируем форму фигуры.

Дважды кликаем по слою с прямоугольником и применяем стиль слоя Gradient Overlay (Наложение градиента) (цвет #25282f).

Шаг 21

Под прямоугольником добавляем новый слой, на котором мы будем рисовать тень. Берем Brush Tool (В) (Кисть), устанавливаем большой размер, жесткость на 0%, черный цвет и ставим пятно.

С помощью свободной трансформации (Ctrl+T) сжимаем получившееся пятно по вертикали и немного вытягиваем правую сторону. Левый край тени, который выступает за оранжевую линию удаляем ластиком (Е).

Шаг 22

Объединяем тень и прямоугольник в группу (Ctrl+G). При необходимости, корректируем размер (Ctrl+T). Дублируем полосу, перемещаем ее ниже и растягиваем. Также меняем цвет полосы на #c4da30.

Шаг 23

На каждой полосе пишем любой текст.

Затем добавляем небольшой блок текста под полосой.

Шаг 24

Добавляем больше текста. Также в окружности пишем контакты (используем цвета #f07225 и #11294d).

Получаем вот такой финальный результат.

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

Создать флаер онлайн бесплатно | Конструктор флаеров

Производство флаеров без усилий

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

Конструктор флаеров Canva доступен бесплатно. Создание, скачивание или публикация флаера не стоит ни копейки. У нас есть огромное количество бесплатных и премиум-изображений, которые стоят всего 1 доллар. Поэтому вы сможете создать отличный флаер без особого ущерба для бюджета.

Создайте флаер вместе с другими пользователями

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

Сила профессиональной печати

Мы гарантируем, что ваш флаер в жизни будет выглядеть не хуже, чем на экране.
Canva Print делает печать флаеров простой как никогда. Мы предлагаем доступные цены и гарантируем, что вы останетесь довольны полученным результатом на 100 %.

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

Мокап флаера согласно вашим требованиям

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

Распечатайте флаер в высоком разрешении

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

Photoshop Tutorial: Создание потрясающего дизайна флаера

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

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

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

Результат:

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

Шаг 1

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

Шаг 2

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

Шаг 3

Далее нам потребуется фотография девушки. Нам нужно отделить ее от фона. Это мы можем сделать при помощи инструмента Quick Selection Tool. Выделяем девушку

Шаг 4

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

Шаг 5

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

Шаг 6

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

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

 

Шаг 10

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

 

Шаг 11

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

 

Шаг 12

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

Шаг 13

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

Шаг 14

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

Шаг 15

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

 

Шаг 16

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

Шаг 17

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

Шаг 18

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

 

Шаг 19

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

 

Шаг 20

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

Шаг 21

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

 

Шаг 22

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

Шаг 23

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

Шаг 24

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

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

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

Шаг 25

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

Шаг 26

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

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

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

Шаг 27

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

Шаг 28

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

Шаг 29

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

Шаг 30

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

 

Шаг 31

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

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

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

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

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

Шаг 32

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

Шаг 33

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

Шаг 34

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

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

Шаг 35

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

Шаг 36

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

Шаг 37

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

Шаг 38

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

Шаг 39

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

 

Шаг 40

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

Шаг 41

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

Флаер готов

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

Автор:  Сrazypixels

Перевод: Fermata

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

Создаём дизайн летнего флаера в Фотошоп

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

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

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

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

Архив

Откройте Photoshop и создайте новый документ.  Размер 4,25 х 6,25 дюйма.  Разрешение: 300 dpi, цветовой режим: CMYK.

Залейте фон цветом # 78bbc8. Создайте новый слой (Ctrl + Shift + N) и поместите его над фоновым слоем.  Загрузите кисти Небо и нарисуйте примерно, как показано ниже.

Теперь мы должны отделить девушку от фона на изображении, которые вы скачали ранее.  Это можно сделать с помощью инструмента Быстрое выделение(Quick Selection Tool). Итак, выделите модель.

Откройте функцию Уточнить край (Refine Edge). Поставьте Вид (View) на Чёрно-Белое (Black & White). Поставьте галочку на опции Умный радиус (Smart Radius) и измените радиус настройки на 95-100, как на картинке ниже.

Теперь давайте изменим Режим просмотра (View Mode) на положение На Чёрном (On Black). Как вы можете видеть, небольшая часть фона всё ещё остаётся в волосах.  Для того чтобы решить эту проблему поставьте галочку на опции Очистить цвета (Decontaminate Colors) и установите Эффект (Аmount) до 65-70.  Опцию Выход в (Output To) поставьте в положение Новый слой со слой маской (New Layer with Layer Mask).

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

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

Выделите все слои (для удобства), щелкните правой кнопкой мыши и выберите Преобразовать в Смарт-объект (Convert to Smart Object).  Перетащите слой, который вы получили в документ с флаером.

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

Объедините слои с пляжем и небом, затем примените фильтр Размытие – Размытие по Гауссу (Blur — Gaussian Blur) и поставьте Радиус (Radius) 9 пикселей.

Создайте новый документ 100 × 100 пикселей и нарисуйте звезду. Затем определите кисть в меню Редактирование – Определить кисть (Edit — Define Brush).

Вернитесь в документ с флаером. Создайте новый слой (Ctrl + Shift + N) и поместите его между слоями с девушкой и пляжем. Активируйте инструмент Кисть(Brush Tool) и откройте окно настроек (F5). Внесите настройки как показано ниже на скриншотах:

Теперь нарисуйте кистью примерно так, как на нижнем скриншоте.

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

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

Примечание переводчика: для этого можно использовать кисти Лучи

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

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

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

Тень (Drop Shadow)

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

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

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

Обводка (Stroke)

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

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

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

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

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

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

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

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

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

Тень (Drop Shadow)

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

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

Обводка (Stroke)

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

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

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

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

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

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

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

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

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

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

Вот как придумал автор урока.

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

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

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

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

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

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

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

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

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

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

Обводка (Stroke).

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

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

Автор: shmitacc

Перевод: Рыбка

Как сделать листовку, баннер, флаер или визитку в фотошопе

Вам понадобится

• — программа Photoshop;
• — фотография;
• — файл с изображением прически;
• — файл с кистью для волос.

Инструкция

Загрузите фото в редактор Photoshop, нажав на клавиши Ctrl+O. Выбор инструментов, которые вам потребуются, зависит от состояния прически на фотографии. Если у модели на снимке очень короткие волосы, быстрее и проще полностью поменять прическу, наложив на фото изображение волос на прозрачном фоне. Разыщите подходящий файл формата png на интернет-сайте, посвященном работе в программе Photoshop.

Опцией Place/«Поместить» меню File/«Файл» вставьте поверх снимка картинку с прической. При помощи рамки, окружающей изображение, измените размер картинки, подогнав ее под габариты модели на фотографии. Опцией Layer/«Слой» группы Rasterize/«Растеризация» меню Layer/«Слои» переведите слой в режим растрового изображения.

Можете поправить положение отдельных прядей инструментами фильтра Liquify/«Пластика», окно которого открывается опцией меню Filter/«Фильтр». Чтобы иметь возможность видеть слой с прической и фоновый снимок, включите в параметрах Liquify опцию Show Backdrop/«Показать фон». Из списка Use/«Использовать» выберите пункт Background/«Фон», в поле Mode/«Режим» включите опцию Behind/«Позади». Чтобы хорошо различать обрабатываемый слой, присвойте параметру Opacity/«Непрозрачность» максимальное значение.

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

Сочетанием Shift+Ctrl+N создайте поверх фото слой для волос. Включив инструмент Brush/«Кисть», выберите среди образцов во вкладке Brush Tip Shape/«Форма наконечника кисти» палитры кистей изображение пряди волос. Настроив размер кисти слайдером Diameter/«Диаметр» в той же вкладке, щелкните по новому слою, чтобы получить отпечаток кисти.

В файле кисти может содержаться больше одного изображения. Чтобы нарисовать пряди разной формы, добавьте еще несколько слоев и выберите другой образец той же кисти. Опцией Free Transform/«Свободное трансформирование» меню Edit/«Редактирование» отрегулируйте размер нарисованных волос.

Можете сделать несколько копий слоя с одной и той же прядью клавишами Ctrl+J. Инструментом Move Tool/«Инструмент перемещения» передвиньте отпечаток на нужное место. Чтобы копии одной пряди волос не выглядели одинаково, измените их наклон и размер.

Выделите все слои с прядями и объедините их клавишами Ctrl+E. Чтобы нарисованные волосы не отличались по цвету от прически на снимке, покрасьте их градиентной картой. Для этого примените к объединенному слою опцию Gradient Map/«Карта градиента» группы Adjustments/«Установки» меню Image/«Изображение». Щелкните по открывшейся цветной полосе и настройте переход от самого темного оттенка, который можно найти в волосах на снимке, до самого светлого. Если в прическе присутствует много хорошо различимых цветов, вставьте их маркеры в среднюю часть градиента, кликнув под настраиваемой полосой.

Опцией Save As/«Сохранить как» меню File/«Файл» сохраните полученную картинку в файл, отличающийся по названию от исходного снимка.

Видео по теме

Источники:

• Удлинение волос при помощи кистей в 2018
• как поменять прическу на фото в 2018

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

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

Для начала создаем новый документ размером 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 • ARTshelter

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

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

Создаем фон

Начинаем работу с создания нового документа подходящего размера. Для этого нажимаем сочетание клавиш Ctrl+N или переходим File – New (Файл – Новый).

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

Затем берем кисть с лучами солнца, выше добавляем новый слой (Ctrl+Shift+N) и выбираем белый цвет. На панели слоев вверху переключаем режим наложения слоя на Overlay (Перекрытие) и уменьшаем Opacity (Непрозрачность) до 25%. Вместо кисточки можете воспользоваться векторными фигурами.

Добавляем текст

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

На панели слоев кликаем правой кнопкой мышки по текстовому слою и выбираем Convert to Shape (Преобразовать в кривые). Затем активируем Pen Tool (P) (Перо), на верхней панели переключаемся в режим Combine Shapes (Объединить фигуры) и рисуем потеки на нижней части букв.

Дважды кликаем по текстовому слою на панели слоев, чтобы открыть окно Layer Style (Стили слоя). Применяем следующие стили:

Inner Shadow (Внутренняя тень) (цвет #aba587)

Inner Glow (Внутреннее свечение)

Bevel and Emboss (Фаска и тиснение)

Color Overlay (Наложение цвета) (цвет #f2f1ea)

Кликаем правой кнопкой по текстовому слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект). Затем дважды кликаем по этому смарт-объекту, чтобы добавить пару новых стилей слоя.

К смарт-объекту применяем фильтр Filter – Distort – Ripple (Фильтр – Искажение – Рябь).

Дублируем (Ctrl+J) смарт-объект и в верхней части панели слоев уменьшаем Fill (Заливка) копии до 0%. Затем добавляем к копии стиль слоя Bevel and Emboss (Фаска и тиснение).

Под оригинальным текстовым слоем создаем новый слой, затем зажимаем клавишу Ctrl и на панели слоев кликаем по миниатюре текстового слоя, чтобы загрузит его выделение. После этого переходим Select – Modify – Expand (Выделение – Модификация – Расширить) и в открывшемся окне вводим 20 пикселей, чтобы расширить выделение.

На созданном слое заливаем полученное выделение серым цветом, используя Paint Bucket Tool (G) (Заливка). Называем слой «Трава».

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

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

С зажатой клавишей Ctrl выделяем оба слоя с травой, кликаем по ним правой кнопкой мышки и выбираем Convert to Smart Object (Преобразовать в смарт-объект). После этого применяем к смарт-объекту стили слоя.

Также дополнительно можете воспользоваться инструментами Dodge (Осветлитель) и Burn Tool (O) (Затемнитель), чтобы получить более интересный и насыщенный результат. Кроме того, создаем такую же фигуру, как трава, и размещаем ее под смарт-объектом с травой. Затем, используя один из готовых стилей, создаем эффект резьбы по дереву.

Рисуем яичные желтки

Теперь создадим эффект яичного желтка. Для этого мы активируем инструмент Ellipse Tool (U) (Овал) и создаем окружности на буквах (цвет #D5ADAD), как показано ниже.

Добавляем к слою с окружностями следующие стили слоя.

Дублируем (Ctrl+J) слой с желтками, активируем Ellipse Tool (U) (Овал), на верхней панели активируем режим Subtract Front Shape (Вычесть переднюю фигуру) и создаем фигуры в виде полумесяца, как показано ниже.

Кликаем правой кнопкой по слою с полумесяцем и выбираем Clear Layer Style (Очистить стиль слоя). Затем дважды кликаем по миниатюре этого слоя на панели слоев и в открывшемся окне Color Picker (Выбор цвета) устанавливаем цвет заливки на белый. После этого уменьшаем непрозрачность слоя до 45% и получаем готовый эффект яичных желтков.

Далее мы добавим на листовке яркие пасхальные яйца, цветы, листья и траву. Начинаем с пасхальных яиц. Скачиваем картинку и размещаем ее в нижней части рабочего полотна. Затем выше добавляем корректирующий слой Layer – New Adjustment Layer – Hue/Saturation (Слой – Новый корректирующий слой – Цветовой тон/Насыщенность) и трансформируем его в обтравочную маску (Ctrl+Alt+G) для слоя с яйцами.

К слою с яйцами добавляем стили слоя Drop Shadow (Тень) и Inner Shadow (Внутренняя тень).

Добавляем траву и цветы

Для быстрого создания цветочной рамки можете воспользоваться готовой картинкой из дополнительных материалов (файл «Цветочная рамка»).

Траву добавляем с помощью стокового фото (платное) или бесплатной альтернативы из дополнительных материалов. Трава на этом изображении не очень яркая, поэтому мы ее подкорректируем с помощью корректирующих слоев Brightness/Contrast (Яркость/Контрастность) и Hue/Saturation (Цветовой тон/Насыщенность). Не забудьте трансформировать корректирующие слои в обтравочные маски (Ctrl+Alt+G).

Несколько раз дублируем (Ctrl+J) слой с травой, корректируем размер (Ctrl+T) копий и распределяем их по периметру листовки. Также для каждого слоя с травой добавляем стиль Drop Shadow (Тень).

Далее используем изображение с цветами, чтобы украсить ими листовку. Размещаем их так, как подсказывает фантазия. Не забудьте после этого применить эффект Drop Shadow (Тень) и, при необходимости, подкорректировать цвета, яркость и т.д.

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

Финальные штрихи

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

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

Как сделать флаер в 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», установите ширину на 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

Теперь приступим к нашему проекту в фотошопе. Все этапы изготовления флаера с необходимыми секретными советами прилагаются ниже:

Простой флаер, который мы сделаем, будет похож на изображения ниже.

Что такое флаер?

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

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

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

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

Размер флаера

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

Стандартный размер, используемый для профессиональных и маркетинговых целей, представлен ниже —

• Самый короткий стандартный размер: 4,25 * 5,5 дюйма
• Средний стандартный размер: 5,5 * 8,5 дюйма
• Наиболее часто используемый стандартный размер — 8,5 * 11 дюймов

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

Создание простого флаера в Photoshop. Шаг за шагом

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

Шаг 1. Создайте новый файл в Photoshop

На этом этапе мы создадим новый файл и установим высоту и ширину.

Откройте Photoshop. Теперь выберите File> New, и вы увидите всплывающее окно, как на изображениях ниже.

Вы можете ввести любое название вашего проекта. Когда мы делаем флаеры, я устанавливаю имя как флаер и теперь выбираю International Paper в раскрывающемся списке предустановок. Выберите желаемые размеры и нажмите ОК.

Шаг 2. Подготовьте бумажные пещеры к печати

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

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

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

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

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

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

Здесь я использую цветовой код # 0596c2 из логотипа (который я использовал). Цвет — важная часть дизайна.

Если вы создаете логотип для любого корпоративного использования, старайтесь включить свой логотип в цвет. Не создавайте беспорядка, используя много цветов. Элегантный флаер обычно требует максимум 3-4 цветов.

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

Step4: Сделайте это броским

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

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

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

Шаг 5. Добавьте соответствующее изображение в основную часть

Здесь вы можете добавить изображения соответствующего продукта или модели, которые соответствуют субъективным представлениям живодера.

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

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

Шаг 6: добавление маркетинговых элементов

Здесь вы узнаете, как добавить простой дизайн, который продвигает и подчеркивает вещи.

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

И повторите эту процедуру, чтобы создать еще один круг. Я перекрыл оба круга, чтобы создать белую рамку в середине круга.

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

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

Шаг 7. Доработка дизайна

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

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

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

Вы можете прочитать:

7 простых, но элегантных идей для листовок

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

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

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

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

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

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

Это просто эксклюзивная идея для создания заметного флаера. Такой дизайн может легко привлечь аудиторию.

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

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

Окончательный вердикт о создании флаера в Photoshop

Но дизайн — это все о практиках.

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

Вы также можете прочитать:

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

: Как создать шаблон бизнес-флаера в 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/black-and-white-traffic-red-street-45923/

2) https://www.pexels.com/photo/black-and-white-traffic-red-street-45923/

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

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

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

1. Создайте новый документ

Запустите Photoshop. Щелкните «Создать». Чтобы использовать флаер стандартного размера, выберите «Letter» из предустановок документа. Введите данные предустановки в соответствии с вашими потребностями или просто используйте значения, которые вы видите на снимке экрана ниже.Как только вы это сделаете, нажмите кнопку «Создать» внизу экрана.

2. Создайте новый слой

Чтобы начать создание флаера, введите Shift + Ctrl + N / Shift + Cmd + N , чтобы автоматически создать новый слой. Это будет наша предыстория. Выберите цвет фона в окне «Палитра цветов» и нажмите «ОК». Поскольку мой флаер будет на осеннюю тематику, я буду использовать бежевый цвет.

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

3. Нарисуйте с помощью Pen Tool

Возьмите Pen Tool (P) на панели инструментов. Используйте его, чтобы добавить новые детали, например прямые и изогнутые линии. Все, что вам нужно сделать, это щелкнуть и отпустить, чтобы создать точки привязки. Это добавит прямые линии. Если вы хотите сделать изогнутые линии, перетащите, а затем отпустите, чтобы создать точки привязки.

4. Нарисуйте круг

Следующий шаг в изучении создания флаера в Photoshop — это взять инструмент «Эллипс» (U) и нарисовать им круг.Это будет форма нашей фотографии. Не стесняйтесь экспериментировать с формами, чтобы увидеть, какие из них лучше подходят для вашего дизайна.

5. Создайте обтравочную маску

Далее мы собираемся создать обтравочную маску. Перетащите фотографию в рабочую область, чтобы добавить ее в свой дизайн. Поднимитесь в меню « Layer » в строке меню и выберите « Create Clipping Mask ».

Если вы предпочитаете ускорить рабочий процесс с помощью сочетаний клавиш Photoshop, используйте комбинацию клавиш Ctrl + Alt + G / Cmd + Opt + G .Теперь ваше изображение будет овальным.

Обтравочные маски похожи на обычное маскирование в Photoshop, поскольку они оба управляют видимостью слоя, но по-разному.

6. Нарисуйте Pen Tool

.

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

7. Добавьте текст

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

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

8.Готово! Спасите флаер

Вы почти закончили. Все, что вам нужно сделать сейчас, это сохранить листовку, перейдя на вкладку «Файл» вверху и нажав «Сохранить». Или используйте горячую клавишу Ctrl + S / Cmd + S .

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

Adobe Photoshop БЕСПЛАТНО

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

Создание флаера с помощью 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!

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

.