Всем привет! Недавно нашел интересный урок по созданию постера с кроссовками, мне он очень понравился и я решил попробовать создать что-нибудь подобное, вот чем сегодня и предлагаю Вам заняться.
Как обычно, идею я беру с урока, но выполнение некоторых шагов или некоторые элементы я изменяю под свой вкус, так что, если Вы доверяете мне, создавайте постер с моего урока, если нет, то с урока автора. Выбор за Вами!
О, чуть не забыл, в конце поста Вас ждет еще несколько обоев для рабочего стола с этим вот коллажем
Итак, приступим.
.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 (чтобы пол был, кагбэ, в перспективе) и расширяем нижние углы (только не перестарайтесь).
Теперь нам нужно сделать плавный переход с пола в фон, для этого добавляем маску для слоя с полом, выбираем мягкую черную кисть, немного снижаем непрозрачность кисточки и маскируем грубые верхние края пола.
Чтобы сделать немного темнее пол, добавим контрастности (Layer → New Adjustment Layer → Brightness/Contrast), как на скриншоте.
И еще немного затемним углы: создаем новый слой (выше слоя с полом) и мягкой черной кисточкой проводим по углам, далее снижаем непрозрачность слоя до 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 Layer → Brightness/Contrast), выставим: Brightness: -150 и Contrast: 100 и также применим Clipping Mask.
Далее создаем маску для слоя с брызгом и маскируем те части, которые выходят за пределы подошвы. Немножко можно подтереть мягкой кисточкой или ластиком, чтобы получить вид, как-будто эта краска действительно "вылетает из кроссовка".
.07 Теперь переходим к цвету, который выше на кроссовке, для него я выбрал брызг под номером 16.
Также само, открываем изображение, разблокируем, удаляем фон и переносим его на документ с коллажем. Далее уменьшаем и поворачиваем.
Как и в предыдущем шаге, используем Gradient Map (от #623f51 до #4b2d3f и ставим Reverse) и Clipping Mask. Еще добавим Curves (Layer→ New Adjustment Layer → Curves) и не забудем к ним применить 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%).
Постер практически готов!
.11 Автор еще советует подкорректировать контраст всего коллажа и я с ним согласен! Выше всех слоев создайте Gradient Map (от #000000 до #ffffff), измените режим смешивания слоя на Overlay и непрозрачность слоя (Opacity) понизьте до 30%.
Еще я добавил логотип Converse и адрес своего сайта.
Вот теперь точно все!
Что скажите, как Вам урок? Если есть вопросы, буду рад ответить в комментариях
Если у Вас нет желания создавать подобный коллаж, но результат очень по душе, да и если Вы фан Converse, я подготовил несколько обоин для рабочего стола разных разрешений:
Качайте на здоровье!
А на будущее, для создания коллажей в Photoshop-е, Вам, может быть, еще пригодится большой выбор кистей.
Шо это за кеды? Тя такое прет?
За урок сенки, смысл ясен.
Именно эти не очень, но кроссовки от Converse обожаю
да классный урок) Люблю конверсы, такой “разливающийся” стиль постеров, да и сам работал с этими брызгами
Все очень понравилось, обоину добавил себе в коллекцию
Отлично, спасибо!
Отличный урок!
Спасибо за архив с брызгами )))
Та мне то за что))) Я всего лишь продублировал ссылку на архив
это не кроссы, а кеееееееееееды….
С автором у вас есть кое-что общее, вы оба с тенями на “ВЫ”, хотя твоя получше забугорного чувака…но ТЫ, Олег Михайленко, мог бы и получше кед вырезать. Че эт за грязь на подошве, а?
И ты видел какие брызги в оригинальном уроке? а у тя они совсем потеряли объемность. Как был засос у “extezy” вердикт твоим брызгам – “гуано” :Р
Все, не буду тя хвалить, ато ваще забалделся.
Ладно, ладно-ладно, ладно-ладно-ладно, пусть будут кеды)
Как же я буду радоваться тому дню, когда ты скажешь: “наконец-то мне понравилась тень от объекта!”
То не грязь на подошве, так надо)
не шаришь
Да какая разница кроссы/кеды…! Да хоть валенки. Главное интересная идея. И твой вариант мне нравится больше. Более спокойный в цветах на мой взгляд.
дело не в разнице, давайте тада ложку вилкой называть
гг, замути постер с валенками
Это, наверное, выглядело б ярко))
Отличный урок, добавил ваш блог к себе в закладки. Сам начинающий дизайнер.
Отлично, спасибо!)
А че, нарисовать брызги самому слабо? – и себе польза будет и тема для нового поста будет!
P.$. Без фонового клипарта блог симпатичнее был.
Видимо слабо
Зачем выдумывать велосипед?
З.Ы. Этому фону скоро уже год будет
Или Вы про старый черный вариант?
Максим, думаю, Вам тоже слабо будет