Урок photoshop малюємо ретро-автомобіль


Making of a retro car
Дизайн і отрисовка в комбінації технік

Урок photoshop малюємо ретро-автомобіль

Всім привіт, з Вами знову я - маніяк Соловей, і на цей раз я розповім про те, як створював літаючий автомобіль в стилі ретро, ​​використовуючи комбінацію різних технік малювання (тобто традиційного "паперового" і цифрового малювання).

Все почалося ось з цього нехитрого начерку, який від неробства я накидав в блокноті, тренуючись передавати форму хромованих об'єктів за допомогою штрихування кульковою ручкою:

Урок photoshop малюємо ретро-автомобіль

Тут були використані найпростіші кулькові ручки Corvina 51 синього і чорного кольорів, які можна знайти в будь-якому магазині.

Болванка досить простенька, але уява підказало, що вона може послужити елементом конструкції ретроавтомобілів. Тому, щоб не винаходити велосипед, я відправився шукати референс. Мені дуже подобаються старенькі Кадилаки і Крайслери 60-х років випуску з елегантними формами і великою кількістю декоративних елементів, тому я хотів намалювати машину, максимально схожу на них. Ось деякі результати пошуку, які були використані в якості референсів:

Урок photoshop малюємо ретро-автомобіль

Після їх вивчення я накидав на папері бічний вид авто і деякі елементи, подумав над зовнішнім виглядом передньої частини. При малюванні начерків на папері я зазвичай використовую простий механічний олівець зі стрижнями 0,5 мм. В саму конструкцію звичайного автомобіля я вніс кілька змін (так як хотілося намалювати літаючу машину з альтернативного минулого): додав реактивні двигуни старого зразка (як на перших реактивних літаках), самі колеса замінив вихідними пристроями, які відкидають реактивний струмінь вниз, створюючи підйомну силу. Одночасно з цим я намагався підкреслити простоту і витонченість плавних форм, а також додав декоративні елементи: молдинги і "акулячі плавники". Після того, як я остаточно визначився з лініями, вони були обведені по лекалах чорної гелевою ручкою з товщиною лінії 0,5 мм:

Урок photoshop малюємо ретро-автомобіль

Потім зверху я поклав ще один аркуш паперу і на ньому визначив основні пропорції об'єкту, а також накидав проекцію виду зверху. Чорні лінії гелевою ручки добре просвічують крізь звичайний офісний папір 80 г / м2 (але тільки, якщо поруч немає олівцевих ліній; тобто якщо чорною ручкою обвести начерк олівцем і не стерти олівець - просвічувати буде дуже погано, тому що контраст між чорною лінією від ручки і сірою лінією від олівця набагато нижче, ніж між чорною лінією і білим папером). Так вийшло, що розміри більшості внутрішніх елементів відносяться один до одного в співвідношенні 1 до 3. Зовнішні ж габарити можна співвіднести як 5х1,5х1 (Довжина х Ширина х Висота). На скане для наочності доданий начерк профілю машини, так як відсканувати два листа відразу, щоб один просвічував через інший, не вийшло:

Урок photoshop малюємо ретро-автомобіль

Після того, як я визначився з конструкцією і пропорціями авто, настав час побудов в перспективі. На жаль, в цей момент у мене не було під рукою сканера, так і зі зрозумілих причин більшість ліній побудови стерлися, тому цей процес поетапно надано не буде. Однак зазначу, що робота проводилася в двухточечной перспективі: визначені обидві точки сходу, потім побудований куб розмірів 1х1х1, після чого за допомогою правила діагоналей була вибудувана габаритна коробка розмірів 5х1,5х1, в якій вже за певними раніше пропорціям будувалися проекції і перетину. Взагалі, сам процес побудови абсолютно ідентичний тому, що був описаний в статті про створення концепту літака. з тією лише різницею, що всі дії виконувалися вручну, а не на комп'ютері. Також мені захотілося приробити на капот сріблясту емблемки в дусі тих часів, однак, для цього знадобилося придумати назву фірми-виробника, назву машини і власне саму емблемки. З першим проблем не виникло - назва Vintage Futuristics найкраще підходить до фірми-виробника, більше того, вдало поєднані букви V і F утворюють стильний логотип, який в якості емблеми можна закріпити на капоті. Над ім'ям самої машини теж довго не думав - згадав, як автомобілісти ласкаво називають свої машини ластівками, і так і назвав її, але на німецькому: "Schwalbe". На даному етапі робота велася тим же механічним олівцем на аркуші ватману формату А4 (так як він досить-таки товстий і терпить багаторазові стирання гумкою). По завершенню, я обвів за лекалами потрібні лінії, використовуючи кулькову ручку з товщиною лінії 0,3 мм:

