Тон как инструмент работы с композицией
И вновь хочется вернуться к тону, к разбивке по тонам и вопросу зачем же переводить порою работу в чб. Самая распространенная проблема у начинающих, конечно же, после анатомии и перспективы))
_________________________________________________________
Материал подготовила Сефери специально для Digital Painting Classes и Smirnov School.
Что такое тон и почему он важнее цвета? Как проверять тоновую композицию и как «прокачать» понимание тона? Отвечаем на эти и другие вопросы, советуем упражнения.
Что такое тон
Тон определяет, насколько предмет тёмный или светлый. У каждого объекта есть собственный (локальный) тон, он меняется под влиянием освещения. Тон для восприятия работы гораздо важнее цвета.
На эти головы наложили один и тот же цвет. Разницу в восприятии обеспечил тон (соотношение светлый/тёмный), а не цвета
Как свет влияет на тон
Собственный тон предмета мы можем наблюдать только при нейтральном рассеянном свете. В остальных случаях предмет кажется нам светлее или темнее, чем он есть на самом деле. Этот факт хорошо известен не только художникам, но и фотографам.
Поэтому важно помнить, что тон объекта неразрывно связан с окружающей средой. Чёрная кошка, расположившаяся под лучами яркого солнца, может выглядеть светлее, чем лист бумаги, оставленный в полной темноте.
Как можно использовать тон
Тон определяет то, насколько читается комозиция, отделяет объекты друг от друга, и вместе с освещением влияет на настроение работы. Чтобы обеспечить хорошую читаемость, Эндрю Лумис в книге «Искусство иллюстрации» предлагает использовать несколько тоновых схем. В них входит всего четыре тона:
-чёрный, белый и светло-серый на тёмно-сером;
-серые и белые тона на чёрном.
Эндрю Лумис
Стоит ли ограничивать количество тонов
Этой практики придерживаются многие известные художники. Композиции Майка Миньолы строятся на использовании двух противоположных тоновых значений — чёрного и белого.
Не нравятся заливки? Можно разбивать тон на простые группы, которые при отдалении от работы будут читаться как единые пятна. Картина Густава Доре разбита на несколько планов, которые читаются благодаря группировке основных масс по тону.
Как с помощью тона влиять на настроение работы
Как уже понятно, тон напрямую связан с освещением, поэтому продумывать количество света в работе очень важно. Это ещё одно направление, которое одинаково важно для фотографов, киношников и художников (особенно иллюстраторов).
Обратимся к лекции Катерины Горелко. Чаще всего в кино, живописи и геймдеве используют полный спектр тонов. За основу берут летний день, в кадре сохраняют как светлые, так и тёмные акценты.
Пример из живописи
Упомянутое на слайде правило 70/30 говорит о выразительном соотношении. Его можно применить не только к оттенкам серого, но и к форме, линии или цветам. В этой работе Lori Putnam больше 70% выполнены в светлом тоновом диапазоне, и до 30% — в тёмном.
Lori Putnam
Вернёмся к ключам. Высокий тоновой ключ используют, чтобы передать светлые эмоции, сны или воспоминания или подчеркнуть характер персонажа — нежный и непорочный. Для этого ключа почти не нужны тёмно-серые и чёрные значения.
Низкий тоновой ключ используют, чтобы показать страх, мистику или заговор (например, персонаж замышляет что-то недоброе у себя в кабинете). Его часто можно встретить в ужастиках. Светлые тона здесь встречаются по-минимуму и чаще всего выполняют роль акцентов.
Как использовать тон, работая над цветной иллюстрацией
Есть два основных варианта.
-Начать рисовать с двух цветов — чёрного и белого.-Периодически переводить картинку в оттенки серого в процессе работы, чтобы проверить, все ли в порядке с тоном. Этот приём очень рекомендуют известные художники и преподаватели Сэм Нильсен (Sam Nielson), Сэмюэл Михлэп (Samual Michlap), Марко Буччи (Marco Bucci) и многие, многие другие (включая преподавателей Smirnov School).
Если стартуем с чёрного и белого
Начните с двух тонов, как Майк Миньола. Разбейте работу на свет и тень, далее постепенно добавляйте средние тона.
Помните: вы всегда можете отредактировать яркость тоновых значений, поменять тоновой ключ на более низкий или высокий и потом уже добавить цвет. Для этого воспользуйтесь панелью «уровни» или режимом коррекции «цветовой тон/насыщенность».
Концепт-художник Игорь Артеменко ака Haryarti (The Banner Saga, Riot Games) работает по похожему пайплайну.
Сортировка по пятнам
Сразу разбейте вашу работу по пятнам. Для каждого плана задайте свой тон, как это делал Густав Доре. Помните про правило «светлое на тёмном, темное на светлом», самая важная часть вашей работы должна сильнее всего контрастировать с окружением: белое на чёрном привлекает внимание сильнее, чем светло-серое на тёмно-сером.
Внутри заданных тоновых пятен не должно быть сильных контрастов в деталях: отдельные незначительные элементы не должны вырываться на передний план, иначе вы потеряете целостность композиции. Убедившись, что тоновая композиция читается, переходите к покраске.
Перевод в ч/б для самопроверки
Возникли проблемы на этапе покраски? Отслеживать тоновые соотношения в цвете бывает не просто. Поэтому во время работы лучше переключаться в ч/б, чтобы проверить себя.
Как это сделать в Adobe Photoshop
Рисуете в Procreate? В iOS есть настройка, которая позволяет переводить планшет или телефон в ч/б, трижды нажав на кнопку Home.
Чтобы активировать возможность перехода в чёрно-белый режим, зайдите в «Настройки — Основные — Универсальный доступ — Быстрые команды» и поставьте галочку на пункте «Светофильтры» (для новых версий iOS). В более старых версиях системы путь может отличаться, но эту функцию всегда стоит искать именно в «Универсальном доступе».
Помните, что такой способ перехода в ч/б режим меняет только отображение цветности на вашем экране, но для самой системы все остается цветным. Поэтому если вы возьмете пипеткой какой-то оттенок серого и начнете рисовать, а потом отключите ч/б режим, окажется, что вы рисовали именно цветом.
Проверка с помощью ч/б, экстремальный вариант
Иногда недостаточно просто перевести работу в оттенки серого, чтобы заметить проблему — особенно если глаз сильно замылился.
Можно попробовать выкрутить контраст на полную, чтобы довести оттенки до двух тонов — чёрного и белого. Тогда наверх выйдет базовая тоновая композиция, как в «стадиках» сверху. Для этого переведите изображение в оттенки серого, а потом с помощью «Levels» (Уровни) поменяйте детализацию так, чтобы тоновые соотношения сократились до двух-трех положений. Этим приёмом пользуется Сэм Нильсен, когда проверяет работы учеников.
Возьмем для примера работу самого Сэма.
Переводим её в оттенки серого и двигаем уровни. В центре внимания по-прежнему остается носорог. При неудачной комбинации тонов на этом этапе он бы уже слился с фоном и стал нечитаемым — и вы бы нашли ошибку.
Анализируйте работы других художников, кадры из фильмов и мультфильмов. Делайте копии выбранных изображений, используя ограниченную тоновую палитру: 2, 3 или 4 тона. На этом упражнении тренируются и новички, и профи.
В рамках челленджа #100daychallenge Павел Латковски создает быстрые композиции с ограниченным тоновым диапазоном каждый день, в течение нескольких месяцев.
Уже упомянутый Игорь Артеменко ака Haryarti старается делать такие «стадики» каждый день.
Как приступить к задаче
Не пользуйтесь мягкими кистями и смешиванием. Чтобы разбить работу на четкие плоские пятна, используйте лассо. У вас должны получиться жёсткие, чёткие и выразительные силуэты. Лассо поможет вам легче контролировать края формы.
Каждую копию старайтесь выполнять быстро, не зацикливаясь на деталях. Сосредоточьтесь на изображении в целом. Если вам сложно сгруппировать работу по тону, попробуйте прищурить глаза и поискать большие тоновые группы, которые выделяются на фоне окружения.
Ежедневные «стадики» на тон очень рекомендуют выполнять Крейг Маллинз (один из пионеров CG и самых известных цифровых художников в мире), Нэйтан Фоукс (работал с Disney, Paramount Animation, Blizzard Entertainment, Riot Games и др) и многие другие.
Подробнее
How To Check Your Values With One Photoshop Shortcut,Howto & Style,art,landscape,concept,design,conceptdesign,tutorial,timelapse,cinema,photoshop,digital,cg,conceptart,environment,2d,artwork,learning,watch,walkthrough,shape,digitalart,speed,speedpainting,how,to,process,painting,lesson,drawing,sketching,tool,proof,setup,cmyk,dot gain,help,grayscale,black,and,white,B&W,thomas,scholes,shortcut,verify,I've been asked a lot about how I switch between B&W and colour in my videos. Here I've outlined what trick I use to do this. Check out Thomas Scholes article on this for much more information than I have given here: http://www.artofscholes.com/checkingvalues/ If you like this follow me on Instagram for more art updates: https://www.instagram.com/jordan_grimmer/ More arty stuff on my home page and Artstation: http://www.jordangrimmer.co.uk/ https://www.artstation.com/artist/jordangrimmer Music: 8bit Dungeon Level Kevin MacLeod (incompetech.com) Licensed under Creative Commons: By Attribution 3.0 License http://creativecommons.org/licenses/by/3.0/
Essential Values for Painting, Lighting and Design,Education,marco bucci tutorial,marco bucci digital painting,character design tutorial,original character design,how to design good characters,elf design,fantasy character art,how to use values painting,lighting and painting,portrait painting tutorial,procreate painting tutorial,digital painting photoshop,art beginner tutorial,how to paint,how to draw,how to draw faces from any angle,how to draw human head,dungeons and dragons character design,grayscale painting,FULL ART LESSONS: https://www.marcobucciartstore.com Learn extremely useful tools for value control, painting convincing light, and original character design! --LINKS-- Patreon: https://www.patreon.com/marcobucci Website: https://www.marcobucci.com Instagram: https://www.instagram.com/bucciblog Ambient Light Lesson, Part 1: https://youtu.be/7fLV5ezO64w Ambient Light Lesson, Part 2: https://youtu.be/gwLQ0cDb4cE Better-compressed JPG files of each step: https://www.dropbox.com/sh/kr9olj7ugn4zqla/AACDBlnyAIIJov77apVh0hA5a?dl=0
DIGITAL PAINTING: Understanding values,Education,Concept Art Tutorial,Digital Painting Tutorial,Painting Tutorial,Digital Painting,Drawing Tutorial,Concept Art,Digital Sketching,Photoshop Tutorial,Photoshop Painting,Drawing,Sketching,Painting,Concept Design Tutorial,Concept Illustration,Entertainment Design,Game Art,Movie Concept Art,Video Game Concepts,Concept Artist,Game Design,Digital Drawing,Photoshop Drawing,Wacom Tutorial,Wacom,Wacom Sketch,JOIN ON DISCORD: https://discord.gg/RdJ6ajF PATREON: https://www.patreon.com/moderndayjames NEW TUTORIALS EVERY THURSDAY NIGHT LIVESTREAMS: FRIDAY-SUNDAY 1PM EST SOURCES: --------------------------------------------------------------------------------------------- CONTENTS: MUSIC: --------------------------------------------------------------------------------------------- https://soundcloud.com/lakeyinspired
Женя Кацубо: тон в иллюстрации,Education,стрим,рисование,арт,курсы,онлайнкурсы,геймдев,сделатьигру,научитьсярисовать,художник,art,cg,gamedev,conceptart,smirnov,smirnovschool,art study,stream,artstream,смирнов,смирновскул,женя кацубо,jane katsubo,тон,иллюстрация,композиция,inktober,inktober 2018,ШКОЛА ЦИФРОВОГО РИСУНКА И КОНЦЕПТ-АРТА: ► Коммерческая иллюстрация https://clck.ru/MzdMz Как знание тона может облегчить нашу жизнь? Как использовать его в иллюстрациях и делать это красиво? Поговорили обо всём с Женей Кацубо, преподавателем наших курсов "Концепт-арт персонажей" и художником в Larian Studios. Галерея Жени: http://www.artstation.com/artist/sillirien ...и не забудьте нажать на колокольчик, чтобы не пропускать наши еженедельные стримы! МЫ В СОЦСЕТЯХ: ☛ VK » https://clck.ru/Mzg6J ☛ FACEBOOK » https://clck.ru/MziFh ☛ INSTAGRAM » https://clck.ru/Mziwb ☛ TELEGRAM » https://t.me/smirnovschool ☛ СОТРУДНИЧЕСТВО СО ШКОЛОЙ И КАНАЛОМ»
Practical Values - How to Improve, Practice and Troubleshoot your Value Studies,Education,art,portrait,portrait drawing,portrait demo,demo,self-taught,self-teaching,concept art,illustration,discipline,motivation,artist,drawing,painting,paintings,how to draw,learning,cartoon,landscape,2d art,digital art,digital painting,tutorial,becoming an artist,photoshop,inpursuitofart,in pursuit of art,volen ck,volen cherkezov,values,tones,grayscale,Draw,Paint,Adobe Photoshop (Software),Paint (Software),How-to (Website Category),Drawings,Blog post and a lot more info on this video here: http://wp.me/p4cuee-ko Understanding Drawing is now live! - https://gum.co/udrawing ►Support The Channel: http://bit.ly/2fy2SkN or http://bit.ly/2fQnVBP ►Portfolio: http://www.inpursuitofart.com/ ►Becoming an Artist Blog: http://www.inpursuitofart.com/blog/ ►Sketchbook 4+ Years of Progress: http://www.inpursuitofart.com/sketchbook/ ►Instagram: https://www.instagram.com/inpursuitofart/ ►Facebook: https://www.facebook.com/InPursuitOfArtVolenCK/ ►Twitter: https://twitter.com/InPursuitOfArt ►DeviantArt: http://inpursuitofart.deviantart.com/ ►ArtStation: https://www.artstation.com/artist/inpursuitofart If this helped you - please subscribe, like and share. Feel free to post to forums or send to anyone you think might need to hear it. Let's help as many people as we can get to their goal.
Light and Shadow - 10 Minutes To Better Painting - Episode 6,Education,Marco Bucci,concept art,digital painting,sketchbook,color harmony,painting tutorial,digital art tutorial,art lesson,marco bucci color,custom brushes,painting styles,photoshop tutorial,concept artist,art fundamentals,drawing in different styles,how to draw faces,portrait painting,how to paint portrait,how to shade art,shading tutorial,painting values tutorial,digital illustration,light and shadow,digital painting tips,Full Workshops Available: https://bit.ly/2DUFXQp Learn the fundamentals of painting light, shadow, and value use. Find out how to simplify complex subjects down to simple values. -- LINKS -- Patreon: http://www.patreon.com/marcobucci Art Tutorials: http://marcobucciartstore.com Website: http://www.marcobucci.com Instagram: http://www.instagram.com/bucciblog -- Final frame, drawing by Brian Wong
Optimum Exposure Middle Gray Perception Middle Gray Underexposed Optimum Exposure Overexposed
ТРЕТЬЯ СХЕМА ВТОРАЯ СХЕМА четвертая СХЕМА
i i i i ^ К 1 • : ÍL * • ;% Bm % , • _¿*' i J *lM > 4ffi/ ;». V. №> Y цш г'Г'лШтЯШ) • yf.i i щ * X / V «!•' • • y** -*>. • . w - -’ - * :.' _i!Ä ' - >.- -‘: ' Г - . ; ^:rt ,rr -V «íJ V - - ' . и Ирг \ (£ - i № r* ЖД . -C.' .MfF n?Js«^l*V ;s аяиинру^ж^%щ# « V X; ¡fí *^мГТД^гм<гд* ^Л-дНИ Vv V Va ":-í*?!5r
trr- г>1 э1яаоно]
Группировка Полного спектра тонов Светлая группа Средняя группа Темная группа 3 тона Правило 70/30
< 4
Тоновь >1е Ключи
л л 1 [| г* é-Ц^Уи J \ A 1 áí±> ¡^к-Я Ü Я J^r jíliyi Л . Л''*\ J j№if Шв,1*. ' 1 Г < ЖАЛ ^ ' * Я1 \\ \ J "*NI ; I / iJ \в 1 ¡ Jli i У I A vJ^^^HKhRLT? l I i к 1 Ь V É
M-м Ut ».«мы I <Ut\f lib «M<N I Ml pm~* UtkOMkt I <Ui\, ФЖ» %ЬН<Ь I тл
Школа Арт-клуба,школа артклуба, школа арт-клуба,,Арт-клуб,арт-клуб, артклуб,,фэндомы,длиннопост
выглядит сильно. Когда-нибудь я и до этого дойду.
> На эти головы наложили один и тот же цвет. Разницу в восприятии обеспечил тон (соотношение светлый/тёмный), а не цвета
Нет! Тон (Hue) как раз и есть "цвет". Цвет определяется тоном и насыщенностью. То, что вы говорите - это светлота/яркость.
Мб просто я несколько иначе воспринимаю текст ( и используемые в нем слова). Я пярм хз.
Вот привыкли бухгалтера системный блок монитором называть и им нормально.
Или считать, что теория - лишь теория, а значит она не доказана, путая с гипотезой.
Считать, что "световой год" - это мера времени и говорить: "ему уже было 50 световых лет".
"Спусковой крючок" на пистолете называть "курком", а "патрон" - "пулей".
"Одеть", там где надо "надеть" и наоборот.
Вот тут так же - некоторые люди привыкли и поймут, а мене покоробило ведь я впервые услышал такое неправильное использование термина "тон".
Сам я в геймдеве, а значит - комп графика, работа с текстурами и светом, PBR.
А у отца фотостудия, потому - обработка фотографий
Я двигал вот этот ползунок , все получилось.
Смысл в том что черный становиться насыщеннее и из-за этого все цвета становятся насыщеннее.
В английских видео вообще нигде не упоминается "тон". Там или "Values" или "Lightness"
> Смысл в том что черный становиться насыщеннее и из-за этого все цвета становятся насыщеннее.
Термин "Насыщенность" - тоже не подходит, она касается именно тона/оттенка/"цвета"/Hue.
Тут лучше подошло бы, что изображение стало "Контрастнее". Достичь этого можно уровнями, кривыми или соответствующим ползунком)
Hue на английском - это спектральный цвет изображения. Жёлтый там, красный итд. На русском это обычно "цвет".
Вообще ни разу не слышал про использования слова тон для обозначения цвета, кроме случаев монохроматичных изображений вроде "этюд в багровых тонах".
Обычно когда говорят "Объектнейм сливается по тону с фоном" это означает что при переводе в ЧБ объект будет сливаться с фоном, при этом цвета у объекта и фона могут быть совсем разными.