Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

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

МАТЕРИАЛЫ

Грузовик
Автомобильное сиденье

Шаг 1


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

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 2. РИСУЕМ ЛИНИИ ПЕРСПЕКТИВЫ

Активируйте панель Paths, и кликнув в иконку Create New Path, создайте новый контур. Используйте Line Tool, чтобы нарисовать линии перспективы. На сайте PSDTUTS+ уже имеются опубликованные уроки по рисованию перспективы, и я нашел лучший, на мой взгляд, урок. Вот он. Техника, используемая здесь аналогична той, что описана в 39-44 шагах нашего урока.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

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

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 3


Теперь нам нужно преобразовать контуры в линии. Во-первых, необходимо настроить кисть. Правый клик по контуру, затем выберите кисть размером 5 px. с твердостью 0%.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 4


Создайте новый слой. Активируйте инструмент Path Selection Tool, правый клик на изображении и в выпавшем меню выберите Stroke Path. В последующем диалоговом окне выберите Brush.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 5


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

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 6. ФОН


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

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 7


Продублируйте фон (CTRL + J), включите режим преобразования (CTRL + T) и протяните слой на 23 вниз.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 8


Активируйте Eraser Tool и большой кистью с твердостью 0% сотрите верхнюю часть нашего пола.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 9


Добавьте новый корректирующий слой Hue/Saturation с такими настройками:

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 10. ВЫРЕЗАЕМ КАБИНУ ГРУЗОВИКА


Создайте новый контур, при помощи Pen Tool выделите кабину грузовика.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 11


Преобразуйте созданный вами контур в выделение (Ctrl + enter) после чего скопируйте кабину и вставьте на новый слой (Ctrl + Shift + J).

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 12. БАМПЕР


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

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

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

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 13


Скройте наш новый бампер, кликнув по иконке с глазом напротив слоя. Затем выделите родной бампер и вставьте его на новый слой.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 14


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

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 15


Создайте новый слой и разместите его над бампером. Активируйте инструмент Stamp Clone Tool, выставив в Sample значение All Layers (если установлено это значение, инструмент Stamp Clone Tool игнорирует наличие слоев и копирует все видимое), и начинайте удалять номерной знак. Делайте это предельно аккуратно. Возможно, придется использовать достаточно много областей для клонирования, зато результат получится достойным.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 16


Поменяйте основной цвет на белый. Выбрав инструмент Brush Tool c прозрачностью 20-35%, дорисуйте блики на нижней части бампера.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 17. ВОЗДУХОВОД


Давайте теперь нарисуем отверстие для воздуховода. Создайте скругленный прямоугольный контур, не нарушая при этом общую перспективу. Преобразуйте контур в выделение (Сtrl + enter) и залейте эту область черным цветом. Мягкой кистью с низкой прозрачностью дорисуйте несколько мягких и тонких теней на левой стороне и на нижней части воздуховода. Для ориентира смотрите изображение ниже.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 18. БОКОВОЙ ОБВЕС


Используя линии перспективы как направляющие, нарисуйте боковой обвес. Мне кажется, что лучше всего рисовать обвес, используя Pen Tool. А если вы сделали что-то не так, то в любое время каждую опорную точку можно подправить, активировав инструмент Direct Selection Tool.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 19


Конвертируйте контур в выделение и на новом слое залейте область цветом #8dab3c.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 20


Создайте новый слой выше слоя с обвесом. Активируйте мягкую кисточку с низкой прозрачностью. Сбросьте цвета на дефолтные, белый и черный, нажав D. Чтобы менять местами эти два цвета, нажимайте X. На верхней части обвеса белым цветом рисуйте освещенные участки, а на нижней, черным цветом – тени.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 21


Дорисуйте обвес, и добавьте несколько бликов и теней.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 22


На крыле создайте небольшое полигональное выделение и залейте его белым цветом.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 23. КОЛЕСА И ДИСКИ


Для колеса нарисуйте эллипс.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 24


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

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 25


С помощью Pen Tool нарисуйте простой полигон и поместите его под колесами.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 26


Нарисуйте белый эллипс, и в настройках Layer Style подключите градиент.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 27


Нарисуйте два перекрывающих друг друга эллипса. Цвет #a19b94. Режим контура – Add and Subtract. В панели Layer Style включите градиент и примените к нему следующие настройки:

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 28


Продублируйте форму в виде полумесяца, которую мы только что создали и поменяйте цвет на #353535. Сдвиньте внутренний эллипс на несколько пикселей левее. Разместите эту форму под оригиналом и примените следующие настройки Layer Style:

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 29


Повторите предыдущий шаг, поменяв цвет на #bfbaba.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 30


Снова повторите предыдущий шаг, эллипс сдвиньте дальше. Цвет поменяйте на #252423. Добавьте градиент для создания отражения внутри диска.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 31


Теперь мы поработаем над спицами. За ободом нарисуйте еще один эллипс, и добавьте в нем несколько отверстий, рисуя насколько эллипсов в режиме вычитания (Subtract). В настройках стиля добавьте градиент.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 32


Активируйте Brush Tool c низкой прозрачностью и твердостью 0%, и дорисуйте на ободе едва заметные отражение от отверстий.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 33


Дорисуйте внутренние стороны отверстий цветом #10100f. Создайте новый слой и добавьте блики.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 34


За ободом нарисуйте следующую форму, используя цвет #232220:

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 35


Снова нарисуйте за ободом еще одну форму, добавьте градиент.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 36


Перейдите в панель слоев, затем загрузите выделение формы, которую мы сделали в шаге 31. Создайте новый слой над слоем с диском, а затем пройдите в Edit>Stroke. Цвет – белый, толщина линии – 2 px.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 37


Мягким ластиком сотрите некоторые части линий, как показано ниже:

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 38


Нарисуйте эллипс цветом #323233. В панели Layer Style добавьте такие настройки:

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 39


В центре колеса нарисуйте следующую форму, добавьте градиент и внутреннюю тень:

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 40


Создайте новый слой. Дорисуйте тонкие черные линии в центре диска, затем уменьшите прозрачность до 10%.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 41


Снова нарисуйте эллипс. Fill понизьте до 0%, а в Layer Style добавьте следующее:

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 42


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

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 43


Объедините все слои, относящиеся к болту, в одну группу, выделив их и нажав Ctrl + G.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 44


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

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 45


А теперь объедините болты, диски и спицы в одну группу, а затем, продублировав ее, разместите на другом колесе.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 46


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

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 47. КРЫЛО


Создайте новый слой и разместите его над всеми слоями. Активируйте инструмент Pen Tool и нарисуйте основную форму бокового крыла, затем преобразуйте контур в выделение и залейте его цветом #98b338.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 48


Не снимая выделения, создайте новый слой. Правый клик, и в выпавшем меню выберите Stroke. В диалоговом окне установите белый цвет, а толщину линии – 1 px. Мягким ластиком сотрите левую и нижнюю часть линии, после чего нарисуйте тень в нижней части крыла.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 49


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

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 50


Создайте новый слой под крылом. Добавьте падающие тени от креплений.

Создаем навороченный грузовик в ФШ, используя простые фото (Часть 1)

Шаг 51. СПОЙЛЕР


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

<!—TBegin:http://www.mnoga-softa.ru/uploads/posts/2012-02/1328197420_post-83901-1327096827.jpg|—>

Читайте также: