Создаем креативный постер в Photoshop. Как сделать афишу в фотошопе и своими руками Как сделать афишу в фотошопе cs6

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

Давайте запустим Photoshop и приступим!

Материалы для урока:

Вот изображение, которое мы будем создавать сегодня:

Шаг 1

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

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

После загрузки шрифта, создайте новый документ 11" х 8,5" дюймов (inch); разрешение: 300 точек\дюйм (dpi) ; режим RGB.

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

Примечание переводчика: размер шрифта составит 50-110 пт (зависимо от вашей фразы).Центральную надпись сделайте в два раза больше чем остальной текст.

Фразу которую я придумал, можно разместить в три линии. Средняя линия будет написана жирным шрифтом (CODE bold), а первая и третья строки - обычным (CODE light). Центрируйте текст по вертикали и сохраните свою работу.

Шаг 2

Загрузите кисти "Дым". Создайте новый слой выше надписи жирным шрифтом. Назовите его как вам нравится (например "Дым"). После того как вы сделали это, используйте, на новом слое, различные кисти дыма в области текста "Bold", как показано на изображении ниже:

Шаг 3

Стоя на слое "Дым" , нажмите и удерживайте клавишу Ctrl , сделайте щелчек по миниатюре слоя с текстом "Bold", для активации выделения:

Затем нажмите Ctrl + J. Так мы создадим дубликат дыма, но уже в форме букв (назовите слой "Текст дым").
Выключите видимость слоя "Дым", а также оригинального текстового слоя "Bold", чтобы увидеть результат. Теперь слой "Дым" можно удалить.

Шаг 4

Создайте новый слой в самом верху палитры слоев. Выберите инструмент "Градиент \ Gradient Tool " (G). Убедитесь, что у вас используется "радиальный градиент \ radial gradient" - от белого к прозрачному. Настройки должны выглядеть как на картинке ниже:

На новом слое (назовите его "Сияние \ Lights"), который вы создали, используйте радиальный градиент несколько раз, размещайте его на изображении в областях, указанных на скриншоте:

Шаг 5

Создайте новый слой поверх всех остальных. Переключитесь на инструмент "Градиент \ Gradient Tool " (G). Далее, примените следующие настройки для вашего "радиального градиена \ radial gradient" :

"Протащите" линию градиента в направлении от середины холста до края (до любого угла), а затем измените режим смешивания этого слоя на "Линейный Затемнитель \ Linear Burn" .

Шаг 6

Измените режим смешивания слоя с текстом "Bold", на "Экран \ Screen". Дважды щелкните на этом слое и примените следующие настройки стиля слоя:

После применения настроек ваше изображение должно выглядеть примерно так:

Шаг 7

Перейдите на слой с текстом "Let’s Grow". Сделайте двойной щелчек по слою, для перехода в "Стиль слоя \ Layer Style" . Выбираем вкладку "Наложение градиента \ Gradient Overlay", а так же "Глянец \ Satin" . Настройки для вкладки "Глянец \ Satin" оставим по умолчанию.

В настройках "Наложение градиента \ Gradient Overlay" выбираем черно-белый линейный градиент; отметьте флажок "Инверсия \ Reverse" , как показано здесь:

После применения стиля к слою, щелкните по нему правой кнопкой мыши и выберете вкладку "Скопировать стиль слоя \ Copy Layer Style" . Далее перейдите на текстовый слой "Together", щелкните по нему правой кнопкой мыши и выберете вкладку "Вклеить стиль слоя \ Paste Layer Style" , чтобы применить те же настройки на этот текст.

Вернитесь к настройкам слоя "Together", в опции снимите флажок "Инверсия \ Reverse" .
Возможно, вам придется откорректировать положение слоя "Together". Если он попадает под тень слоя "Bold" - опустить его немного вниз.

Шаг 8

Выберите слой "Сияние \ Lights" и, удерживая клавишу Shift , выберите нижний слой с текстом (для создания выделения всех слоев, за исключением верхнего и фона), как показано ниже:

Нажмите Ctrl + G , чтобы поместить все эти слои в одну группу. Переименуйте группу в "Весь текст \ All Text".

Создайте дубликат группы (перетащить всю папку до значка "Создать новый слой \ New Layer" в нижней части палитры слоев).

Шаг 9

Отключите видимость исходной папки "Весь текст" и откройте ее копию для дальнейших действий. Обратите внимание на наши текстовые слои. Нам необходимо их растрировать. Для этого, стоя на слое с текстом, нажмите правую клавишу мыши и в подменю выберете пункт "Растрировать текст\ Rasterizing Type" .

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

Шаг 10

Активируйте инструмент "Перо \ Pen Tool" (P) и нарисуйте контур вокруг левого верхнего угла текста "Let’s Grow", как показано ниже.

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

После закрытия контура, нажмите правую кнопку мыши непосредственно на конуре. Вы должны увидеть выпадающее меню, которое предложит вам несколько вариантов, нам необходим "Образовать выделенную область \ Make Selection".

После выбора подменю, вы увидите еще ​​одно окно, в котором вы можете просто нажать "OK", чтобы принять изменения и активировать ваш контур.

Не снимая выделение, перейдите на растрированный слой "Let’s Grow". Нажмите комбинацию клавиш Ctrl + J , чтобы дублировать часть этого текста. У вас будет создан новый слой выше слоя с текстом. Сдвиньте этот слой на несколько пикселей влево, а затем на несколько пикселей вверх, и вы должны получить результат как на картинке:

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

Опять же, повторяем эти шаги для растрированного слоя "Together. Вот наш результат:

Шаг 11

