Туториал Фотошоп + Free PSD
Процесс создания шапки, баннера и т.д, с помощью фотошоп и немного Cinema 4D.
Так же по просьбам ранее, записал небольшой SpeedArt, однако не могу размещать видео, пока мой рейтинг ниже 150.
Если вы подскажете, как разместить ссылку на исходник, дабы не попасть под блокировку, будет добавлен PSD.
И так, поехали...
Шаг первый, по традиции самый трудный - это заливка нашего фона.
Шаг второй, размещаю текст, добавляю горизонт. Далее текст нужно будет вывести в контуры для Cinema 4D, для этого щелкаем правой кнопкой мыши по слою с текстом - Преобразовать в кривые, далее Файл - Экспортировать в Illustrator, в формате ai.
После этого в Cinema 4D добавляем наш контур, а затем фигуры - Выдавливание, и засовываем под них наши кривые, накидываем текстуру, размещаем текст, как нам нужно и рендерим.
Шаг третий, добавляем под наш текст тень, я это сделал кистью, так же это можно сделать инструментом Выделение - Эллипс, далее растушевка и заливка. Как вы могли заметить, на задний план я разместил наш текст, дублировав слой с текстом и убрав прозрачность.
Следующим маленьким шагом - я добавил отражение нашего текста, сделать это можно множеством способов, я же просто продублировал слой с текстом, отразил по вертикали, накинул маску и инструментом Градиент черный-белый по нашей маске снизу вверх.
Шаг четвертый, добавляем деталей нашему баннеру, для этого я накидал фигур, particles (частиц) и накрутил в C4D гранат, раскидал их по всей области.
Потом мне показалось, что нашему арту чего-то не хватает, какой-то динамичности, я скопировал все слои на новый, как это делать, я писал в прошлом уроке, и слегка повернул. Согласитесь, теперь это выглядит более пикантно =)
Далее по традиции добавил вставок на углах, просто скопированными слоями.
Следующий шаг, шестой. Цветокоррекция. В прошлый раз вы просили меня подробнее рассказать о пост-обработке. Ну что ж, поехали...
Первым делом я добавил еще пару гранат на передний план, и сфокусировался на нашем тексте, как это делать описал в прошлом уроке. Так же вы могли заметить эффект смещения на тексте. Делается он очень просто, копируем все на новый слой, и инструментом Выделение - двигаем все, как нам нужно.
Затем скопировал все на новый слой и усилил наши тени по максимуму, затем слегка убрал прозрачность.
Далее я раскрасил тень нашего текста в оранжевый кистью, и все слегка приблизил.
Добавляю наши корректирующие слои.
Первый слой - Яркость\Контрастность - слегка убираю яркость -3 и добавляем контраста +12
Второй слой - Цветовой баланс - здесь добавляю голубого и пурпурного на 12, и насыщаю наш желтый, добавив 29 этому оттенку.
Далее третьим слоем Кривые слегка опускаю middle (среднюю) точку.
Шаг седьмой. Все уже выглядит достаточно красиво, однако нам еще нужно добавить теней и источник света нашему баннеру.
Сперва я слегка освещаю передний план белой кистью, затем добавляю нашей работе источник света. Я это сделал простой кистью желтого цвета (примерно 1\5 от всей области, жесткость 0%), клацкнув по верхнему краю картинки. К тому же нам нужны тени, я это сделал черным слоем, наложив на него маску и Радиальным градиентом убрал черный цвет с середины, оставив его только на углах. Так же это можно сделать Фильтром - Рендеринг - Эффект освещения, заменив прожектор лампочкой и настроив ее, как нам нужно.
Ну и финальный штрих - усиливаю наши тени и наши света, любым удобным способом, я это сделал мягкой кистью белого и черного цвета.
Надеюсь получилось подробно и понятно, с вами был Шепелев Иван, Obey Studio, ВсеДляГрупп.
Так же надеюсь на вашу активность, ставьте плюсики, подписывайтесь, следующий урок запишу не раньше чем через 3-4 дня.
Всем спасибо!