Photoshop Tutorial: Создание потрясающего дизайна флаера
23 июля 2012 | Опубликовано в Уроки | 9 Комментариев »
Сейчас самый разгар лета, все отдыхают на море, ходят на пляж и наслаждаются жарким солнцем и прохлодительными напитками. На пляжах раздают флаера на вечеринки и прочие мероприятия. И вот глядя на один из таких флаеров я решил попробовать сделать нечто подобное (а получилось даже лучше). Данный урок изначально расчитывался не для новичков, но в нем все расписано довольно хорошо, поэтому, я думаю, при желании абсолютно любой сможет выполнить его.
Итак, давайте перейдем непосредственно к нашему уроку и создадим потрясающий дизайн флаера для вечеринки.
Прим. Не переживайте на счет летней темы. Данный урок можно использовать для создания абсолютно любого флаера (время года не имеет особого значения).
Результат:
Что нам понадобится при выполнении данного урока:
Шаг 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
23 июля 2012 в 11:36
Прическа неудачная, после обрезки волос создалось ощущение — как будто она сама стриглась без зеркала. Ну в качестве тренировки — пойдет. Вообще флаер не в моем вкусе, слишком много «визуального шума», я бы решила все только типографикой. Но на вкус и цвет, как говориться ...
23 июля 2012 в 13:40
Да, видно, что волосам не уделили мало внимания, но в целом мне нравится. Получилось отлично -) Очень много подобных флаеров продается на графикривере)
Спасибо за полезный урок!
23 июля 2012 в 13:41
Прошу прощения за опечатку в пред. комментарии) Волосам уделили мало внимания!
23 июля 2012 в 14:14
да ну, круто очень и по-летнему!
23 июля 2012 в 15:39
Ксюша а можно сюда ссылочку вариант с типографикой.
7 августа 2012 в 10:53
спасибо за идею, делала летний баннер. ;)
февраля 23, 2013 at 9:25 пп
можеть показать што да как а то я EN язик незнаю и непонимаю в етом)
30 августа 2016 в 0:11
Браво!