Загрузите и установите кисти "Космос". Создайте новый слой поверх всех остальных (назовите его "Кисти космос"). Выберите кисть из набора и установите ее цвет на белый, непрозрачность \ opacity - 30%. Сделайте несколько мазков кистью, чтобы добавить немного текстуры. Не забывайте делать сохранения вашей работы!

Шаг 12
Создайте копию слоя "Текст дым", который мы создали в начале урока. Дважды щелкните на копии и примените следующие стили слоя:

Для эффект "Внутреннее свечение \ inner glow" я использую цвет # A2DCFF, вы можете выбрать любой оттенок голубого. После того как вы применили эти настройки изображение выглядит так:

Шаг 13

Откройте изображение "текстура Космос" и перенесите его в ваш документ. Возможно, вам придется масштабировать изображение до полного заполнения холста. Назовите слой "Космос" и разместите его под слоем "Кисти космос". Уменьшаем непрозрачность \ opacity слоя до 80% ; меняем режим наложения на "Перекрытие \ Overlay" :

Шаг 14

Откройте изображение "Рыбки" (которое я нашел на Xchange) в новом документе. Как вы видите, это одна рыбка в трех различных положениях, и это хорошо, поскольку это поможет добавить некоторое разнообразие в наш постер. Дважды щелкните на фоновом слое и нажмите «OK», чтобы разблокировать его. С помощью инструмента "Прямоугольная область \ Marquee Tool" (M), выделяем любую рыбку:

Нажмите Ctrl + J , чтобы дублировать выделение на новый слой. После того как вы сделали это, выключите оригинальный слой:

Теперь все, что вам нужно сделать, это воспользоваться инструментом "Волшебная палочка \ Magic Wand Tool" (W). Выбираем часть белой области, которая остается вокруг рыбы и просто удаляем ее. Затем, перенесите первую рыбу в наш основной докумен.

Повторите этот шаг для двух других рыб. Далее размещайте рыбок как вам нравится: меняйте размер, вращайте. Когда вас устроит расположение рыб, примените "Размытие по Гауссу \ Gaussian Blur" (радиус 5 - 12) для рыбок которые находятся дальше от нас, чтобы создать иллюзию глубины. Кроме того, для рыб, которые кажутся меньше и дальше, уменьшить непрозрачность, для создания нужной атмосферы работы.

Не бойтесь экспериментировать с размещением рыбок, будьте индивидуальны!

Шаг 15

Откройте фото "под водной \ underwater " и разместите его в нашей работе. Мы должны сделать "Свободное трансформирование \ Free Transform" для того чтобы масштабировать изображение. Поместите фото под слой "Космос. Измените режим наложения на "Перекрытие \ Overlay". После того как вы сделали это, уменьшите непрозрачность до 60-62%, как показано на изображении ниже:

На данном этапе у вас должен быть примерно такой результат:

После нажатия на иконку, выберите "Яркость /Контрастность - Brightness / Contrast" и примените следующие настройки:

Шаг 17

Теперь я хочу добавить некоторые детали. Мы будем создавать специальную кисть "Пузырь".

Создайте новый документ, размером 200 × 200 пикселей; разрешение - 72dpi. На новом слое создайте круг, используя инструмент "Овальная область \ Marquee Tool" (M), залейте его черным цветом.

Шаг 18

Дважды щелкните на слое с кругом, чтобы открыть "Стиль слоя \ Layer Style" и примените со следующие настройки:
"Внутреннее свечение \ Inner Glow"

-"Наложение градиента \ Gradient Overlay"

В то время как диалоговое окно остается открытым, нажмите и перетащите градиент на круге немного вверх и влево.

Шаг 19

Перейдите "Изображение> Коррекция> Кривые \ Image>Adjustments>Curves" . Создайте три новых точки, задайте позицию точек, как показано на изображении ниже:

Шаг 20

Перейдите в меню "Слой>Новый корректирующий слой>Инверсия \ Layer> New Adjustment Layer> Invert", чтобы инвертировать темные области.

Результат будет выглядеть так:

Шаг 21

Нажмите кнопку выключения слоев, чтобы убедиться, что никто из них не выбрана, а затем перейдите к "Редактирование>определить кисть \ Edit> Define Brush Preset" . В диалоговом окне введите название кисти "Bubble", и нажмите ОК для подтверждения.

Вернитесь в свой рабочий документ и создайте новый слой в верхней части панели слоев. Выбираем инструмент "Кисть \ Brush Tool " , нажимаем клавишу F5 , чтобы открыть палитру кистей. В палитре выбираем нашу новую кисть " Bubble". Примените следующие настройки:

-"Динамика формы \ Shape Dynamics":

-"Рассеивание \ Scatter setting":

Нажмите клавишу F5 еще раз, чтобы закрыть палитру кистей. Кисть готова к использованию!

Шаг 22

Начнем рисовать!
Я добавил несколько маленьких пузырьков вблизи рта каждой из рыб. Каждый раз создавайте новый слой, рисуя пузырьки в другом месте. Это даст возможность контролировать настройки пузырей и что более важно - их непрозрачность \ opacity. Ниже я показал, где разместил воздушные пузырьки, а также то, что у меня разная непрозрачность \ opacity этих слоев:

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

Спасибо вам большое за выполнение этого урока, надеюсь, вы узнали некоторые полезные методы. Удачи!

Вот мы и закончили !

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

Вот что мы постараемся сделать.

Нравиться? Тогда начнем!

Для этой работы нужно взять такие исходники:
Картинка с изображением гитары
Из текстур - Бумага
Кисти: Круги, Цветочные узоры, Крылья

Вы нашли или у вас уже есть все необходимое? Начнем урок!

Шаг 1

Зайдите Файл – Новый документ (File>New) и задайте создание нового документа размером 1000px на 2000px.

Шаг 2

Из исходника мышкой перетащите в новый документ текстуру бумаги.