Урок photoshop малюємо ретро-автомобіль

Проекція виду зверху також була обведена, так як в кінці вона стане тінню від машини.

Далі, поверх листа з побудовами був покладений і закріплений ізолентою лист креслярської кальки щільністю 70 г / м2, на який за допомогою лекал були переведені всі необхідні лінії. Робота досить копітка і вимагає великої акуратності: калька добре вбирає вологу від рук, тому доводилося закривати весь малюнок папером, залишаючи лише ту ділянку, над яким велася робота; більш того, помилитися можна всього один раз: невдалу лінію можна підтерти лезом брітвочкой, однак, якщо провести по цьому місцю лінію вдруге - чорнило будуть розтікатися; також необхідно чекати, поки свіжі чорнило підсохнуть - в іншому випадку, рухаючи лекала, можна запросто розмазати їх і зіпсувати роботу. На цьому етапі мені довелося здорово помучитися, вибираючи потрібний інструмент, так як у одного лінія товста, в іншого чорнило сохнуть довго, а гелева ручка взагалі не креслить і т.д. У підсумку я використовував чорні капілярні ручки від Fiber Castell з товщиною лінії 0,3 і 0,1 мм. Відсканований лист з лайнартом без обробки:

Урок photoshop малюємо ретро-автомобіль

Хрестики по кутах листа служать для найбільш точного суміщення листів, (наприклад, якщо лист кальки повторно доведеться закріплювати на аркуші з побудовами, або поєднувати з іншими листами, що містять інші частини лайнарта).

Так як якість сканування залишало бажати кращого, довелося застосувати до Сканія з лайнартом команду "Рівні" ( "Levels") з наступними настройками:

Урок photoshop малюємо ретро-автомобіль

Після цього стало видно прикру помилку (1): через неправильне вибору ділянки лекала при обводке палітурка лобового скла виглядає так, ніби його пом'яли (помилка вказана червоною стрілкою). Як говорить прислів'я: і на стару буває помилка. На щастя, цей промах легко усувається інструментом "Деформація", досить вирізати проблемну ділянку на новий шар, вибрати вищевказаний інструмент і потягнути увігнутий ділянку в напрямку синьої стрілки (2):

Урок photoshop малюємо ретро-автомобіль

Готовий для подальшої роботи лайнарт:

Урок photoshop малюємо ретро-автомобіль

Також на окремий лист кальки були перенесені напрямні і деякі формотворчих лінії (вони знадобляться при розподілі світлотіні на об'єкті; для наочності зображено сам лайнарт):

Урок photoshop малюємо ретро-автомобіль

Сама робота з калькою мені дуже сподобалася, тому на наступному аркуші я подумав над оформленням фінальної роботи (лайнарт так само зображений для наочності, так як відсканувати два листа кальки без зміщення відносно один одного складно):

Урок photoshop малюємо ретро-автомобіль

Поверх лайнарта був розміщений лист офісного паперу, на якому я позначив затінені ділянки авто і елементи оформлення:

Урок photoshop малюємо ретро-автомобіль

А потім на наступному аркуші офісного паперу, розташованому поверх попереднього, ця сама тінь і оформлення було позначено маркерами (сірий - маркер від Letraset, чорний - звичайний спиртовий маркер з плоским наконечником). Як видно, офісний папір погано підходить для роботи з маркерами - чорнило розтікаються:

Урок photoshop малюємо ретро-автомобіль

А ось так це виглядає, якщо зверху покласти кальку з лайнартом (ви бачите результат відомості за допомогою фотошопу, знову ж через проблеми зі скануванням кількох аркушів):

Урок photoshop малюємо ретро-автомобіль

В цілому вийшло 8 аркушів формату А4: три листа кальки, два листа ватману і три листа офісного паперу:

Урок photoshop малюємо ретро-автомобіль

На цьому робота з традиційними засобами закінчена, саме час переходити в цифру. Те ж саме, але вже заливка кольором виконана на комп'ютері:

Урок photoshop малюємо ретро-автомобіль

Сам автомобіль я вирішив отрендеріть в спрощеній техніці. Найбільше мені сподобався стиль аніме "Redline" з обмеженою кількістю квітів (3 штуки): базовий, бліки + відображення:

Урок photoshop малюємо ретро-автомобіль

Для цього я накидав палітру і пофарбував три кульки цьому стилі (по одній кульці на кожен використовується колір). Все гранично просто:

Урок photoshop малюємо ретро-автомобіль

Як видно, для правильного відображення форми об'єкта слід безпомилково розмістити кілька елементів: лінію кордону тіні / відображень з базовим кольором, відблиск, рефлекс від поверхні і рефлекс від неба. У моєму випадку, лінія кордону тіні / відображень з базовим кольором буде проходити там, де нормаль поверхні горизонтальна, і трохи йти вгору / вниз на краях. Блик розташовується з боку джерела освітлення і залежить від форми об'єкта. Рефлекс від поверхні знаходиться з боку контакту об'єкта з поверхнею і позначається базовим кольором, в той час як рефлекс від неба розташовується там, де лінія погляду проходить по дотичній до поверхні об'єкту і позначається небесно-блакитним кольором. Також слід додати, що у хромованих деталей до базового кольору додається колір відображень неба, коли нормаль поверхні майже вертикальна.

З кульками розібралися, а що якщо спробувати довільну поверхню?
Нижче представлений зразок монолітної поверхні і зразок поверхні, складеної з двох панелей.

Урок photoshop малюємо ретро-автомобіль

Слід звернути увагу на поведінку відблисків, відображень і рефлексів в місці стику панелей. Це обумовлено тим, що у автомобілів обшивка в цих місцях трохи закруглюється.

Пам'ятаючи ці правила, можна з легкістю зобразити і поверхні інших квітів:

Урок photoshop малюємо ретро-автомобіль

Тепер, коли основи стилю освоєні, можна приступити безпосередньо до фарбування.
Для початку я залив фон сірим градієнтом (щоб добре було видно як світлі, так і темні тони), і за допомогою "Полігональний ласо" ( "Polygonal Lasso") на різних шарах виділив і залив відповідними кольорами сам автомобіль і його тінь. Більш того, я продублював шар з лайнартом і стер там зайві лінії, що утворюють форму, залишивши лише контурні лінії і лінії стику деталей, тому що на фінальній роботі форма передаватиметься кольором:

Урок photoshop малюємо ретро-автомобіль

Таким же чином, на окремих шарах залив базовим кольором хромовані елементи, чорні елементи і салон:

Урок photoshop малюємо ретро-автомобіль

Далі найцікавіше - розподіл інших квітів. На окремому шарі жорсткої круглим пензликом по вже розібраної методикою позначаю тіні / відображення, залишаючи рефлекси від поверхні:

Урок photoshop малюємо ретро-автомобіль

Видно, що включений напівпрозорий шар з формотворними лініями, які були зведені на окремий лист кальки. З їх допомогою зручно визначати положення лінії кордону базового і чорного кольорів, залежне від форми поверхні.

Потім черга наносити відблиски (теж на окремому шарі):

Урок photoshop малюємо ретро-автомобіль

І, на завершення, нанесення рефлексів від неба (знову ж на окремому шарі для зручності редагування):

Урок photoshop малюємо ретро-автомобіль

Повторив зазначені дії і для деталей інших квітів, на хромовані деталі не забув нанести відображення неба:

Урок photoshop малюємо ретро-автомобіль

Майже готово, залишилася сама малість - скло і фари. Вони фарбуються точно так же, як і хромовані деталі, а потім робляться напівпрозорими:

Урок photoshop малюємо ретро-автомобіль

Останнім зусиллям стало оформлення роботи: відредагований градієнт на тлі, доданий темний прямокутник для контрасту зі світлими краями автомобіля, відмалювали логотип і рамка. Також всі відблиски були продубльовані на окремий шар, потім до нього було застосовано фільтр "Розумієте по Гауса" ( "Gaussian blur") і зменшена непрозорість. Так виглядає результат всієї роботи (клікабельно):

Урок photoshop малюємо ретро-автомобіль

30 хвилин, максимальний дозвіл 720p):

Схожі статті