Сделать стартовой  |  Добавить в избранное  |  RSS 2.0
О нас  |  Статистика  |  Обратная связь
Поиск по сайту: Расширенный поиск по сайту
Регистрация на сайте
Забыли пароль?

Навигация

Календарь
«    Ноябрь 2017    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 



» Создаём дизайн летнего флаера в Фотошоп
1-09-2013, 01:03 | Уроки Photoshop » Коллажирование | автор: Natali | Просмотров: 1284
На улице тёплая летняя погода. Все берут от лета самое лучшее. Люди отдыхают на море, загорают под солнцем и устраивают шумные вечеринки до самого рассвета. Как обычно флаеры-приглашения на такие вечеринки раздают на пляже. Как только автор увидел подобный флаер, решил сам сделать такой же и даже лучше.

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

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

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

Материалы для урока:
  • Модель
  • Кисти Небо
  • Кисти Ретро
  • Шрифт Devil Breeze
  • Шрифт Bioliquid
  • Иконки Веб

    Шаг 1

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

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

    Шаг 2

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

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

    Шаг 3

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

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

    Шаг 4


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

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

    Шаг 5


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

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

    Шаг 6


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


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

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

    Шаг 7


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

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

    Шаг 8


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

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

    Шаг 9


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

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

    Шаг 10


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

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

    Шаг 11


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

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

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

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

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

    Шаг 12


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

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

    Шаг 13


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

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

    Шаг 14


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


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

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

    Шаг 15


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


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

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

    Шаг 16


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


    Тень (Drop Shadow)

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


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

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


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

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


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

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


    Обводка (Stroke)

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

    Шаг 17


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

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

    Шаг 18


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

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

    Шаг 19


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

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

    Шаг 20


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

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

    Шаг 21


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

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

    Шаг 22


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

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

    Шаг 23


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

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

    Шаг 24


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


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


    Тень (Drop Shadow)

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


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

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


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

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


    Обводка (Stroke)

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

    Шаг 25


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

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

    Шаг 26


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


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


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

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

    Шаг 27


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

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

    Шаг 28


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

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

    Шаг 29


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

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

    Шаг 30


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

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

    Шаг 31


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


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


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

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

    Шаг 32


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

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

    Шаг 33


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

    Шаг 34


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

    Шаг 35


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

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

    Шаг 36


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

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


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

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

    Шаг 37


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

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

    Шаг 39


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

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

    Шаг 40


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


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

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


    Обводка (Stroke).

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

    Шаг 41

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

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

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

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

    Автор: shmitacc
    Перевод: Рыбка
  •  
    | Комментарии (0) | Распечатать
     
    Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

    Другие новости по теме:

  • Поздравляем с Новым годом в Фотошоп
  • Новогодняя открытка со снежинкой в Фотошоп
  • Открытка со снежинками в Фотошоп
  • Новогодняя открытка в программе Photoshop
  • Новогодняя открытка в Фотошоп
  • 595: Создаём дизайн летнего флаера в Фотошоп1 сентября 2013: Создаём дизайн летнего флаера в Фотошоп!
    Создаём дизайн летнего флаера в Фотошоп.
    Создаём дизайн летнего флаера в Фотошоп
     

    Популярные
    статьи


    Опрос

    Лучший из новостных
    Неплохой движок
    Устраивает ... но ...
    Встречал и получше
    Совсем не понравился




    Главная страница  |  Регистрация  |  Добавить новость  |  Новое на сайте  |  Статистика  |  Обратная связь
    Яндекс.Метрика