Как сделать листовку в фотошопе
В этом уроке я покажу вам, как создать флаер в векторном стиле средствами Фотошоп.
Для начала создаем новый документ размером 1000х500px и разрешением 72dpi. Заливаем его черным цветом.
Теперь создаем новый слой и, инструментом Rectangular Marquee Tool (Прямоугольное выделение), создаем выделение как показано на рисунке ниже. Затем заливаем его белым цветом.
Снимаем выделение сочетанием клавиш CTRL+D и дублируем этот слой несколько раз. Размещаем копии так, как показано ниже.
Сливаем все слои с белым прямоугольником в один и применяем Layer - Layer Style - Inner Glow и Gradient Overlay (Слой - Стиль слоя - Внутреннее свечение и Перекрытие градиентом) к новому слою.
Вот таким должен быть результат применения стилей.
Передвигаемся к следующему шагу. Теперь добавим силуэты танцующих девушек. На данном этапе вам понадобится специальная кисточка или фигуры. Выбрать и скачать можно здесь.
Выделяем слой, с которым только что работали, Select - Load Selection (Выделение - Загрузить выделение). После этого создаем новый слой и, используя предложенные мной кисти, рисуем ими.
Снова создаем новый слой и располагаем его в самом верху палитры слоев. Опять рисуем силуэты, только теперь нам нужно, чтобы они были как бы вдалеке. Для этого уменьшаем их size (размер), а opacity (непрозрачность) слоя уменьшаем до 50%.
Снимаем выделение CTRL+D. Активируем инструмент Horizontal Type Tool (T) (Горизонтальный текст) и пишем необходимый вам текст черным цветом.
Для текста я использовал шрифт Venus Rising. Скопируйте (CTRL+C) слой с текстом несколько раз и разместите на каждом прямоугольнике.
Слейте все слои, кроме фонового, вместе и примените Edit - Transform - Distort (Редактирование - Трансформация - Искажение).
Затем применяем Edit - Transform - Warp (Редактирование - Трансформация - Деформация) и немного закругляем на краях.
Далее будем создавать отражение. У новичков на данном шаге могут возникнуть трудности, так как он довольно сложный. Дублируем слой (CTRL+J) и отражаем дубликат по вертикали Edit - Transform - Flip Vertical (Редактирование - Трансформация - Отразить по вертикали). С помощью Edit - Transform - Skew (Редактирование - Трансформация - Наклон) и Edit - Transform - Distort (Редактирование - Трансформация - Искажение) создаем что-то похожее на отражение. После этого жмем Enter.
Создаем быструю маску (Q) и заливаем ее стандартным линейным градиентом.
Затем выходим из режима быстрой маски, снова нажав Q. В результате на отражении образовалось выделение. Жмем клавишу Delete.
Снимаем выделение CTRL+D и применяем Filter - Blur - Motion Blur (Фильтр - Размытие - Размытие в движении) со следующими параметрами.
Уменьшаем opacity (непрозрачность) слоя до 50% и получаем вот такой результат.
С фоном мы закончили. Переходим к следующему шагу. Активируем инструмент Brush Tool (Кисть). Жесткость на максимум, размер - 19px. Затем переходим в настройки кисти Window - Brushes (Окна - Кисти) и устанавливаем такие параметры.
Brush Tip Shape (Форма отпечатка кисти)
Shape Dynamics (Динамика формы)
Scattering (Рассеивание)
Other Dynamics (Другая динамика)
Создаем новый слой и этой кисточкой хаотично проводим по нашему документу. Цвет
кисти - белый.
Теперь применим стили слоя. Layer - Layer Style - Inner Glow и Gradient Overlay (Слой - Стиль слоя - Внутреннее свечение и Перекрытие градиентом).
И последнее, что нам нужно сделать, это добавить текст. Выбираем инструмент Horizontal Type Tool (Горизонтальный текст) и пишем.
На своем флаере я использовал шрифт Vera Crouz.
Мы закончили! Надеюсь, вы получили ожидаемый результат. Не бойтесь экспериментировать!
В этом уроке вы узнаете, как создать пасхальную листовку в Фотошоп из жареных яиц и растений. Так как мы будем использовать большое количество ярких элементов (цветы, трава, текстура дерева, разукрашенные яйца), работа получится достаточно насыщенной и детализированной.
Этот урок рассчитан на начинающих и его выполнение займет у вас не больше часа. Перед началом скачайте архив с дополнительными материалами. Туда входят все необходимые изображения, кисти и шрифт, которые мы будем использовать в уроке.
Создаем фон
Начинаем работу с создания нового документа подходящего размера. Для этого нажимаем сочетание клавиш Ctrl+N или переходим File – New (Файл – Новый).
Затем вставляем на рабочий документ текстуру дерева из папки с дополнительными материалами. Кстати, из бесшовной текстуры можно создать полноценный узор и заливать им документы любого размера. Больше о создании узоров вы можете узнать в специальном уроке.
Затем берем кисть с лучами солнца, выше добавляем новый слой (Ctrl+Shift+N) и выбираем белый цвет. На панели слоев вверху переключаем режим наложения слоя на Overlay (Перекрытие) и уменьшаем Opacity (Непрозрачность) до 25%. Вместо кисточки можете воспользоваться векторными фигурами.
Добавляем текст
Пишем текст, например, «Веселой Пасхи» или «Христос Воскрес», используя любой шрифт с закругленными краями. Сверху на этот текст мы будем добавлять жареные яйца, поэтому буквы должны быть широкие и закругленные.
На панели слоев кликаем правой кнопкой мышки по текстовому слою и выбираем Convert to Shape (Преобразовать в кривые). Затем активируем Pen Tool (P) (Перо), на верхней панели переключаемся в режим Combine Shapes (Объединить фигуры) и рисуем потеки на нижней части букв.
Дважды кликаем по текстовому слою на панели слоев, чтобы открыть окно Layer Style (Стили слоя). Применяем следующие стили:
Inner Glow (Внутреннее свечение)
Bevel and Emboss (Фаска и тиснение)
Кликаем правой кнопкой по текстовому слою и выбираем 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) (Затемнитель), чтобы получить более интересный и насыщенный результат. Кроме того, создаем такую же фигуру, как трава, и размещаем ее под смарт-объектом с травой. Затем, используя один из готовых стилей, создаем эффект резьбы по дереву.
Рисуем яичные желтки
Добавляем к слою с окружностями следующие стили слоя.
Дублируем (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 (Перекрытие), берем большую мягкую кисточку (В) и белым цветом добавляем блики, а черным – увеличиваем насыщенность теней. Вот так выглядит финальный результат урока:
В этом уроке вы узнали, как создать пасхальную листовку в Фотошоп. Надеюсь, вам понравилась статья, и вы узнали что-то новое. Если возникли трудности, не стесняйтесь оставлять вопросы ниже в комментариях, а также делиться своими результатами. Приятного творчества!
В этом уроке вы узнаете, как сделать креативный дизайн листовки (флайера) с использованием абстрактных элементов в Фотошоп. Перед началом работы скачиваем дополнительные материалы.
Шаг 1
Для начала создаем новый документ размером 1200 х 1800 пикселей. Так как листовка предназначена для печати, устанавливаем разрешение на 300 точек/дюйм и цветовой режим CMYK.
Шаг 2
Теперь мы должны настроить рабочее пространство для более удобной работы. Активируем линейку, если она у вас неактивна (Ctrl+R). Вытягиваем из левой линейки направляющую и ставим ее по центру документа.
Затем ставим еще две направляющие на 400 и 800 пикселей (значения смотрим на верхней линейке; чтобы значения отображались именно в пикселях, кликаем правой кнопкой по линейке и выбираем Pixels (Пиксели)).
Ставим посредине горизонтальную направляющую и три дополнительных – 500, 800 и 1600 пикселей.
Шаг 3
Шаг 4
Берем инструмент Pen Tool (P) (Перо). От одной направляющей к другой проводим линию, как показано ниже. Зажимаем клавишу Alt и тянем за отдельный усик, чтобы изменить форму кривой.
Продолжаем рисовать и получаем вот такую фигуру. Чтобы скрыть направляющие, жмем сочетание клавиш Ctrl+H.
Шаг 5
Добавляем новый слой (Shift+Ctrl+N). В верхнем левом углу создаем новую фигуру белого цвета.
Затем рисуем еще одну фигуру.
Шаг 6
Зажимаем клавишу Ctrl и кликаем по миниатюре угловой фигуры, чтобы загрузить ее выделение. После этого кликаем по иконке глаза на панели слоев, чтобы отключить видимость слоя.
Затем активируем слой с фигурой, которую мы рисовали пером, зажимаем клавишу Alt и кликаем на кнопку Add layer mask (Добавить слой-маску) в нижней части панели слоев, чтобы добавить маску на слой.
Делаем то же самое со второй белой фигурой: загружаем ее выделение, переходим на маску и заливаем ее черным цветом. Чтобы снять выделение, жмем сочетание клавиш Ctrl+D.
Закончив, удаляем слои с белыми фигурами.
Шаг 7
После этого жмем правой кнопкой мыши по рабочему слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект).
Шаг 8
Выше создаем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G).
Шаг 9
Шаг 10
Дважды кликаем по слою с абстрактной фигурой и применяем стиль слоя Inner Shadow (Внутренняя тень).
Шаг 11
Открываем фото с офисом и переносим его на рабочий документ. Жмем Ctrl+T и увеличиваем его так, чтобы оно покрывало рабочее полотно по всей высоте. Чтобы сохранить пропорции, во время масштабирования удерживаем клавишу Shift.
Шаг 12
Меняем режим смешивания слоя на Color Burn (Затемнение основы). Жмем Ctrl+Alt+G, чтобы фото с офисом также преобразовать в обтравочную маску.
Шаг 13
Добавляем на фото с офисом маску и удаляем нижний левый угол. Уменьшаем непрозрачность слоя примерно до 72%.
Шаг 14
Шаг 15
Далее переходим Edit – Transform – Flip Horizontal (Редактирование – Трансформация – Отразить по горизонтали). Перемещаем отраженный слой вправо и дублируем его (Ctrl+J).
Загружаем выделение абстрактной фигуры, переходим на дубликат отраженного слоя и добавляем на него слой-маску.
Шаг 16
Берем Ellipse Tool (U) (Овал) и создаем окружность, как показано ниже. Применяем к ней стили слоя.
Шаг 17
Шаг 18
Переходим File – Place Embedded (Файл – Поместить встроенные) и выбираем фото с телефоном. Размещаем слой над слоем с первой окружностью и преобразовываем фото в обтравочную маску (Ctrl+Shift+G).
Вставляем второе фото с женщиной и трансформируем в обтравочную маску для второй окружности.
Шаг 19
Шаг 20
Берем инструмент Rectangle Tool (U) (Прямоугольник) и рисуем прямоугольник, как показано ниже. Затем активируем свободную трансформацию (Ctrl+T), кликаем правой кнопкой мыши по элементу и выбираем Skew (Наклон). Редактируем форму фигуры.
Шаг 21
Под прямоугольником добавляем новый слой, на котором мы будем рисовать тень. Берем Brush Tool (В) (Кисть), устанавливаем большой размер, жесткость на 0%, черный цвет и ставим пятно.
С помощью свободной трансформации (Ctrl+T) сжимаем получившееся пятно по вертикали и немного вытягиваем правую сторону. Левый край тени, который выступает за оранжевую линию удаляем ластиком (Е).
Шаг 22
Шаг 23
На каждой полосе пишем любой текст.
Затем добавляем небольшой блок текста под полосой.
Шаг 24
Получаем вот такой финальный результат.
На этом все! Предложенный пример дизайна листовки можно использовать в качестве основы для создания своих собственных креативных флайеров. Если возникнут вопросы, пишите комментарии, а также не забывайте делиться своими работами. Приятного творчества!
В этой статье я покажу несколько продвинутых инструментов Photoshop , которые мы будем использовать для создания макета ( мокапа ) флаера. Мы будем применять смарт-объекты для заполнителей, параметры « Трансформации » для растяжения, скоса и искривления слоев. У нас есть много других советов и приемов. Прочитав эту статью, вы сможете создавать с помощью фотошопа ( Photoshop ) собственные макеты (мокапы) флаеров, визитных карточек и многого другого.
Как создать мокап флаера в Photoshop
Перед тем, как приступить к работе, давайте посмотрим на примеры макетов флаеров, которые мы создавали в Adobe Photoshop .
Создание макета флаера в Photoshop - Техника
Создание макета флаера в Photoshop - Техника
1. Самое главное - продумайте, для чего вы собираетесь создавать макет ( мокап ) в фотошопе: для визитной карточки, брошюры, листовки, флаера или для чего-то еще. В рамках данной статьи мы разработаем макет флаера. Создайте новый документ с размером A4 , нажмите « ОК ».
2. Теперь создайте копию фонового слоя, нажав Ctrl + J , затем выберите инструмент « Кадрирование » ( C ) и сделайте весь документ немного больше, так, как показано на рисунке, приведенном ниже, в документе появятся области по краям, но не беспокойтесь! Выберите серый цвет в качестве цвета фона, залейте эти области серым цветом.
3. Назовите новый скопированный слой Placeholder , затем кликните по нему правой кнопкой мыши, преобразуйте его в Смарт-объект. Помните - не следует масштабировать этот слой до преобразования в Смарт-объект. После преобразования слоя в Смарт-объект можно будет вносить любые изменения. Я уменьшаю его, как показано на рисунке ниже.
4. Сделайте слой Placeholder меньшим, примените эффект « Тень »:
- Режим смешивания – Нормальный;
- Непрозрачность - 100%;
- Угол - -45 градусов;
- Расстояние - 85 пикселей;
- Размер - 130 пикселей.
Создайте шесть копий этого слоя, затем выровняйте их так, как показано на рисунке ниже. Расстояние установите по своему усмотрению.
Создание макета флаера в Photoshop - Техника
5. Хорошо. Теперь согните нижний правый угол переднего слоя. Для этого выберите слой и нажмите Ctrl + T , будет активирован инструмент « Трансформация ». Далее нужно будет выбрать параметр « Деформация », размещенный в правой части меню параметров.
Параметр Деформация - Техника
Как сделать мокап в фотошопе - пошаговая инструкция
6. Теперь попробуйте сделать небольшую тень согнутого угла, используйте для этого инструмент « Кисть ». Затем продублируйте каждый слой и нажмите Ctrl + T , кликните по каждой копии слоя правой кнопкой мыши и выберите пункт « Отразить по вертикали », чтобы перевернуть ее. После этого переместите каждую копию ниже оригинального слоя, чтобы создать его отражение.
7. Теперь выберите все слои отражения и переместите их в стеке слоев ниже оригинальных слоев. Создайте для них « Маску слоя » и примените к маске каждого слоя градиент, чтобы скрыть половину слоев отражений, а также уменьшить непрозрачность, чтобы сделать изображение более реалистичным.
Создание макета флаера в Photoshop - Техника
8. Теперь дважды кликните по любому из верхних слоев, в результате чего откроется новый документ. Разместите флаер в этом документе и нажмите Crtl + s , чтобы сохранить его, и вернитесь в основной документ. Вау! Попробуйте поэкспериментировать с тенями и бликами. Теперь вы знаете, как делать самые разнообразные макеты ( мокапы ) в фотошопе.
Создание макета флаера в Photoshop - Техника
Надеюсь, вам понравилась эта статья, если у вас возникнут вопросы, пожалуйста, задайте их в комментариях. Благодарим за уделенное время.
Дайте знать, что вы думаете по этой теме статьи в комментариях. За комментарии, подписки, дизлайки, лайки, отклики низкий вам поклон!
Пожалуйста, оставляйте ваши мнения по текущей теме статьи. За комментарии, дизлайки, подписки, лайки, отклики огромное вам спасибо!
Буклет – печатное издание, носящее рекламный или информационный характер. При помощи буклетов до аудитории доносится информация о компании либо отдельном продукте, событии или мероприятии.
Данный урок посвятим созданию буклета в Фотошопе, от проектирования макета до художественного оформления.
Создание буклета
Работа над подобными изданиями делится на два больших этапа – проектирование макета и дизайн документа.
Макет
Как известно, буклет состоит из трех отдельных частей или из двух разворотов, с информацией на лицевой и тыльной стороне. Исходя из этого, нам понадобится два отдельных документа.
Каждая сторона делится на три части.
Далее необходимо определиться, какие данные будут располагаться на каждой стороне. Для этого лучше всего подойдет обычный лист бумаги. Именно этот «дедовский» способ позволит Вам понять, каким образом должен выглядеть конечный результат.
Лист сворачивается, как буклет, а потом наносится информация.
Когда концепт готов, можно приступать к работе в Фотошопе. При проектировании макета не бывает маловажных моментов, поэтому будьте максимально внимательны.
-
Создаем новый документ в меню «Файл».
-
Выбираем на левой панели инструмент «Прямоугольник».
На этом создание макета буклета завершено. Его можно сохранить и использовать в дальнейшем, как шаблон.
Дизайн
Дизайн буклета – дело индивидуальное. Все составляющие дизайна обусловлены либо вкусом, либо техническим заданием. В данном уроке обсудим лишь несколько моментов, на которые следует обратить внимание.
-
Фоновое изображение.
Ранее, при создании шаблона, мы предусмотрели отступ от линии отреза. Это нужно для того, чтобы при обрезке бумажного документа не оставались белые участки по периметру.
Фон должен доходить именно до линий, определяющих этот отступ.
В третьем блоке уже можно написать более подробно, чем мы занимаемся,а информация внутри буклета может, в зависимости от направленности, иметь как рекламный, так и общий характер.
Цветовая схема
Перед печатью настоятельно рекомендуется перевести цветовую схему документа в CMYK, поскольку большинство принтеров не в состоянии в полной мере отобразить цвета RGB.
Это можно сделать и в начале работы, так как цвета могут отображаться немного по-другому.
Сохранение
Сохранять такие документы можно как в формате JPEG, так и в PDF.
На этом урок о том, как создать буклет в Фотошопе, завершен. Неукоснительно следуйте инструкциям по проектированию макета и на выходе получите качественную полиграфию.
Мы рады, что смогли помочь Вам в решении проблемы.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Читайте также: