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

ВАЖНО! Для того, что бы сохранить статью в закладки, нажмите: CTRL + D

Задать вопрос ВРАЧУ, и получить БЕСПЛАТНЫЙ ОТВЕТ, Вы можете заполнив на НАШЕМ САЙТЕ специальную форму, по этой ссылке >>>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник: http://photoshopworld.ru/lessons/610-how-to-create-a-promotional-flyer-in-photoshop

В этой статье я покажу несколько продвинутых инструментов 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 , будет активирован инструмент « Трансформация ». Далее нужно будет выбрать параметр « Деформация », размещенный в правой части меню параметров.

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

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

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

ЧИТАЙТЕ ТАКЖЕ:  как сделать рамку на газель возить доски

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

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

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

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

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

Перевод статьи «How To Create Flyer Mockup In Photoshop» был подготовлен дружной командой проекта Сайтостроение от А до Я

Источник: http://www.internet-technologies.ru/articles/kak-sozdat-maket-mokap-flaera-v-photoshop.html

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

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

Настраиваем направляющие. Для это обращаемся к вкладке «Редактирование» — «Настроить» — «Направляющие, сетка, фрагменты».

Размещаем два фоновых изображения (пример1, пример2).

Размещаем дополнительные изображения (пример1, пример2).

Создаем поверх слоев с изображениями новый слой и заливаем его черным цветом. Снижаем непрозрачность этого слоя до 25%.

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

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

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

Создаем текстовый слой и пишем в нем тире.

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

При необходимости добавляем затемнение над некоторыми слоями: кистью мягкого типа черного цвета прорисовываем широкую полосу. Снижаем непрозрачность слоя до 50%-80%

Корректируем цветовой баланс при помощи корректирующего слоя.

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

Под слоем с широкой полосой создаем новый слой и выполняем в нем обводку выделенной области.

Придаем слою эффект размытия.

Таким несложным образом изготавливаем флаер.

Источник: http://www.fotokomok.ru/oformlenie-flaera-v-fotoshop/

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

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

Создание буклета

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

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

Каждая сторона делится на три части.

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

Лист сворачивается, как буклет, а потом наносится информация.

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

    Создаем новый документ в меню «Файл».

В настройках указываем «Международный формат бумаги», размер А4.

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

После создания файла идем в меню «Изображение» и ищем пункт «Вращение изображения». Повернем холст на 90 градусов в любую сторону.

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

Обращаемся к меню «Изображение – Размер холста».

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

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

    Идем в меню «Просмотр – Новая направляющая».

Первую вертикальную линию проводим в 5 миллиметрах от левого края.

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

Путем нехитрых вычислений определяем положение остальных линий (210-5=205 мм, 297-5=292 мм).

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

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

    Выбираем на левой панели инструмент «Прямоугольник».

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

Выбираем инструмент «Перемещение».

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

Таким же способом делаем еще одну копию.

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

Выделяем все фигуры в палитре с зажатой клавишей SHIFT (клик по верхнему слою, SHIFT и клик по нижнему).

Нажав горячие клавиши CTRL+T, применяем функцию «Свободное трансформирование». Беремся за правый маркер и растягиваем прямоугольники вправо.

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

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

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

    ЧИТАЙТЕ ТАКЖЕ:  как сделать фонтан дома

    Последним шагом будет проведение линий отреза.

      Берем инструмент «Вертикальная строка».

    Кликаем по средней направляющей, после чего появится вот такое выделение толщиной 1 пиксель:

    Вызываем окно настройки заливки горячими клавишами SHIFT+F5, выбираем в выпадающем списке черный цвет и жмем ОК. Выделение убирается комбинацией CTRL+D.

    Для просмотра результата можно временно скрыть направляющие сочетанием клавиш CTRL+H.

    Горизонтальные линии проводятся при помощи инструмента «Горизонтальная строка».

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

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

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

    Фон должен доходить именно до линий, определяющих этот отступ.

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

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

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

    Цветовая схема

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

    Это можно сделать и в начале работы, так как цвета могут отображаться немного по-другому.

    Сохранение

    Сохранять такие документы можно как в формате JPEG, так и в PDF.

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

    Отблагодарите автора, поделитесь статьей в социальных сетях.

    Источник: http://lumpics.ru/creating-a-booklet-in-photoshop/

    Russian (Pусский) translation by Yuri Yuriev (you can also view the original English article)

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

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

    Ресурсы урока

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

    Здесь применяются шрифты Proxima Nova Font Family, взятые из Typekit или по подписке Adobe Creative Cloud. Шрифты можно синхронизировать с вашим приложением или использовать аналогичные свои.

    Создание документа с направляющими

    Сначала создайте документ нужного размера с настройками для печати. Размеры нового документа Photoshop установим 216×154 mm. Это размер бумаги A5 с отступом в 3 мм на край. Поскольку мы создаём документ для печати, задайте цветовой режим CMYK и разрешение 300 Pixels/Inch.

    Создадим направляющие, чтобы видеть края отступа В приложениях Illustrator и InDesign эта опция встроена, а в Photoshop сделаем сами. С помощью Move Tool (V) и клавиши Shift перетащите горизонтальную направляющую из верхней линейки. Убедитесь, что направляющая расположена в 3 мм по оси Y.

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

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

    Нажмите комбинацию Shift-Cmd-N для создания нового слоя. Залейте фон белым цветом (Alt-Backspace). Убедитесь, что в настройках стоят цвета CMYK Sliders, поскольку вы создаёте документ для печати.

    Создайте новый корректирующий слой Gradient Overlay. В панели Layer Style Panel выберите Gradient. Установите значение белого цвета Location на 30%. Значение чёрного цвета измените на Pale Yellow (C=9 M=6 Y=14 K=0).

    Добавьте наложение градиента по кнопке fx на панели слоёв. . настройте градиент. . в соответствии с цветами для документа

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

    Выровняйте прямоугольник по верхнему левому краю документа. Залейте цветом Dark Brown (C=49 M=74 Y=80 K=70).

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

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

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

    Пройдя по File > Place Embedded. , выберите people-1.jpg картинку из Resource Pack.

    Пользуясь инструментом Move Tool (V) переместите фото на документ. Расположите в верхнем углу, как показано на рисунке.

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

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

    В верхней панели опций Rectangle Tool Panel нажмите Mask. Этим вы добавите векторную маску для слоя с фото.

    Возьмите Pen Tool (P) и поставьте опорную точку на маске. Сделайте кривую с помощью Direct Selection Tool (A).

    Уже знакомыми инструментами Pen Tool и Direct Selection Tool попытайтесь придать маске форму, как показано ниже. Обращайте внимание на положение опорных точек и простоту формы. Чем меньше опорных точек, тем плавнее получатся очертания маски.

    Пройдите в Filter > Blur > Gaussian Blur. Назначьте Radius на 6.

    Выберите Smart Filters. Инструментом Gradient Tool (G) направляйте осветление к правому краю.

    Направление градиента для размытия картинки направо.

    Добавьте маску слоя Layer Mask. Инструментом Brush Tool (B) нарисуйте штрихами плавный переход. Действуйте по своему вкусу и ощущениям.

    Создайте слой Brightness/Contrast Adjustment Layer, кликнув по значку sun на панели выбора настроек. Установите Brightness на 40 и Contrast на 10.

    ЧИТАЙТЕ ТАКЖЕ:  как сделать тесто из манки для рыбалки

    Щелчком правой кнопки по Adjustment Layer назначьте Create Clipping Mask. Это позволит применить новые настройки яркости только к нижнему снимку.

    Создайте слой Solid Color. Подберите цвет Brown (C=30 M=80 Y=100 K=30).

    Кликните по векторной маске на слое с фото. Зажмите клавишу Alt и перетащите её на коричневый Color Fill. Маска будет скопирована.

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

    Кистью Brush Tool (B) смешайте некоторые детали фото с коричневым слоем. Прозрачность слоя Layer Opacity задайте 75%.

    Нарисуйте ещё один прямоугольник Rectangle Tool (U).

    Залейте его цветом Light Brown Color (C=10 M=65 Y=100 K=0).

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

    С помощью инструментов Pen Tool (P) и Direct Selection Tool (A) сделайте кривую, как на нижнем рисунке.

    Добавление текста и логотипа

    Нарисуйте фигуру Ellipse (U). С габаритами 248 px на 248 px. Залейте цветом Brown Color (C=30 M=80 Y=100 K=30).

    Добавим эффект тени Drop Shadow. Прозрачность 14%, расстояние 5 px и размер 15 px.

    Добавление эффекта тени для слоя с помощью кнопки fx в панели слоёв. Меняем настройки эффекта тени с помощью ползунков.

    Сделаем ещё один Ellipse (U). С размерами 400 px на 400 px. Зальём Dark Blue Color (C=100 M=80 Y=45 K=50).

    Применим к нему тот же эффект тени Drop Shadow. Можно настроить тень ещё раз вручную или, кликнув правой кнопкой, выбрать из списка Copy Layer Style и скопировать готовый эффект на новый слой. Круг синего цвета помещаем под слоем с коричневым.

    Добавляем текст инструментом Type Tool (T). В этом уроке применяются шрифты семейства Proxima Nova. Размер заголовка Top Title Size is 17 pt. Добавляйте строки текста, каждый на отдельном слое. Перемещайте их с Move Tool (V) на нужные места, как показано ниже.

    То же самое повторите для нового текста. Размер size первой строки 31 pt.

    Создаём новый заголовок инструментом Type Tool (T). Возьмите шрифт Proxima Nova Light и размером в 18 pt.

    Тем же инструментом Type Tool (T), добавьте подзаголовок. Его размер на 36 pt. Поправьте Character Tracking до -10.

    Выберите оба слоя с текстом. Зажмите клавишу Alt и переместите drag строки вниз.

    Ещё раз, с помощью Type Tool (T) перепишите текст, как показано ниже. Расположите его инструментом Move Tool (V).

    Зайдите в File > Place Embedded и переместите в документ векторную картинку с логотипом acme-travel-logo.ai.

    Масштабируем логотип и размещаем в правом верхнем углу.

    Назначим ему эффект Drop Shadow. В панели стилей слоя Layer Style Panel, установим Opacity на 11%, Distance на 3 px, and Size на 16 px.

    Добавление нижних снимков

    Создаём новый прямоугольник Rectangle (U). Его размеры size to 60 px на 28 px.

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

    Идём в File > Place Embedded и перемещаем people-11.jpg photo из Resource Pack.

    Масштабируем кадр и помещаем ровно в прямоугольник.

    Активируйте инструмент Rectangle Tool (U), а в панели опций нажмите Mask. Из прямоугольника будет создана векторная маска для снимка.

    Находясь на слое с фото, нажмите Alt-Shift и переместите для создания копии.

    Зайдите на File > Place Embedded. Найдите city-5.jpg photo на Resource Pack и добавьте его в документ

    Подогнав фото по размеру, поставьте его над копией снимка с девушкой.

    Схватите маску копии фото с девушкой и поместите в новую картинку, затем удалите слой people-11-copy.

    Повторите шаги с 7 по 9 для добавления скриншота карты.

    Выделим слой map-screenshot и добавим ему эффект Stroke.

    Ширина обводки Stroke Size будет 2 px. Задайте Position на Inside цвет Color на Brown (C=30 M=80 Y=100 K=30).

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

    Задайте новые параметры текста с помощью Type Tool (T). Его размер 11 pt и цвет Color будет Light Brown (C=10 M=65 Y=100 K=0).

    Добавим ещё строки. Назначим Size на 9 pt, их Leading до 13 pt и поменяем Color на Gray (K=90).

    Новые блоки с текстом сделайте таким же способом. Поместите их под фото с девушкой и скриншотом карты.

    Пройдите по File > Place Embedded. выделите icons.ai для импорта в документ. Появится новое окно контекста. Выделите иконку Calendar Icon и кликните OK.

    Масштабируйте иконку для размещения в строке с расписанием.

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

    Возьмём Type Tool (T) и добавим текст. Поставьте его на скрин с картой. Размер Size на 13 pt, Leading на 11 pt и цвет Color на Light Brown (C=10 M=65 Y=100 K=0).

    Повторите эти действия для создания новых строк текста с адресом. Их размер Size на 9 pt и цвет Color на Gray (K=90).

    Из File > Place Embedded. , выберите icons.ai и импортируйте Globe Vector Icon в документ.

    Подгоните по размеру и поместите перед web адресом.

    Активируйте Pen Tool (P), чтобы нарисовать линию направления по карте.

    Меняем в Options Panel со сплошной линии Stroke на Dashed и Color на Light Brown (C=10 M=65 Y=100 K=0). Ширина Stroke Width на 1,5 pt.

    Зайдите в Stroke Options > More Options. , и задайте Caps на Round и Dashed Line: Dash на 3 и Gap на 3.

    Создадим ещё Ellipse (U). Назначим Color на Brown (C=30 M=80 Y=100 K=30).

    Активируем Pen Tool (P). Зажимаем клавишу Alt и кликаем по нижней опорной точке. Этим превращая её из плавной в угловую.

    Инструментом Direct Selection Tool (A) сдвигаем точку вниз.

    Добавим эффект тени Drop Shadow. Примените указанные внизу настройки, чтобы сделать её лёгкой.

    Снова делаем Ellipse (U) и заливаем Fill Color цветом White. Помещаем его в центр указателя. Это будет конечной точкой нашего дизайна листовки.

    Заключение

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

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

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

    Источник: http://design.tutsplus.com/ru/tutorials/how-to-create-a-promotional-flyer-in-photoshop—cms-21319

    Ссылка на основную публикацию