Шаг 3

Создайте еще один слой. Для этого идём в меню Слой - Новый слой (Layer> New Layer).

Затем на панели инструментов выбираем Кисть (Brush), на верхней панели выбираем вид кисти. Нам нужна круглая мягкая кисть. Наносим кистью произвольные абстрактные мазки, используя разные цвета (Color). Для выбора цвета нужно только кликнуть по нижнему окошку на панели инструментов, там видны цветные квадратики с предыдущим и новым цветами.

Шаг 4

Теперь созданную абстракцию нужно размыть. Для этого последуем по маршруту на верхней панели Фильтр – Размытие (Filter> Blur). Выбираем Размытие по Гауссу (Gaussian Blur).

Шаг 6

Снова создайте новый слой как указано в действии 3. На панели инструментов возьмите Прямолинейное Лассо (Polygonal lasso) и выделите прямоугольную часть под углом, чтобы получилась длинная полоска.

Шаг 7

С помощью Заливки (Fill) закрасьте полоску понравившимся вам оттенком. Для этого кликните курсором сначала на инструмент, выберите цвет на панели инструментов внизу (нижнее окошко) и затем кликните по полоске.

Шаг 8

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

Шаг 9

Теперь следует поменять режим наложения. Для этого идем Слой – Стиль слоя – Параметры наложения (Layer> Layer Style> Blend Mode). Выбираем режим Перекрытие (Overlay), а также уменьшаем Непрозрачность (Opacity) до 75%.

Шаг 10

Откройте картинку с изображением гитары и выделите гитару. Для этого можно использовать быстрое выделение (Quick selection) или прямолинейное лассо (Polygonal lasso). Когда выделение готово, нажимайте Редактирование – копировать (Edit>Copy), а потом на наш документ Редактирование - Вклеить (Edit>Paste). Можно просто перетянуть гитару на наш документ курсором. Слой с гитарой должен располагаться над остальными слоями.

Если же у вас есть картинка с гитарой в png. или рsd. форматах, достаточно просто перетащить гитару на свой документ поверх остальных слоев.

Шаг 11

Мы хотим, чтоб гитара выглядела правдоподобно, поэтому сделаем ей тень. Для этого жмем Слой – Стиль слоя – Тень (Layer> Layer style> Drop shadow).

Шаг 12

На еще одном вновь созданном слое снова выбираем не жесткую круглую кисть (Brush). Теперь поработайте кистью с оттенком # d5652c.

Шаг 13

Следует изменить режим наложения для полученного слоя по пути: Слой- Стиль слоя - Параметры наложения (Layer> Layer Style> Blend Mode). Потом выбираем Цветность (Color).

Шаг 14

Далее предстоит работа с кистями. Для каждой кисти нужно создать отдельный слой. Выбираем кисть Крылья, установив цвет # ffffff . Применяем эту кисть над гитарой, затем меняем режим наложения слоя: Слой - Стиль слоя - Параметры наложения (Layer> Layer Style> Blend Mode). Там в режиме вібираем Мягкий цвет (Soft light).

Шаг 15

Пришло время использовать кисть Цветочные узоры. Применяем произвольно их к гитаре, подойдут цвета #ffffff , # 000000 и # ba9b6f .

Шаг 16

Теперь почистим поверх гитары круглой кистью цвета # 000000 , установив непрозрачность на уровне 20%. Выбираем инструмент Ластик (Eraser) и чуть подчищаем им поверх гитары.

Шаг 17

Сделайте то же самое с использованием кистей Круги в различных цветовых оттенках. Слои с кругами расположите под слоем с гитарой. Для удобства все слои с кругами можно сгруппировать. Для этого идем по пути Слой – Сгруппировать слои (Layer> Group with previous).

Шаг 18

Теперь добавим текст. Возьмите на панели инструментов Текст (Text), выставьте желаемые параметры – шрифт, высота шрифта, цвет. Кликните по документу, проследив, чтоб слой с текстом был над остальными слоями. Напечатайте желаемую фразу, выставив в настройках текста цвет # 604f34 .

Шаг 19

Давайте сделаем текст более красивым при помощи стилей. Идем Слой – Стили слоя – Обводка (layer> Layer style> Stroke). Выбираем желаемый цвет и толщину обводки в настройках.

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

Давайте запустим Photoshop и приступим!

Материалы для урока:

Вот изображение, которое мы будем создавать сегодня:

Шаг 1

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

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

После загрузки шрифта, создайте новый документ 11" х 8,5" дюймов (inch); разрешение: 300 точек\дюйм (dpi) ; режим RGB.

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

Примечание переводчика: размер шрифта составит 50-110 пт (зависимо от вашей фразы).Центральную надпись сделайте в два раза больше чем остальной текст.

Фразу которую я придумал, можно разместить в три линии. Средняя линия будет написана жирным шрифтом (CODE bold), а первая и третья строки - обычным (CODE light). Центрируйте текст по вертикали и сохраните свою работу.

Шаг 2

Загрузите кисти "Дым". Создайте новый слой выше надписи жирным шрифтом. Назовите его как вам нравится (например "Дым"). После того как вы сделали это, используйте, на новом слое, различные кисти дыма в области текста "Bold", как показано на изображении ниже:

Шаг 3

Стоя на слое "Дым" , нажмите и удерживайте клавишу Ctrl , сделайте щелчек по миниатюре слоя с текстом "Bold", для активации выделения:

Затем нажмите Ctrl + J. Так мы создадим дубликат дыма, но уже в форме букв (назовите слой "Текст дым").
Выключите видимость слоя "Дым", а также оригинального текстового слоя "Bold", чтобы увидеть результат. Теперь слой "Дым" можно удалить.

Шаг 4

