Как сделать постер вшопе


Как сделать постер вшопе

Как сделать постер вшопе

Как сделать постер вшопе



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

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

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

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






Шаг 1
Прежде всего, нам нужно отделить модель от оригинального фона на стоковом изображении. А так как я считаю себя человеком ленивым, и сделаю это наиболее легким способом. Выделю фон при помощи инструмента Волшебная палочка (Magic Wand Tool). Но предварительно нужно особым образом настроить инструмент: активируйте на панели опций в верхней части окна программы режим Добавления к выделенной области (add selection), уменьшите величину Допуска (Tolerance), а так же поставьте галочку на пункте Смежные пиксели (Contiguous). В результате нужная выделенная область будет создана в несколько кликов по разным участкам фона.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 2
Кликните по кнопке Быстрая маска (Quick mask) чтобы войти в режим ее редактирования. При этом режиме красным цветом будут обозначены изолированные области. И как вы можете заметить ниже, некоторые участки этих изолированных областей нужно слегка подправить.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 3
Сделать этот очень просто. Нужно просто при помощи инструмента Лассо (Lasso Tool) создать дополнительные выделенные области, включающие эти участки, и залить их черным цветом. В конце снять выделение сочетанием клавиш Ctrl+D.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 4
Продолжайте работать инструментом Лассо (Lasso Tool), корректируя остальные изолируемые области.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 5
Выйдите из режима быстрой маски, повторным кликом по соответствующей иконке. На данный момент у нас есть выделенная область, но помните, что выделили мы фон, а не модель. Инвертируем выделенную область: Выделение > Инверсия (Select> Inverse).

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 6
Можете заметить, наличие на выделенной области неестественно резких, зазубренных граней. Чтобы смягчить выделенную область, кликните по кнопке Уточнить край (Refine Edge) и задайте показанные ниже установки. Поэкспериментируйте с параметрами раздела Настройка края (Adjust Edge) до тех пор, пока не получите удовлетворительный результат. Нажатием ОК закройте данное диалоговое окно.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 7
Нажмите Ctrl+N, чтобы создать новый документ. Задайте размер 800x1200 пикселей, разрешение 300 пикселей на дюйм (ppi), и нажмите ОК.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 8
Скопируйте и вставьте на только что созданный документ отделенную от фона модель. Активируйте Свободную трансформацию (Ctrl+T) и подкорректируйте размер и положение модели.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 9
Обесцветьте танцовщицу при помощи сочетания клавиш Стр+Shift+U, либо пройдите в меню Изображение > Коррекция > Обесцветить (Image> Adjustment> Desaturate).
Продублируйте слой с танцовщицей: Ctrl+J и установите его в режим наложения дубликат в Режим наложения (Blend Mode) – Перекрытие (Overlay). В результате модель станет более контрастной.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 10
Выберите инструмент Эллипс (Ellipse Tool) и начертите круг красного цвета расположив его чуть ниже модели. Задайте на панели опций в верхней части окна программы цвет Обводки (Stroke) – белый, а ее ширину – 5 пикселей. Чтобы удвоить эффект, примените к слою с кругом стиль слоя Обводка (Stroke) с настройками, приведенными ниже:

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 11
Следующий шаг очень простой: мы добавим текст внутрь круга. В данном случае я использовал шрифты “Bebas” и “Century Gothic”. Если вам лень набирать текст, попросите сделать это за вас вашего друга (шучу).

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 12
Чтобы создать двойную линию под строчкой “Street Dance”, просто напечатайте символ “равно”. Здесь можно использовать любой шрифт, но, по моему, с остальным текстом лучше всего будет сочетаться именно Bebas.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 13
Пройдите в меню Шрифт > Преобразовать в кривые (Type> Convert to Shape). Теперь, когда наш знак равно превратился в обычную фигуру, можно просто вытянуть его при помощи Свободной трансформации (Ctrl+T).

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 14
Теперь пройдите в меню Редактирование > Трансформирование > Перспектива (Edit> Transform path> Perspective) и сместите одну из вершин фигуры как показано на изображении ниже:

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 15
Добавьте еще один круг красного цвета, просто скопировав для этого предыдущий (выделите его на палитре слоев и нажмите Ctrl+J). Уменьшите второй круг и задайте ширину обводки: 1 пиксель (и на панели опций в верхней части окна программы, и в диалоговом окне стилей слоя)

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 16
Я предполагаю, что к этому шагу вы уже скачали все, необходимые для выполнения урока, ресурсы, включая и набор с 3D-объектами.
Пройдите в меню Файл > Поместить (File> Place…) чтобы добавить на холст файл вот с такой 3D-фигурой. Активируйте Свободную трансформацию (Ctrl+T), подкорректируйте размер и положение этой фигуры, после чего нажмите Enter. 3D-объект был добавлен на холст в виде смарт-объекта (это означает, что мы можем редактировать и изменять фигуру так, как нам заблагорассудится, но ее качество от этого не пострадает, так как она защищана.)

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 17
Примените к слою с 3D-фигурой стиль слоя Наложение цвета (Color Overlay). Задайте красный цвет и установите этот слой в Режим наложения (Blend Mode) – Умножение (Multiply). Как только нажмите ОК, цвет фигуры изменится на красный.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 18
Добавьте еще одну 3D-визуализацию поверх предыдущей. На изображении ниже показано, что примерно должно получиться в результате:

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 19
Повторите процесс, описанный в шаге 17 для обеих добавленных фигур, перекрашивая их в красный цвет.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 20
Откройте стоковое изображение с голубем. Мы используем только его правое крыло, поэтому выберите инструмент Перо (Pen Tool) и обведите его по контуру. Убедитесь, что в настройках инструмента на панели опций в верхней части окна программы задан режим рисования: Контур (Path). У вас есть отличная возможность попрактиковаться в работе с инструментом Перо.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 21
Закончив с вычерчиванием контура, кликните по нему ПКМ и выберите в открывшемся контекстном меню пункт Образовать выделенную область (Make Selection). В результате откроется диалоговое окно с дополнительными настройками для будущей выделенной области. Однако я не воспользовался ими и сразу нажал ОК.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 22
Скопируйте и вставьте выделенное перо на свой холст, расположив его под слоем с моделью. При помощи Свободной трансформации (Ctrl+T) подкорректируйте размер и положение крыла, как показано на изображении ниже:

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 23
Измените цвет крыла на красный способом, который уже должен быть вам знаком. Примените к крылу стиль слоя Наложение цвета (Color Overlay), только задайте на этот раз более темный оттенок красного. Установите слой с крылом в Режим наложения (Blend Mode) – Яркий свет (Vivid Light).

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 24
Нажмите Ctrl+J, чтобы создать дубликат слоя с крылом. Затем создайте под ним пустой слой, кликнув при нажатой клавише Ctrl, по иконке Создания нового слоя в нижней части палитры слоев.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 25
Кликните по копии слоя с крылом ПКМ и выберите в открывшемся контекстном меню пункт Объединить с предыдущим (Merge Down). В результате слой-копия и пустой слой под ней будут объединены в один, стиль слоя Наложение цвета (Color Overlay) будет удален, а вот эффект от его применения останется.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 26
Переместите объединенный слой с крыльями поверх всех существующих слоев, после чего установите его в Режим наложения (Blend Mode) – Перекрытие (Overlay).

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 27
Повторите процесс, описанный в шагах 24-26 в для слоя, содержащего фигуру Octave. Только в конце установите его в Режим наложения (Blend Mode) – Умножение (Multiply). Если все было сделано правильно, вот что у вас должно получиться в результате:

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 28
Откройте стоковое изображение с пейзажем. Скопируйте и вставьте пейзаж на свой рабочий документ. Расположите его под всеми существующими слоями. Здесь возможно придется немного сместить или повернуть пейзаж, так, чтобы видимой оказалась наиболее интересная его часть.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 29
Пройдите в меню Изображение > Коррекция > Обесцветить (Image> Adjustment> Desaturate), чтобы обесцветить пейзаж. Затем уменьшите Непрозрачность (Opacity) слоя до 40%.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 30
Создайте новый слой над слоем с городским пейзажем, и назовите его как-нибудь вроде “Черный винтаж”. Затем выберите мягкую круглую кисть (уменьшите ее Жесткость (Hardness) до 0%, а Непрозрачность (Opacity) до 30%.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

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

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 32
Теперь создайте над слоем с черной виньеткой еще один слой и назовите его, например, “Белая экспозиция”, или как-нибудь в этом духе. Теперь прокрасьте этой же кистью центральную часть холста белым цветом. Смотрите скриншот ниже:

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 33
Откройте стоковое изображение с голубем. Наиболее легким методом отделения птицы от фона, в данном случае, является использование инструмента Быстрое выделение (Quick Selection Tool (W)). Выберите инструмент и начинайте создавать выделенную область кликая вдоль краев голубя.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 34
Мы создали выделенную область довольно легко и быстро, а все, что создается быстро, как правило, требует последующей доработки. Пройдите в меню Выделение > Уточнить край (Select> Refine Edge). Поставьте галочку на пункте Умный радиус (Smart radius) и поэкспериментируйте с настройками раздела Настройки края (Adjust Edge), добиваясь смягчения граней. В конце нажмите ОК.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 35
Скопируйте и вставьте птицу на свой документ, расположив слой над слоем с красным кругом. Активируйте Свободную трансформацию (Ctrl+T), подкорректируйте размер и положение голубя как показано на изображении ниже:

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 36
Вы можете заметить черные грани, присутствующие на птице. Избавиться от них достаточно легко. Пройдите в меню Слои > Обработка краев > Удалить черные края (Layer> Matting> Remove Black Matte). И все!

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 37
Продублируйте слой с птицей (Ctrl+J), и пройдите в меню Редактирование > Трансформирование > Отразить горизонтально (Edit> Transform> Flip Horizontal). Расположите дубликат слева от красного круга. Активируйте Свободную трансформацию (Ctrl+T), и уменьшите ее размер.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 38
Откройте показанное ниже стоковое фото с пером. Пройдите в меню Выделение > Цветовой диапазон (Select> Color Range). С помощью этого диалогового окна мы можем выделить перо, задав образец цвета с его поверхности. Кликните пипеткой по наиболее яркой части пера. Затем увеличьте величину параметра Разброс (Fuzziness) до 200.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 39
Вот что у вас должно получиться. Кликните ОК, чтобы закрыть диалоговое окно и применить заданные в нем настройки. Выделенная область готова!

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 40
Вставьте выделенное перо над слоем с птицей. Активируйте Свободную трансформацию (Ctrl+T), и расположите его как показано на изображении ниже:

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 41
Чтобы перо лучше гармонировало с фоном, установите его слой в Режим наложения (Blend Mode) – Экран (Screen).

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 42
Теперь, чтобы создать ощущение глубины на композиции, мы применим гауссовское размытие: Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur). Задайте Радиус: 1,5 пикселя и нажмите ОК.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 43
Далее, используя описанную выше технику, мы добавим еще одно перо. Расположите его в левом верхнем углу холста и снова примените Размытие по Гауссу, задав на этот раз Радиус: 1 пиксель.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 44
Добавим третье перо в правой части красного круга, чуть выше птицы. Примените к нему Гауссовское размытие радиусом 0,5 пикселя.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 45
Скачайте набор с бликами. Пройдите в меню Файл > Поместить (File> Place) и выберите какое-нибудь изображение с бликом, которое вам понравилось. В моем случае: “optical-7″. Нажмите Enter, чтобы вставить выбранный блик в качестве смарт-объекта. Не забудьте расположить его над всеми существующими слоями.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 46
Выберите инструмент Прямолинейное лассо (Polygonal Lasso) и создайте выделенную область наподобие той, что показана ниже.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 47
Кликните по иконке создания слоя-маски в нижней части палитры слоев (Add layer mask), чтобы сделать из этой выделенной области слой-маску.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 48
Самое главное – не забыть установить этот слой в Режим наложения (Blend Mode) – Экран (Screen), чтобы избавиться от черного фона. Теперь вы можете с легкостью трансформировать ваш блик как вам заблагорассудится.

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Шаг 49
Продублируйте слой с бликами и расположите дубликат между слоями с птицами и моделью, как показано на примере ниже. На этом урок закончен! Мои поздравления! Вы создали постер!

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам

Законченное изображение

Создание в фотошопе броского постера - объявления о соревнованиях по уличным танцам
Источник: http://zerolayer.ru/photoshoptutorials/creativ/42767-sozdanie-v-fotoshope-broskogo-postera-obyavleniya-o-sorevnovaniyah-po-ulichnym-tancam.html



Как сделать постер вшопе фото



Как сделать постер вшопе

Как сделать постер вшопе

Как сделать постер вшопе

Как сделать постер вшопе

Как сделать постер вшопе

Как сделать постер вшопе

Как сделать постер вшопе

Как сделать постер вшопе

Как сделать постер вшопе