Создаем красивый постер с красками

26
Авг
2010

Создаем красивый постер

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

Как обычно, идею я беру с урока, но выполнение некоторых шагов или некоторые элементы я изменяю под свой вкус, так что, если Вы доверяете мне, создавайте постер с моего урока, если нет, то с урока автора. Выбор за Вами!

О, чуть не забыл, в конце поста Вас ждет еще несколько обоев для рабочего стола с этим вот коллажем ;)

Итак, приступим.

.01 Автор брал кроссовок от Nike, но я как фанат Converse, взял вот этот кроссовочек.

Так как сайт реализован на Flash-е, делаем принтскрин страницы, вставляем в Фотошоп и с помощью Pen Tool (P) выделяем кроссовок, жмем Ctrl+Enter и отделяем его от фона.

.02 Создаем новый документ (я брал 1200х900) с белым фоном и переносим на него наш выделенный кроссовок (все изображения кликабельны).

Гранжевый постер

.03 Далее качаем набор гранжевых фонов (автор брал другие фоны) и оттуда берем фон под номером 15. Данный фон перемещаем под слой с кроссовком. Размеры фона как раз соответствуют размеру нашего документа.

Красивый постер

Далее обесцвечиваем фон (Ctrl+Shift+U) и изменяем режим смешивания слоя на Overlay. Все стало белое, да? Не страшно. Помните у нас есть слой с белым фоном? Вот нам нужно его разблокировать: дважды щелкаем по этому слою (замочек справа должен пропасть). Теперь заходим в свойства слоя (опять двойной щелчок по слою) и выбираем Color Overlay, ставим цвет #9c9c9c. Далее изменяем непрозрачность слоя (Opacity), ставим 75%.

Псотер с кроссовком

.04 Фон готов. Теперь нужно создать, кагбэ, пол, на которым стоит кроссовок. Дублируем слой с фоном (Ctrl+J), изменяем на дублированном слое режим смешивания на Normal, далее жмем Ctrl+T (или M → правой кнопкой мыши → Free Transform) и сжимаем слой по вертикали, далее опять правой кнопкой мыши по фону и выбираем Perspective (чтобы пол был, кагбэ, в перспективе) и расширяем нижние углы (только не перестарайтесь).

Создаем постер в Фотошопе

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

Создаем постер в Photoshop

Чтобы сделать немного темнее пол, добавим контрастности (Layer → New Adjustment Layer → Brightness/Contrast), как на скриншоте.

Создаем рекламный постер в Photoshop

И еще немного затемним углы: создаем новый слой (выше слоя с полом) и мягкой черной кисточкой проводим по углам, далее снижаем непрозрачность слоя до 10%.

Создаем рекламный постер в Фотошопе

Практически все, нам осталось немного осветлить фон сзади кроссовка. Как утверждает автор, данная подсветка сцены усиливает внимание на предмет, я не спорю :) Для этого давайте создадим новый слой ниже слоя с кроссовком и мягкой кистью большого размера нанесем пятно белого цвета, непрозрачность слоя ставим 60%.

Как создать рекламный постер

Все, фон готов!

.05 Пришло время красок. Нам нужно добиться эффекта, как-будто кроссовок разлетается в брызги красок.

Определяем цвета будущих красок с помощью пипетки (I).

Как создать постер

.06 Теперь качаем архив с брызгами.

Для подошвы я выбрал брызги под номером 2. Открываем картинку с этими брызгами в Фотошопе, разблокируем слой (двойной щелчок по слою) и инструментом Magic Wind (W) выделяем ненужный нам фон и удаляем его (Delete). Картинку перетягиваем на документ с нашим коллажем. Брызги имеют большой размер, так что с помощью Ctrl+T уменьшаем размеры и подгоняем под размеры кроссовка, немного поворачиваем под нужный нам угол.

Создаем рекламу кроссовок

Теперь нам нужно получить требуемые цвета красок, для этого создаем слой Gradient Map (Layer → New Adjustment Layer → Gradient Map). Для того, чтобы этот слой применился только на наш брызг, нужно применить Clipping Mask (Alt+Ctrl+G или Layer → Create Clipping Mask). Далее настраиваем цвета градиента: от #b3b3b0 до #d7d5d3.

Как создать рекламу кроссовок

Теперь откорректируем немного контрастность (Layer → New Adjustment LayerBrightness/Contrast), выставим: Brightness: -150 и Contrast: 100 и также применим Clipping Mask.

Коллаж с краской

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

Создаем коллаж с краской