Создайте новый слой в самом верху палитры слоев. Выберите инструмент "Градиент \ Gradient Tool " (G). Убедитесь, что у вас используется "радиальный градиент \ radial gradient" - от белого к прозрачному. Настройки должны выглядеть как на картинке ниже:

На новом слое (назовите его "Сияние \ Lights"), который вы создали, используйте радиальный градиент несколько раз, размещайте его на изображении в областях, указанных на скриншоте:

Шаг 5

Создайте новый слой поверх всех остальных. Переключитесь на инструмент "Градиент \ Gradient Tool " (G). Далее, примените следующие настройки для вашего "радиального градиена \ radial gradient" :

"Протащите" линию градиента в направлении от середины холста до края (до любого угла), а затем измените режим смешивания этого слоя на "Линейный Затемнитель \ Linear Burn" .

Шаг 6

Измените режим смешивания слоя с текстом "Bold", на "Экран \ Screen". Дважды щелкните на этом слое и примените следующие настройки стиля слоя:

После применения настроек ваше изображение должно выглядеть примерно так:

Шаг 7

Перейдите на слой с текстом "Let’s Grow". Сделайте двойной щелчек по слою, для перехода в "Стиль слоя \ Layer Style" . Выбираем вкладку "Наложение градиента \ Gradient Overlay", а так же "Глянец \ Satin" . Настройки для вкладки "Глянец \ Satin" оставим по умолчанию.

В настройках "Наложение градиента \ Gradient Overlay" выбираем черно-белый линейный градиент; отметьте флажок "Инверсия \ Reverse" , как показано здесь:

После применения стиля к слою, щелкните по нему правой кнопкой мыши и выберете вкладку "Скопировать стиль слоя \ Copy Layer Style" . Далее перейдите на текстовый слой "Together", щелкните по нему правой кнопкой мыши и выберете вкладку "Вклеить стиль слоя \ Paste Layer Style" , чтобы применить те же настройки на этот текст.

Вернитесь к настройкам слоя "Together", в опции снимите флажок "Инверсия \ Reverse" .
Возможно, вам придется откорректировать положение слоя "Together". Если он попадает под тень слоя "Bold" - опустить его немного вниз.

Шаг 8

Выберите слой "Сияние \ Lights" и, удерживая клавишу Shift , выберите нижний слой с текстом (для создания выделения всех слоев, за исключением верхнего и фона), как показано ниже:

Нажмите Ctrl + G , чтобы поместить все эти слои в одну группу. Переименуйте группу в "Весь текст \ All Text".

Создайте дубликат группы (перетащить всю папку до значка "Создать новый слой \ New Layer" в нижней части палитры слоев).

Шаг 9

Отключите видимость исходной папки "Весь текст" и откройте ее копию для дальнейших действий. Обратите внимание на наши текстовые слои. Нам необходимо их растрировать. Для этого, стоя на слое с текстом, нажмите правую клавишу мыши и в подменю выберете пункт "Растрировать текст\ Rasterizing Type" .

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

Шаг 10

Активируйте инструмент "Перо \ Pen Tool" (P) и нарисуйте контур вокруг левого верхнего угла текста "Let’s Grow", как показано ниже.

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

После закрытия контура, нажмите правую кнопку мыши непосредственно на конуре. Вы должны увидеть выпадающее меню, которое предложит вам несколько вариантов, нам необходим "Образовать выделенную область \ Make Selection".

После выбора подменю, вы увидите еще ​​одно окно, в котором вы можете просто нажать "OK", чтобы принять изменения и активировать ваш контур.

Не снимая выделение, перейдите на растрированный слой "Let’s Grow". Нажмите комбинацию клавиш Ctrl + J , чтобы дублировать часть этого текста. У вас будет создан новый слой выше слоя с текстом. Сдвиньте этот слой на несколько пикселей влево, а затем на несколько пикселей вверх, и вы должны получить результат как на картинке:

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

Опять же, повторяем эти шаги для растрированного слоя "Together. Вот наш результат:

Шаг 11

Загрузите и установите кисти "Космос". Создайте новый слой поверх всех остальных (назовите его "Кисти космос"). Выберите кисть из набора и установите ее цвет на белый, непрозрачность \ opacity - 30%. Сделайте несколько мазков кистью, чтобы добавить немного текстуры. Не забывайте делать сохранения вашей работы!

Шаг 12
Создайте копию слоя "Текст дым", который мы создали в начале урока. Дважды щелкните на копии и примените следующие стили слоя:

Для эффект "Внутреннее свечение \ inner glow" я использую цвет # A2DCFF, вы можете выбрать любой оттенок голубого. После того как вы применили эти настройки изображение выглядит так:

Шаг 13

Откройте изображение "текстура Космос" и перенесите его в ваш документ. Возможно, вам придется масштабировать изображение до полного заполнения холста. Назовите слой "Космос" и разместите его под слоем "Кисти космос". Уменьшаем непрозрачность \ opacity слоя до 80% ; меняем режим наложения на "Перекрытие \ Overlay" :

Шаг 14

Откройте изображение "Рыбки" (которое я нашел на Xchange) в новом документе. Как вы видите, это одна рыбка в трех различных положениях, и это хорошо, поскольку это поможет добавить некоторое разнообразие в наш постер. Дважды щелкните на фоновом слое и нажмите «OK», чтобы разблокировать его. С помощью инструмента "Прямоугольная область \ Marquee Tool" (M), выделяем любую рыбку:

Нажмите Ctrl + J , чтобы дублировать выделение на новый слой. После того как вы сделали это, выключите оригинальный слой:

Теперь все, что вам нужно сделать, это воспользоваться инструментом "Волшебная палочка \ Magic Wand Tool" (W). Выбираем часть белой области, которая остается вокруг рыбы и просто удаляем ее. Затем, перенесите первую рыбу в наш основной докумен.

Повторите этот шаг для двух других рыб. Далее размещайте рыбок как вам нравится: меняйте размер, вращайте. Когда вас устроит расположение рыб, примените "Размытие по Гауссу \ Gaussian Blur" (радиус 5 - 12) для рыбок которые находятся дальше от нас, чтобы создать иллюзию глубины. Кроме того, для рыб, которые кажутся меньше и дальше, уменьшить непрозрачность, для создания нужной атмосферы работы.

Не бойтесь экспериментировать с размещением рыбок, будьте индивидуальны!

Шаг 15

Откройте фото "под водной \ underwater " и разместите его в нашей работе. Мы должны сделать "Свободное трансформирование \ Free Transform" для того чтобы масштабировать изображение. Поместите фото под слой "Космос. Измените режим наложения на "Перекрытие \ Overlay". После того как вы сделали это, уменьшите непрозрачность до 60-62%, как показано на изображении ниже:

На данном этапе у вас должен быть примерно такой результат:

После нажатия на иконку, выберите "Яркость /Контрастность - Brightness / Contrast" и примените следующие настройки:

Шаг 17

Теперь я хочу добавить некоторые детали. Мы будем создавать специальную кисть "Пузырь".

Создайте новый документ, размером 200 × 200 пикселей; разрешение - 72dpi. На новом слое создайте круг, используя инструмент "Овальная область \ Marquee Tool" (M), залейте его черным цветом.

Шаг 18

Дважды щелкните на слое с кругом, чтобы открыть "Стиль слоя \ Layer Style" и примените со следующие настройки:
"Внутреннее свечение \ Inner Glow"

-"Наложение градиента \ Gradient Overlay"

В то время как диалоговое окно остается открытым, нажмите и перетащите градиент на круге немного вверх и влево.

Шаг 19

Перейдите "Изображение> Коррекция> Кривые \ Image>Adjustments>Curves" . Создайте три новых точки, задайте позицию точек, как показано на изображении ниже:

Шаг 20

Перейдите в меню "Слой>Новый корректирующий слой>Инверсия \ Layer> New Adjustment Layer> Invert", чтобы инвертировать темные области.

Результат будет выглядеть так:

Шаг 21

Нажмите кнопку выключения слоев, чтобы убедиться, что никто из них не выбрана, а затем перейдите к "Редактирование>определить кисть \ Edit> Define Brush Preset" . В диалоговом окне введите название кисти "Bubble", и нажмите ОК для подтверждения.

Вернитесь в свой рабочий документ и создайте новый слой в верхней части панели слоев. Выбираем инструмент "Кисть \ Brush Tool " , нажимаем клавишу F5 , чтобы открыть палитру кистей. В палитре выбираем нашу новую кисть " Bubble". Примените следующие настройки:

-"Динамика формы \ Shape Dynamics":

-"Рассеивание \ Scatter setting":

Нажмите клавишу F5 еще раз, чтобы закрыть палитру кистей. Кисть готова к использованию!

Шаг 22

Начнем рисовать!
Я добавил несколько маленьких пузырьков вблизи рта каждой из рыб. Каждый раз создавайте новый слой, рисуя пузырьки в другом месте. Это даст возможность контролировать настройки пузырей и что более важно - их непрозрачность \ opacity. Ниже я показал, где разместил воздушные пузырьки, а также то, что у меня разная непрозрачность \ opacity этих слоев:

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

Спасибо вам большое за выполнение этого урока, надеюсь, вы узнали некоторые полезные методы. Удачи!

Вот мы и закончили !

В этом уроке мы будем создавать летний постер в Фотошопе.

В этом уроке вы узнаете, как из двух фото создать симпатичный летний постер в Adobe Photoshop. Техника основана на использовании режимов наложения и фильтров.

Шаг 1.

Итак, начнем. Для начала создаем новый документ, нажав Ctrl + N, высота (Height) 1800, ширина (Width) 1350 пикселей, разрешение 150 пикселей на дюйм (Pixels/Inch).


Шаг 2.

В меню выберите Файл > Поместить встроенные (File > Place Embedded) и откройте изображение девушки. В режиме трансформации (для вызова нажмите Ctrl+T ) немного увеличьте размер изображения, удерживая клавишу Shift , а затем поместите фото модели по центру рабочей области.

Шаг 3.

Выберите Инструмент Волшебная палочка - Magic Wand Tool (W) , установите параметр Допуск (Tolerance) на 10 и выделите фон . Используя этот же инструмент с зажатой клавишей Shift добавьте к уже имеющемуся выделению белый фон. Далее с зажатой клавишей Alt кликните левой кнопкой мыши на иконку Добавить маску слоя (Add a layer mask) внизу панели слоев.

Шаг 4.

Теперь создадим фон. Сначала добавим градиент. Кликните по иконке Создать новый корректирующий слой или заливку (Create new fill or adjustment layer) внизу панели слоев. Выберите черно-белый градиент и настройте градиент из следующих цветов #fef4da > #f5ca6c > #ecad2a > #e39a0a > #dd9302 , как показано на рисунке. Нажмите Ок . Выставьте угол (Angle) градиента на 90 градусов, масштаб (Scale) на 100% и нажмите Ок. Этот слой должен находиться под слоем с моделью.

Шаг 5.

В меню выберите Файл > Поместить встроенные (File > Place Embedded) и откройте изображение отеля. Трансформируйте (Ctrl +T) изображение так, как показано ниже. Далее правой кнопкой мыши в меню трансформирования выберите Перспектива (Perspective ) и исправьте искажение изображения.


Шаг 6.

