Для вашего интерьера комнаты советуем отличные кровати аскона отзывы можете почитать у нас на сайте.
Люди отдыхают на море, загорают под солнцем и устраивают шумные вечеринки до самого рассвета. Как обычно флаеры-приглашения на такие вечеринки раздают на пляже. Как только автор увидел подобный флаер, решил сам сделать такой же и даже лучше.
Не беспокойтесь о том, что такой флаер будет полезен только в летнее время. Этот урок может быть использован для создания абсолютно любой листовки и время года не имеет значения.
Автор утверждает, что этот урок не для начинающих, а для тех, кто в фотошопе не первый день.
Итак, начнём урок и создадим удивительный дизайн летнего флаера.
Результат урока:
Теперь подготовим место для текста. Уменьшите немного девушку и поднимите выше, так будет выглядеть лучше. Чтобы не путаться в слоях, объедините их. Активируйте инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool) в режиме Фигура и нарисуйте прямоугольник с цветом # f9941e, как на скриншоте ниже.
Примечание переводчика: для удобства слои лучше не сливать, а объединить в группу Ctrl+G.
Добавьте следующие стили слоя:
Тень (Drop Shadow)
Тиснение (Bevel&Emboss)
Обводка (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).
Добавьте текст с именами гостей и расположите как показано ниже.
Вот и всё, флаер готов!
Разработку флаера начнем с выбора размера. Чаще всего используются стандартные размеры флаеров: А4 (210х297мм), А5 (148х210мм), А6 (105х148мм) и DL (еврофлаер 99x210мм). Если Вам нужен нестандартный размер флаера, например, идея дизайнера не вложилась в формат:)), то будьте готовы к дополнительным затратам. Расчет стоимости тиража любой полиграфической продукции изначально привязан к стандартным форматам бумаги.
Требования к макету флаера такие же, как и макету визитки. Это основные стандарты в полиграфии. Нужно добавить вылеты +2 мм с каждой стороны под обрез и не размещать важную информацию ближе, чем 3 мм к линии реза.
Цветовая модель должна быть обязательно CMYK. Цветовая модель RGB имеет другой цветовой охват, это показано на фото ниже. Более подробное описание различий между CMYK и RGB рассмотрим в отдельной статье.
Черный цвет на текстовых элементах должен иметь значение К=100% (только чёрный). Это требование больше применимо к офсетной печати (в силу технологии), но лучше его соблюдать сразу. Правильно подготовленный макет избавит в дальнейшем от лишних корректировок.
Черный цвет на заливках K=100% C=50% M=50% Y=50%. Так цвет будет достаточно плотным.
Разрешение растровых изображений (фотографий, картинок) обязательно не меньше 300dpi.
Все шрифты обязательно должны быть переведены в кривые, либо предоставлены вместе с макетом в виде файлов.
Для того чтоб перевести шрифты в кривые в CorelDraw достаточно выделить все текстовые элементы и использовать сочетание клавиш CTRL+Q, а в Adobe Illustrator - сочетание клавиш CTRL+SHIFT+O. Помните, что после перевода текста в кривые он становится просто объектом и редактировать его уже быстро не получится. Так что вычитывайте текст перед этой операцией и делайте копию текстовых элементов, на всякий случай.
В типографию макет флаера лучше подавать в двух вариантах: оригинал, который можно будет корректировать в случае необходимости, в реальном размере в формате TIFF (CMYK, 300dpi) и «превью» в формате JPEG (можно 72dpi-150dpi для просмотра). Если, случайно, при открытии файла в типографии какие-либо элементы сместятся, то дизайнерам и печатникам будет на что ориентироваться.
ПОМНИТЕ!!! Когда макет флаера Вы разрабатываете сами, ответственность за всевозможные ошибки в макете несёте Вы. Так что внимательно вычитывайте текст дома и обязательно делайте превью для типографии.
Если Вы не умеете работать в графичеких редакторах Фотошоп, Корел или Иллюстратор и Вам некому помочь в создании флаера, Вы можете это сделать самостоятельно с помощью онлайн редактора флаеров и сразу же заказать их с бесплатной доставкой.
Желаем качественных отпечатков, сайт ;)
В этой статье мы продемонстрируем, как сделать брошюру на тему путешествий. Методы, представленные здесь, могут быть применены для создания любого другого шаблона дизайна.
Начнем с подготовки основного изображения, создадим многоуровневую сложную фигуру и добавим несколько стилей слоя, чтобы придать ей красивый внешний вид. Я использовал Photoshop версии CS6 , но подойдет любая версия от CS3 и выше.
Шаблон дизайна флаера на тему путешествий, лицевая сторона:
Шаблон дизайна флаера на тему путешествий, оборотная сторона:
Ресурсы
Перед тем, как сделать брошюру на компьютере, в Photoshop нажмите Ctrl + N , чтобы создать новый документ. Установите ширину 2480 пикселей и высоту 600 пикселей , разрешение 300 пикселей на дюйм:
Перейдите в Файл> Поместить встроенные . Найдите и выберите изображение солнечного острова , а затем нажмите кнопку «Поместить », чтобы вставить его в качестве смарт-объекта. Настройте размер и положение изображения. Нажмите Enter , чтобы применить преобразование:
Повторите предыдущие действия, чтобы вставить изображение водных видов спорта, как смарт-объект. Поместите его поверх слоя солнечного острова:
Перед тем, как сделать брошюру в Фотошопе полностью, добавьте к слою водных видов спорта маску слоя. В маске слоя создайте черно-белый линейный градиент по диагонали:
Нарисуйте с помощью инструмента «Прямоугольник » синюю (RGB: #0099c5 ) фигуру прямоугольника. Установите ее высоту около 860 пикселей :
Перейдите в Редактирование> Трансформирование , чтобы применить команду «Деформация ». Перетащите маркеры деформации, чтобы изогнуть прямоугольник, как показано на рисунке ниже:
Как правильно сделать брошюру: добавьте стиль слоя «Наложение градиента ». В диалоговом окне «Наложение градиента » установите:
Мы используем этот метод, чтобы изменить цвет текущей фигуры на другой, но эффект градиента проявлялся независимо от того, какой цвет будет выбран:
Нарисуйте еще один белый прямоугольник поверх синего. С помощью команды «Деформация » измените его форму, как показано на рисунке:
Добавьте для слоя текущей фигуры маску. С помощью инструмента «Градиент » создайте линейный градиент от белого к черному, протяните курсор по диагонали из левого нижнего угла в правый верхний угол белого прямоугольника. У вас должен получиться интересный «глянцевый » эффект, как показано на рисунке ниже:
С помощью инструмента «Эллипс » нарисуйте фигуру синего (#005c98 ) заполненного эллипса. С помощью команды «Свободное трансформирование » (Ctrl + T ) измените размер и положение синего эллипса, как показано на рисунке ниже:
Продолжаем рассматривать процесс, как сделать брошюру. При выбранном синем эллипсе нажмите Ctrl + C , чтобы скопировать его в буфер обмена. Нажмите Ctrl + V , чтобы вставить копию синего эллипса. Растяните копию, чтобы она стала немного больше исходной фигуры.
С помощью команды «Вычесть переднюю фигуру » создайте фигуру, которая будет состоять из исходного эллипса без копии. В результате должна получиться «изогнутая фигура «:
При выбранных слоях фигур перейдите к параметрам контура и нажмите кнопку «Объединить компоненты фигуры ». Теперь эта «изогнутая фигура » должна быть сведена в отдельный слой:
Продублируйте слой изогнутой фигуры, переверните ее по вертикали с помощью команды Редактирование> Трансформирование контура> Отразить по вертикали . Используйте инструмент «Перемещение », чтобы перетащить копию влево, а затем измените режим смешивания слоя на «Умножение »:
Добавьте к слою копии «изогнутой фигуры » маску слоя, используйте линейный градиент, чтобы скрыть ее половину:
Чтобы сделать брошюру в Фотошопе , повторите шаги 13 — 14 , чтобы получить еще один слой «изогнутой фигуры » внизу холста. С помощью команды «Свободная трансформация » измените его размер:
Выберите все слои, кроме слоев фона, водных видов спорта и солнечного острова. Нажмите Ctrl + G , чтобы сгруппировать выбранные слои. Дважды кликните по вновь созданной группе слоев, чтобы переименовать ее в “blue shape ”:
Поверх группы “blue shape ” нарисуйте бледно-коричневый (#efe0c9 ) прямоугольник:
С помощью меню Редактирование> Трансформация контура> Деформация снова изогните верхнюю сторону прямоугольника. Смотрите изображение ниже. Нажмите Enter , чтобы применить команду «Деформация »:
Как правильно сделать брошюру: добавьте еще один темно-коричневый (#b19e90 ) прямоугольник на высоте приблизительно 425 пикселей . Снова используйте команду «Деформация », чтобы изогнуть верхнюю сторону прямоугольника:
Добавьте белый прямоугольник в левой стороне холста. Теперь с помощью команды «Деформация » изогните верхнюю и правую сторону этого прямоугольника:
При выбранном слое белого прямоугольника измените его режим смешивания на «Мягкий свет ». Нажмите Alt + Ctrl + G , чтобы применить обтравочную маску:
Нарисуйте черный прямоугольник в верхнем правом углу холста, установите для него ширину 952 пикселя и высоту 460 пикселей :
С помощью инструмента «Угол » перетащите левую нижнюю точку черного прямоугольника, чтобы скруглить острый угол. С помощью инструмента «Выделение узла » перетащите эту точку вправо вверх:
Чтобы сделать брошюру своими руками, измените режим смешивания черного прямоугольника на «Мягкий свет ». Это сделает его наполовину прозрачным:
Добавьте новый слой. Активируйте инструмент «Кисть » и выберите мягкую круглую кисть. Задайте для нее размер 1300 пикселей , Цвет кисти — белый, непрозрачность — 30% . Нажмите 2-3 раза в области синей изогнутой фигуры. Это создаст мягкую белую освещенную область:
Выберите пять слоев, которые только что создали, а затем сгруппируйте их. Переименуйте группу в “front shape ”. Не забудьте сохранить документ (Файл> Сохранить ):
Нажмите Ctrl + N , чтобы создать новый документ. Установите ширину 600 пикселей , высоту 600 пикселей и разрешение до 150 пикселей на дюйм:
Нарисуйте черный прямоугольник размером 300 на 100 пикселей . Продублируйте его, перетащив с помощью инструмента «Выделение контура », при этом удерживая нажатой клавишу Alt :
Перед тем, как сделать брошюру в Фотошопе , поверните и переместите один из черных прямоугольников так, чтобы получилась перевернутая буква «L «:
Чтобы идеально выровнять черные прямоугольники, выберите их с помощью инструмента «Выделение контура », а затем в панели параметров в верхней части окна выберите «Правые края »:
Нарисуйте узкий горизонтальный прямоугольник. Выберите для него опцию «Вычесть переднюю фигуру », в результате чего у вас получится горизонтальный разрез:
Кликните мышью за пределами холста или нажмите пробел, чтобы отменить выбор всех фигур прямоугольника. Используйте команду «Свободная трансформация », чтобы повернуть фигуру, пока она не будет выглядеть, как символ «> «:
Выберите на панели параметров в верхней части окна параметр «Объединить компоненты фигуры ». Это позволит объединить все три прямоугольника, чтобы правильно сделать брошюру:
Перейдите в Редактирование> Определить произвольную фигуру , назовите ее “metro arrow ”, а затем нажмите кнопку ОК :
Теперь вернемся к окну первого документа с изображениями солнечного острова и водных видов спорта. С помощью инструмента «Эллипс » нарисуйте темно-коричневый (#b5a294 ) круг. С помощью инструмента «Горизонтальный текст » создайте синий (#018dc0 ) текст заголовка и два условных абзаца.
Photoshop может упростить этот шаг, предоставив замещающий текст, который доступен в меню Текст> Вставить lorem ipsum . Чтобы данный пункт меню стал доступен, нужно создать текстовое поле абзаца:
Активируйте инструмент «Пользовательская фигура », установите цвет — белый. Выберите и нарисуйте фигуру “metro arrow ” внутри темно-коричневого круга:
Выберите последние четыре созданных слоя, объедините их в группу с именем “left text ”:
Перед тем, как сделать брошюру самому, добавьте в правой части документа текст, который представляет собой коричневый текст заголовка и четыре пункта маркированного списка. Нарисуйте четыре фигуры “metro arrow ” в качестве маркеров списка, но на этот раз установите для них синий цвет:
Активируйте инструмент «Кисть ». В панели параметров установите для кисти непрозрачность — 50% и цвет — темно-коричневый. Нажмите на кнопку параметров кисти (шестеренка в верхнем правом углу ), выберите пункт «Загрузить кисти ». Найдите и загрузите нужную кисть.
В диалоговом окне загрузки кисти нажмите кнопку «Добавить ». Таким образом мы добавим новую кисть:
Добавьте новый слой с именем “flower ”. Выберите кисть в форме цветка и один раз кликните по холсту, чтобы нарисовать цветок:
Уменьшите размер цветка с помощью команды «Свободная трансформация ». Но сначала конвертируйте его в смарт-объект:
Продолжим рассмотрение методики, как самостоятельно сделать брошюру. С помощью инструмента «Текст » добавьте подпись “Flower Garden ” ниже фигуры цветка:
С помощью инструмента «Кисть » добавьте другие иконки пляжа. Конвертируйте их в смарт-объекты, сделайте их меньше и добавьте подписи:
Выберите иконки пляжа с подписями и сгруппируйте их. Переименуйте группу в ‘features ’:
Выберите инструмент «Произвольная фигура ». В списке параметров «Фигура » выберите категорию «Web ». В появившемся диалоговом окне нажмите кнопку «Добавить »:
Повторите шаг 45 , чтобы загрузить другую категорию пользовательских фигур – «Объекты »:
Введите текст-заполнитель с номером телефона, адресом электронной почты и сайтом туристического агентства. Добавьте иконки телефона, сайта и электронной почты с помощью инструмента «Пользовательская фигура »:
Добавьте текст-заполнитель для названия туристического агентства:
Перед тем, как из документа сделать брошюру, выберите инструмент «Произвольная фигура », загрузите еще одну категорию пользовательских фигур – «Символы »:
Выберите и нарисуйте фигуру самолета. Установите цвет — белый, а затем поместите ее справа от названия туристического агентства:
Чтобы сделать фигуру самолета более интересной, используйте стиль слоя «Тень ». Задайте для параметров «Тени» значения, приведенные на рисунке ниже:
Сгруппируйте слои названия и самолета, чтобы сохранить структуру:
До этого момента у нас еще не было заголовка самого флаера. Чтобы сделать брошюру, давайте добавим его, используя белый жирный текст, как показано на рисунке ниже:
Чтобы текст заголовка выглядел круче, используйте стиль слоя «Тень ». Настройки параметров для этого стиля слоя приведены на рисунке ниже:
Нажмите кнопку «OK », чтобы применить стиль слоя «Тень ». Если вы все сделали правильно, текст заголовка должен быть обрамлен красивой сплошной тенью:
С помощью инструмента «Эллипс » нарисуйте красный (#ed1c24 ) круг. После этого введите текст «START FROM $375 / person ” в четырех отдельных слоях, по мере необходимости настройте размеры шрифтов:
Перед тем, как сделать брошюру в Фотошопе, нужно вернуться к слою красного круга и настроить внешний вид круга, чтобы он выглядел, как 3D кнопка. Начните с добавления стиля слоя «Внутренняя тень». Я задал для параметров стиля следующие значения:
Добавьте стиль слоя «Внутреннее свечение » со следующими параметрами:
Добавьте стиль слоя «Глянец » со следующими параметрами:
Чтобы сделать брошюру в Фотошопе , не забудьте установить смещение около 23 пикселей и размер около 46 пикселей . Измените «Тип контура » на «Кольцо »:
Добавьте стиль слоя «Наложение градиента ». Измените режим наложения на «Перекрытие », установите цвета градиента от черного до белого, стиль – «Линейная », угол — 122 градусов :
Добавьте стиль слоя «Тень ». Уменьшите непрозрачность тени до 37% , установите смещение — 6 пикселей и размер — 10 пикселей :
Нам потребуется тот же «эффект красной кнопки » для оборотной стороны флаера, поэтому сохранив его в качестве стиля, мы позже сэкономим время. Все, что вам нужно сделать, это открыть палитру стилей.
Нажмите кнопку «Создать новый стиль », задайте для стиля понятное название, например «красная объемная кнопка » и установите флажок для опции «Включает эффекты слоя »:
Активируйте инструмент «Горизонтальный текст ». Наведите курсор на верхний край красного круга, пока указатель курсора не изменит свой вид, а затем кликните в этом месте мышью. Это позволит ввести текст вдоль края фигуры. Нажмите кнопку «Завершить » в панели параметров, чтобы подтвердить ввод текста:
Выделите текст с помощью инструмента «Текст ». Чтобы правильно сделать брошюру, в палитре символов задайте значения размера текста, цвета и интервала между символами:
При выбранном текстовом слое нажмите Ctrl + T , чтобы вызвать команду «Свободная трансформация ». Измените размер окружности, а затем поверните фигуру, пока текст не выровняется по центру. Не забудьте нажать Enter , чтобы применить трансформацию:
Снова нажмите на слой фигуры красного круга, чтобы выбрать ее. Повторите процесс, описанный в шаге 63 , но на этот раз добавьте текст внизу круга. После того, как вы введете номер телефона, не нажимайте кнопку подтверждения ввода:
Перед тем, как из документа сделать брошюру, нам нужно изменить направление номера телефона. Удерживая нажатой клавишу Ctrl , наведите указатель мыши внутрь красного круга. Когда указатель мыши приобретет вид маленького черного треугольника, кликните мышью. Номер телефона должен изменить свое направление:
Настройте положение номера телефона. Вызовите команду «Свободная трансформация », измените размер и поверните номер телефона. Нажмите Ctrl + Enter , чтобы применить изменения:
Прежде чем перейти к следующему шагу, нужно скрыть фигуру на переднем плане и папку группы синей фигуры:
Вернитесь к слою фигуры красного круга. Установите две направляющие на уровне правого и левого краев фигуры, а затем нарисуйте с помощью инструмента «Произвольная фигура » фигуру стрелки. Задайте для нее бледно-коричневый цвет (#b4a193 ):
Чтобы правильно сделать брошюру, активируйте инструмент «Выделение узла ». Нажав и удерживая левую клавишу мыши, обведите левую часть стрелки, чтобы выделить две ее крайние точки. Затем перетащите их до левой направляющей:
Вызовите команду «Свободная трансформация », а затем поверните стрелку, чтобы она указывала вверх. Не нажимайте Enter! :
Переключитесь из режима свободной деформации. Выберите «Деформация »: «Дуга », а затем перетащите точку деформации влево. Фигура стрелки изменит свою форму, как показано на рисунке ниже. Нажмите Enter , чтобы применить трансформацию:
Если стрелка слишком велика или слишком сильно выгнута, настройте ее форму с помощью команды «Свободная трансформация »:
Измените режим смешивания слоя стрелки на «Умножение ». Это позволит сделать ее полупрозрачной перед тем, как сделать брошюру своими руками:
Продублируйте слой стрелки, нажав Ctrl + J . Перетащите вторую стрелку на правую сторону от красного круга:
Снова вызовите команду «Свободная трансформация », поверните стрелку по направлению вниз. Нажмите Enter , чтобы применить преобразование:
Снова сделайте видимыми фигуру на переднем плане и папку группы синей фигуры. Мы закончили с лицевой стороной флаера. Теперь заняться дизайном его оборотной стороны:
Создайте новый документ 2480 пикселей в ширину и 3242 пикселя в высоту. Установите разрешение 300 точек на дюйм :
Нарисуйте фигуру прямоугольника с высотой холста, но в половину его ширины. Установите для прямоугольника светло-коричневый (#f0ebdc ) цвет:
Чтобы сделать брошюру самому, перейдите в Редактирование> Трансформирование> Деформация . С маркеров рычагов деформации изогните правую сторону прямоугольника, чтобы она выглядела, как развевающийся флаг. Нажмите Enter , чтобы применить деформацию:
При том же выбранном слое фигуры нарисуйте еще один прямоугольник в середине холста:
Нажмите на горизонтальный прямоугольник с помощью инструмента «Выделение контура ». В панели параметров измените «Операцию с контуром » на «Исключить перекрывающиеся фигуры ». Этот параметр «удаляет » все пересекающиеся области фигур прямоугольников.
Сейчас самый разгар лета, все отдыхают на море, ходят на пляж и наслаждаются жарким солнцем и прохлодительными напитками. На пляжах раздают флаера на вечеринки и прочие мероприятия. И вот глядя на один из таких флаеров я решил попробовать сделать нечто подобное (а получилось даже лучше). Данный урок изначально расчитывался не для новичков, но в нем все расписано довольно хорошо, поэтому, я думаю, при желании абсолютно любой сможет выполнить его.
Итак, давайте перейдем непосредственно к нашему уроку и создадим потрясающий дизайн флаера для вечеринки.
П рим. Не переживайте на счет летней темы. Данный урок можно использовать для создания абсолютно любого флаера (время года не имеет особого значения).
Открываем Photoshop и создаем новый документ. Размер 4,25 х 6,25 inches. Resolution: 300 DPI, Color: CMYK
Используя Brush Tool заливаем фон #78bbc8 цветом. Создаем новый слой и размещаем его над фоном. Снова берем инструмент BrushTool, выбираем кисти облаков скаченные ранее и делаем нечто подобное:
Нажимаем на Refine Edge. View: Black & White, ставим галочку напротив Smart Radius, а сам радиус выставляем 95-100
Теперь давайте изменим View Mode на On Black. Вы видите, что немного заднего фона осталось в волосах. Что бы это исправить, поставим галочку напротив Decontaminate Colors и установим значение 65-70. Output To: New Layer with Layer Mask
Как Вы видите мы избавились от заднего фона, а маска слоя позоляет нам вручную доработать фотографию (если какая то нужная часть удалилась или наоборот что то осталось лишнее)
Прим. Так же, при необходимости можно изменить яркость, контрастность, баланс цветов и прочие настройки.
Для удобства выделим все слои, нажмен на них правой кнопкой мыши и выберем Convert to Smart Object. Перенесем получившийся слой на документ с флаером
Объеденим слой с пляжем и нашим небом и применим фильтр Blur — Gaussian Blur — Radius 9 pixels
Создадим новый докумен 100 на 100 пикселей и нарисуем звездочку, из который в свою очередь сделаем кисть (Edit — Define Brush Preset)
Перейдем снова на наш документ с флаером. Создадим новый слой, разместим его за девушкой, но перед фото с пляжем. Выберем Brush Tool и откроем окно с настройками (F5)
Получившейся кистью сделаем нечто подобное
Задний фон слишком яркий. Создадим новй слой и разместим его над слоем с пляжем. Залем все белым цветом используя Paint Bucket Tool. Полупрозразночть слою выставим 60-65%
Еще немного поработаем с фоном и перейдем к надписям. Итак, создадим еще один слой за девушкой и используя разные кисти постараемся добиться подобного эффекта
Подготовим место для текста. Сделаем девушку немного меньше и поднимем выше. Теперь что бы не путаться, все слои с девушкой, фоном и проч. объеденим в группу. Далее возьмем инструмент Rounded Rectangle Tool (U) и нарисуем плашку как на скриншоте ниже:
Добавим следующие стили:
Создадим слой и с зажатым Alt кликнем между ним и слоем с плашкой (Создание Clipping Mask). Тип смешивания — Soft Light. Возьмем инструмент Brush Tool, выберем ретро кисти и сделаем следующее (используйте белый и черный цвета)
Продублируем слой с плашкой (ctrl+J), очистим с продублированного слоя все стили, сделаем его черного цвета и поместим его под оригинальный слой с плашкой. Rasterize Layer
Оставаясь на этом слое выбираем Edit — Free Transform (ctrl+T)
Сделаем следующую трансформацию
Добавим размытия Filter — Blur — Gaussian Blur — Radius 10
Убираем лишнее сверху и ставим прозрачность слою 30%
Теперь возьмем Eraser Tool (size: 300 px, Hardness: 0%) и немного сотрем тень по краям
Пора добавить текст на нашу потрясающую яркую плашку. Для этого я использую Devil Breeze font, размером 158 пикселей и цветом #f9f9fa.
Прим. В зависимости от шрифта, его размера и текста, размер плашки и тени может менятся. В нашем случае плашка стала шире.
И применим следующие стили к тексту:
В итоге у меня получилось следующее:
При необходимости можно добавить какой то слоган или дополнительный текст. Я, например, хочу добавить “the greatest party in 2012 summer season”. Для этого я использую шрифт Bioliquid размером 50 пикслей и белым цветом.
Прим. Если у вас не будет хватать места вы всегда можете изменить размер плашки.
Я разместил его вот так:
Что бы текст не сливался с фоном, создадим новый слой и поместим его над плашкой и слоем с ретро кистями. Сделаем выделение при помощи Rectangular Marquee Tool. Возьмем Paint Bucket Tool и зальем выделение #1fb0cd цветом
Добавим Stroke к этому слою
И добавим тень к слогану
Вот что получается на данный момент:
Я обратил внимание, что очень часто плашки (да и сами флаера) любят украшать различными элементами. Я тоже решил это сделать. Лучше всего для этого подошли: пальмовые листья #1 , пальмовые листья #2 , изображения коктейлей, тропический цветок плюмерия, изображение птицы Тукан, кокос и т.д.
Прим #1 . Выбирайте любые изображения, которые на ваш взгляд будут хорошо смотреться.
Наляписто разместите все элемента на флаере. Объедените их в группу и перенесите под слой с девушкой.
Прим #2. Ананас и плюмерию я разместил перед девушкой.
Вот так получилось у меня:
Осталось совсем немного. Нужно только лишь добавить описание мероприятия, дату его проведения и специально приглашенных гостей. Начнем с информации об мероприятии. Ее мы разместим под названием вечеринки. Текст напишем все тем же bioliquid шрифтом, размером 42 пикселя и #256676 цветом
Можем подстветить немного текст. Создадим новый слой, разместим его под текстом и используя кисть большого размера (Hardness: 0%, Color: #ffffff) сделаем подстветку
Теперь напишем дату проведения мероприятия над девушкой и чуть справа. Шрифт Devil Breeze, размер 80 пикселей, цвет #276676.
Прим. Советую разделить надпись на 3 части (месяц с числом, год, и “th”), при чем “th” сделать меньше по размеру.
Разместите текст как показано на скриншоте:
Далее создаем группу в которую помещаем 3 части нашего текста и дублируем ее. Выбираем группу которая ниже и объеденяем все слои (Layer — Merge Group). Для получившегося слоя применяем фильтр Motion Blur (Filter — Blur — Motion Blur)
Сделаем этот эффект более мягким, добавив стиль Color Overlay с уветом #56a7bb
Теперь перейдем к спецаильно приглашенным гостям. Выберем инструмент Custom Shape Tool и найдем звезду (предварительно установив скаченные shape) и нарисуем 2 звезды любым цветом так как это сделал я:
Откроем 2 фотографии специально приглашенных гостей. Перенесем их в наш документ. Разместим одно изображение над первой звездой, второе — над второй. Изменим размер изображений так, что бы головы были приблизительно того же размера, что и звезды. Выберем сначала одну фотографию, откроем меню Layer — Create Clipping Mask. Тоже самое сделаем со второй фотографией
Добавим следующие стиили для звезд (для shape а не фотографий)
Добавим текст с именами и разместим как на скриншоте ниже
Спасибо за внимание!
Перевод: Fermata