.07 Теперь переходим к цвету, который выше на кроссовке, для него я выбрал брызг под номером 16.

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

Как создать коллаж

Как и в предыдущем шаге, используем Gradient Map (от #623f51 до #4b2d3f и ставим Reverse) и Clipping Mask. Еще добавим Curves (Layer→ New Adjustment LayerCurves) и не забудем к ним применить Clipping Mask.

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

Создание коллажа

.08 Следующий цвет - белый (изображение под номером 7). Повторяем все действия с переносом изображения на наш документ.

Коллаж с краской и кроссовками

Опять-таки создаем Gradient Map (от #bbbbbb до #f2efec) и применяем к нему Clipping Mask.

Для этого слоя с брызгом также создаем маску и маскируем части, которые нам мешают.

Красивый коллаж

.09 Последний брызг (картинка номер 9). Я думаю, Вы уже знаете, что нужно с ней сделать :) Кстати, поместите слой с этой краской ниже слоя с белой краской.

Рекламные постеры

Когда изображение с брызгом перенесли на коллаж, уменьшили и повернули, снова создаете Gradient Map (от #4c3d5f до #49395f и выбираете Reverse), а также применяете к нему Clipping Mask. Еще добавьте Curves и не забудем за Clipping Mask.

Как и с предыдущими слоями, для этого также создаете маску и маскируем части, которые мешают.

Создание постеров

Все, с красками покончено!)

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

.10 Теперь создадим тень под подошвой. Создайте новый слой (ниже слоя с кроссовком) и мягкой черной кисточкой сделайте несколько штрихов под подошвой, измените непрозрачность слоя на Ваш вкус. Лучше создать несколько слоев с разными штрихами и непрозрачностью, так будет легче манипулировать слоями с тенью (у меня непрозрачность слоев колеблится от 5 до 15%).

Коллаж Photoshop

Постер практически готов!

.11 Автор еще советует подкорректировать контраст всего коллажа и я с ним согласен! Выше всех слоев создайте Gradient Map (от #000000 до #ffffff), измените режим смешивания слоя на Overlay и непрозрачность слоя (Opacity) понизьте до 30%.

Еще я добавил логотип Converse и адрес своего сайта.

Создаем красивый постер с красками

Вот теперь точно все! :)

Что скажите, как Вам урок? Если есть вопросы, буду рад ответить в комментариях ;)

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

1024x768

1280x800

1280x960

1280x1024

1440x900

1600x1200

Качайте на здоровье! ;)

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

Подписаться на RSSВы можете подписаться на RSS или на E-mail рассылку:

Оставить комментарий с помощью формы ВКонтакте

Комментариев (17) к “Создаем красивый постер с красками”

  1. extezy пишет:

    Шо это за кеды? Тя такое прет?
    За урок сенки, смысл ясен. 8)

  2. MrRobby пишет:

    да классный урок) Люблю конверсы, такой “разливающийся” стиль постеров, да и сам работал с этими брызгами =) =) Все очень понравилось, обоину добавил себе в коллекцию ;) ;)

  3. Natasha Klever пишет:

    Отличный урок!
    Спасибо за архив с брызгами )))

  4. galaxy пишет:

    это не кроссы, а кеееееееееееды….

    С автором у вас есть кое-что общее, вы оба с тенями на “ВЫ”, хотя твоя получше забугорного чувака…но ТЫ, Олег Михайленко, мог бы и получше кед вырезать. Че эт за грязь на подошве, а?

    И ты видел какие брызги в оригинальном уроке? а у тя они совсем потеряли объемность. Как был засос у “extezy” вердикт твоим брызгам – “гуано” :Р

    Все, не буду тя хвалить, ато ваще забалделся. :P

    • Oleg Mykhailenko пишет:

      Ладно, ладно-ладно, ладно-ладно-ладно, пусть будут кеды) :-D

      Как же я буду радоваться тому дню, когда ты скажешь: “наконец-то мне понравилась тень от объекта!” :-D

      То не грязь на подошве, так надо) :-D не шаришь 8)

  5. vadim пишет:

    Да какая разница кроссы/кеды…! Да хоть валенки. Главное интересная идея. И твой вариант мне нравится больше. Более спокойный в цветах на мой взгляд.

  6. Отличный урок, добавил ваш блог к себе в закладки. Сам начинающий дизайнер.

  7. Максим пишет:

    А че, нарисовать брызги самому слабо? – и себе польза будет и тема для нового поста будет!

    P.$. Без фонового клипарта блог симпатичнее был.