Теперь измените режим наложения слоя с отелем на Замена светлым (Lighten) . Продублируйте этот слой, нажав Ctrl + J и поменяйте режим наложения сдублированного слоя на Осветление (Screen) . Сочетание двух этих режимов наложения дает в результате яркую светлую картинку.

Шаг 7.

Теперь добавим текстуру к изображению. Горизонтальные линии придадут стиль постера изображению. Итак, создайте новый слой, кликнув по иконке Создать новый слой (Create a new layer) внизу панели слоев. Установите основной и фоновый цвет по умолчанию, нажав клавишу D. В меню выберите Фильтр > Рендеринг > Облака (Filter > Render > Clouds). К этой текстуре примените Фильтр > Оформление > Меццо-тинто (Filter > Pixelate > Mezzotint). В выпадающем меню фильтра выберите Длинные линии (Long Lines) и нажмите ОК.


Шаг 8.

Чтобы преобразовать текстуру в линии перейдите в Фильтр > Размытие > Размытие в движении (Filter > Blur > Motion Blur) . Установите настройки: Угол (Angle) 45 градусов , Расстояние (Distance) 2000 пикселей. Чтобы линии были равномерными на всем пространстве холста, примените фильтр еще раз, нажав Ctrl + F . Отлично! Вы можете также поэкспериментировать с настройкой угла размытия, чтобы получить другие интересные текстуры.


Шаг 9.

Теперь нажмите Ctrl + L , чтобы открыть окно Уровни (Levels) . Выставьте такие настройки: черные (blacks) 90, средние тона (midtones) 1.30, белые (whites) 210 . Это добавит контраста черным и белым линиям текстуры. Теперь скройте слой с моделью, кликнув на иконку глаза слева от миниатюры слоя.


Шаг 10.

Перейдите на вкладку Каналы (Channels) и удерживая клавишу Ctrl кликните левой кнопкой мыши на миниатюре RGB , у вас должны были выделиться только белые линии. Теперь перейдите на вкладку Слои (Layers) , создайте новый слой (Ctrl + Shift + N) и залейте выделение белым цветом. Для этого убедитесь, что основным цветом выбран белый, нажмите Shift + F5, затем ОК.


Шаг 11.

На панели слоев нажмите иконку Сохранять прозрачность пикселей (Lock transparent pixels) и используйте Инструмент Кисть - Brush Tool (B) большого размера, около 700 пикселей с Жесткостью (Hardness) 0% и Непрозрачностью (Opacity) около 50% . Выбирайте разные цвета из панели Образцы (Swatсhes) и разукрашивайте линии (в уроке использованы следующие цвета #ff4c00, #ee00ff, #662d91, #00aeef) . Затем поставьте режим наложения этого слоя на Перекрытие (Overlay). Сгруппируйте все фоновые слои, кроме слоя с градиентом, нажав Ctrl + G.


Шаг 12.

Теперь включите видимость слоя с моделью и создайте выделение из маски слоя, удерживая Ctrl и кликнув левой кнопкой мыши на миниатюру слоя. Далее удерживая Alt создайте маску для группы с фонами (кликнув по иконке внизу панели слоев). Это делается для того, чтобы эффекты, которые мы будем применять к модели, не повлияли на фоновые слои. У вас должно получиться так, как показано ниже:

Шаг 13.

Итак, займемся моделью. Скройте все слои, кроме слоя с моделью. В меню выберите Выделение > Цветовой диапазон (Select > Color Range), в выпадающем меню Выбор (Select) установите Тени (Shadows), Диапазон (Range) 10, Разброс (Fuzziness) 25%.


Шаг 14.

Сдублируйте выделенную область со слоя с моделью (Ctrl + J) и скройте этот слой. Вернитесь к слою с моделью, снова выберите Цветовой диапазон (Color Range) и установите эти настройки: Диапазон (Range) 0, Разброс (Fuzziness) 3%. Сдублируйте выделение и поместите этот слой над предыдущим. Повторите этот процесс несколько раз, варьируя настройки, чтобы в итоге получить практически все изображение. Я сделал 8 слоев, чтобы получить результат, который вы можете видеть ниже. Не переживайте, что некоторые части изображения пропали. Это часть процесса стилизации.


Шаг 15.

Скройте оригинальный слой с моделью. Теперь мы поработаем с каждым из других слоев. Для темных слоев (тени/средние тона - (shadows/midtones) установите режим наложения на Перекрытие (Overlay) . Для светлых слоев (светлые тона) – на Осветление (Screen). Каждому из этих слоев установите Сохранять прозрачность пикселей (Lock transparent pixels). Затем возьмите Инструмент Кисть - Brush Tool (B) с настройками: размер (Size) 500 пикселей, жесткость (Hardness) 0, Непрозрачность (Opacity) 50%. Цвета можете выбрать такие: #0072bc, #92278f, #39b54a. Красьте кистью только на слоях с режимом наложения Перекрытие (Overlay), чтобы сделать тонировку.


Шаг 16.

Чтобы создать блестящую текстуру платья поменяйте режим наложения слоя из Шага 13 на Разделение (Divide) . Далее включите видимость оригинального слоя с моделью и установить его Непрозрачность (Opacity) на 73% и Заливку (Fill) на 40%.


Шаг 17.

Сгруппируйте все слои с моделью (Ctrl + G) и сдублируйте группу (Ctrl + J) . Слейте слои в одной из групп в один слой, нажав сочетание клавиш Ctrl + E . Измените режим наложения получившегося слоя на Перекрытие (Overlay) и установите значение Заливки (Fill) на 70%.


Шаг 18.

Продублируйте слитый слой с моделью два раза и преобразуйте каждый из них в смарт-объект, нажав правую кнопку мыши и выбрав в меню Преобразовать в смарт-объект (Convert to Smart Object). В меню выберите Фильтр > Другие > Цветовой контраст (Filter > Other > High Pass), установите радиус (Radius) в 10 пикселей. Этот слой повысит резкость и детализацию изображения.


Шаг 19.

К верхнему слою с моделью примените фильтр Свечение краев (Glowing Edges) из галереи фильтров, в меню Фильтр > Галерея фильтров > Стилизация > Свечение краев (Filter > Filter Gallery > Stylize > Glowing Edges) с такими настройками: Ширина краев (Edge Width) 1, Яркость краев (Edge Brightness) 8, Смягчение (Smoothness) 5. Режим наложения этого слоя поставьте Осветление (Screen) . Таким образом мы создадим эффект, который сделает фото больше похожим на рисунок.
Похоже работает фильтр Выделение краев (Find Edges) – в меню Фильтр > Стилизация > Выделение краев (Filter > Stylize > Find Edges), только обводка в данном случае будет темной и вам нужно будет применить режим наложения Умножение (Multiply).


Шаг 20.

Добавим немного контраста изображению. В меню выберите Слой > Новый корректирующий слой > Уровни (Layer > New Adjustment Layer > Levels) . Выставьте значения: черные (Blacks) 99, средние тона (Midtones) 1.14, белые (Whites) 255. Измените режим наложения на Умножение (Multiply). Зажмите клавишу Alt и перетащите маску группы с фонами на этот корректирующий слой, чтобы он не применялся к изображению модели.


Шаг 21.

Теперь поэкспериментируем с тонировкой изображения. Разберем 3 разных варианта. Создайте новый корректирующий слой: Слой > Корректирующий слой > Карта градиента (Layer > New Adjustment Layer > Gradient Map) под группой с моделью. Выставьте градиент из следующих цветов: #030303 > #0c0b0b > #3a3732 > #77736a > #92b9cc > #cfe0e8 > #fcfcfc, как показано ниже.


Шаг 22.

Далее кликните на маску корректирующего слоя, в меню выберите Фильтр > Рендеринг > Облака (Filter > Render > Clouds ). Чтобы сделать облака контрастнее нажмите Ctrl + L и выставьте значения: черные (blacks) 105, средние тона (midtones) 1, белые (whites) 120.


Шаг 23.

При выделенной маске слоя перейдите в Фильтр > Эскиз > Полутоновый узор (Filter > Sketch > Halftone Pattern) . Настройте фильтр следующим образом: размер (Size): 2, контраст (Contrast) 25, тип узора (Pattern Type): Линии (Lines).
Этот замечательный эффект еще больше подчеркивает стиль постера и придает изображению законченный вид.


Шаг 24.

Вернитесь к корректирующему слою. Если вы установите режим наложения этого слоя на Затемнение основы (Color Burn) цвета станут более богатыми и глубокими. Но если вы выставите режим наложения Цветовой тон (Hue) , вы получите красивые бирюзовые тени, гармонирующие с композицией.
Вы также можете поэкспериментировать с такими режимами наложения, как: Темнее (Darker Color), Осветление (Screen) и т.д.

Шаг 25.

Этот шаг можете выполнить по желанию. Можете добавить текст, в данном случае – это декоративный текст. Выберите инструмент Текст - Horizontal Type Tool (T) и наберите любой текст на ваше усмотрение. Установите шрифт Brush Script Std Medium размером 205 пикселей цвета #fff200 . С помощью трансформирования (Ctrl +T) поверните текст. Поместите этот слой под слой с градиентом.


Шаг 26.

Можете добавить тексту стиль. Два раза кликните по слою с текстом и поставьте галочки в окошках Внутреннее свечение (Inner Glow), Наложение градиента (Gradient Overlay) и Внешнее свечение (Outer Glow) . Для стилей Внутреннее свечение и Внешнее свечение поставьте одинаковые настройки: режим наложения: Осветление (Screen), Непрозрачность (Opacity): 35%, размер (Size): 7px. Для стиля Наложение градиента установите режим наложения Замена светлым (Lighten), Непрозрачность (Opacity): 75%, цвета градиента: #ff7102 > #ffff00 > #ff7102, тип (Style): Линейный (Linear), угол (Angle): 127 и кликните ОК.

Шаг 27.


Создание постера в стиле киноафиши к фильму Эволюция Борна/The Bourne Legacy (2012) в Photoshop CS6. Это - простое учебное руководство, подходящее для новичков, и поэтапно рассказывающее о методе создания афиши, используя базовые методики редактирования.

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

Шаг 1

Открываем фотографию, над которой будем работать в Photoshop. Для этого проделываем нехитрые File -> Open. Рекомендуется использование фотографии с высоким разрешением, т.к. в ходе урока над исходным файлом будет проведена операция кропа (обрезки).

Шаг 2

Щелчок правой кнопкой мыши на слое и выбираем ‘Преобразовать в смарт-объект’ (Convert to Smart Object). Данная операция позволит нам, при необходимости, применить методы обратимого редактирования над рабочим слоем.

Шаг 3

Прежде чем начать манипуляции нам необходимо добавить слой и разместить его ниже ‘рабочей’ фотографии. Для этого необходимо совершить следующие действия: перейдите в меню Слои -> Новый слой заливка -> Цвет (Layer -> New Fill Layer -> Solid Color), выбрать черный цвет, затем нажмите кнопку ОК.

Шаг 4

В панели слоев (Window -> Layers), перетащите слой с заливкой под рабочий и задайте имя каждому, при желании, как это показано на рисунке ниже.

Шаг 5

Для начала мы добавим эффект песка (зернистости) фото при помощи корректирующих слоев и фильтров.

Начнем с добавления черно-белого корректирующего слоя Слои -> Новый корректирующий слой -> Черно-белое (Layer -> New Adjustment Layer -> Black & White), укажем режим наложения для данного слоя на Перекрытие (Overlay). При этом не стесняйтесь, поиграйте с настройками в панели свойств (Window -> Properties).

Шаг 6

Затем добавим слой Вибрация (Vibrance) регулировки Слои -> Новый корректирующий слой -> Вибрация (Layer -> New Adjustment Layer -> Vibrance). Уменьшим значение вибрации, дабы получить необходимый оттенок.

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

Шаг 7

Корректирующие слои выполнили свою работу) и на исходной фотографии получился эффект плохого освещения, что скрывает детали и делает фон темным. При этом у нас не стоит задача сделать изображение объекта слишком темной, ввиду того, что он может слиться с общим фоном и сделать полосы едва заметными.
Чтобы исправить эту ситуацию, мы применим регулировки Тени/Света (Shadows / Highlights). В панели слоев, выберите слой с фотографией, затем переходим по пути Изображение -> Коррекция -> Тени/Света (Image -> Adjustments -> Shadows / Highlights. Установить тени около 35%, а свет до 15% нажмите кнопку ОК.

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

Шаг 8

Далее мы добавим немного песка нашему изображению, при этом воспользуемся фильтром добавления шума, применяя его в качестве смарт-фильтра, как и предыдущем шаге.
Убедитесь в том, что у Вас выбран слой с фотографией и откройте в верхнем меню Фильтр -> Шум -> Добавить (Filter -> Noise -> Add Noise). Устанавливаем чекбокс напротив “Монохромный” и выбираем параметры таки образом, чтобы получилось нечто похожее на изображение ниже. Нажмите кнопку ОК, чтобы завершить операцию.

Шаг 9

Теперь перед нами стоит задача обрезать и повернуть изображения.
Выберите инструмент Рамка (Crop (C)), и на панели параметров, отключить опцию "Удалить обрезанные пиксели" (Delete Cropped Pixel) вариант, что позволит нам в любой момент внести коррективы. Обрезаем изображение, как показано на рисунке ниже.

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

Шаг 10

Что же пришло время добавить текст, да покричащеJ к нашему изображению. Это процедуру необходимо провести до добавления полос по понятным причинам… а иначе, как вы узнает, куда поместить полоску позже. Далее в панели слоев выбираем верхний слой для того, чтобы, при добавлении текста он всегда появлялся над ним, пустячок, а приятно. Выбираем инструмент Текст и тут у Вас простор для творчества, в плане выбора размера и начертания шрифта, в данной работе Arial. Стоит заметить, что каждое слово - отдельный слой.

Шаг 11

Выбираем все текстовые слои (зажав CTRL) и объединяем их в группу (Слои -> Сгруппировать слои или Ctrl+G), чтобы глаза не мозолили. Переименовываем при необходимости.

Шаг 12

Ту же операцию проделываем и для слоев, связанных непосредственно с фотографией (Вибрация, Черно-белое, и фотография героя) и даем ей имя ‘Фотография’.

Шаг 13

Теперь мы собираемся добавить полосы. Это очень легко сделать инструментом инструмент ‘Выделение прямоугольной рамкой’ (Rectangular Marquee Tool). Выбираем его в панели параметров устанавливаем режим "Добавить к выделенному" (Add to Selection) - 2 пиктограмма слева. Так же, убедитесь, что размер пера установлен в 0px. Нарисуйте прямоугольник, как показано на изображении ниже.

Начните с рисования прямоугольника вокруг текста и глаз, остальные добавите позже, затем добавить еще позже. Если вы допустили ошибку, просто нажмите Ctrl + Z, чтобы отменить. Хотите начать все сначала? Нажмите сочетание клавиш Ctrl + D, чтобы снять выделение и начать заново.

Шаг 14

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

А выглядит это все никак иначе, как следующим образом.

Шаг 15

Мы почти закончили! Выбираем инструмент ‘Выделение прямоугольной рамкой’ и создаем выделение вокруг текста. Прежде убедитесь, что цвета переднего / заднего плана цвета установлены по умолчанию (белый, / черный), если это не так нажмите D, чтобы сбросить цвета. Нажмите клавишу Delete, чтобы заполнить выделенную область черным цветом. Нажмите сочетание клавиш Ctrl + D, чтобы снять выделение.

Когда вы закончите, установите режим выделения обратно в Новое выделение (как показано на рисунке).

Шаг 16

В палитре слоев щелкните на слое маски группы ‘Фотография’ - убедитесь, что вы нажали на миниатюру, так что вы редактируете маску слоя.


Нажмите D на клавиатуре, чтобы сбросить цвета фона и затем нажмите кнопку Delete на клавиатуре. Это позволит заполнить выделенную область черным цветом. Нажмите сочетание клавиш Ctrl + D, чтобы снять выделение, когда вы закончите. Вот то, что мы имеем на данный момент.

Шаг 17

Выше мы вели речь о полезных свойствах Smart Filters. Вот пример ситуации, где вы сможете использовать. Фотография героя на данном фоне кажется, слишком неестественно темной для исправления ситуации щелчок по регулировкам Тени/Света. Без Smart Filters, вам бы пришлось отменить многого операций.

Уменьшим тени и увеличим свет для более реалистичного вида. Нажмите кнопку ОК, после того, как вы отрегулировали настройки.

Шаг 18

Завершая работу, добавим небольшой градиент к тексту. Щелкните правой кнопкой мыши на любом из текстовых слоев выберите Параметры наложения (Blending Options).

Чекбокс напротив Наложение градиента (Gradient Overlay) затем установите параметры, указанные ниже. Нажмите кнопку ОК, когда закончите.