Рисуй с нуля! ibisPaint X — 10 шагов к твоим первым шедеврам

Приготовь цифровую кисть. Впереди нас ждёт новая творческая история!

Глава 3. Уютная кружка с какао — учимся создавать объём с помощью света и тени.

Мастер-класс № 3. Рисуем объёмные предметы в ibisPaint X и превращаем простые формы в выразительные цифровые иллюстрации

Введение. Как нарисовать тепло и уют

Представь прохладный осенний вечер. За окном медленно темнеет, на подоконнике лежит любимая книга, а на столе стоит большая кружка горячего какао. От напитка поднимается лёгкий пар, а на гладкой поверхности кружки отражается мягкий свет настольной лампы.

Хочется взять её в руки и согреться.

Но как передать такое ощущение в рисунке? Ведь экран телефона или планшета совершенно плоский. На нём нет настоящего света, объёма и тепла.

Секрет заключается в том, как художник использует форму, свет, полутень и тень.

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

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

Мы не будем использовать сложные техники профессиональной живописи. Все действия можно выполнить обычным пальцем или стилусом в приложении ibisPaint X.

К концу мастер-класса ты поймёшь, почему даже несколько правильно расположенных оттенков способны полностью изменить восприятие рисунка.

Готов? Тогда открывай приложение. Сегодня мы научимся рисовать не только предмет, но и настроение.

3.1. Что мы будем рисовать

В этом мастер-классе мы создадим иллюстрацию большой уютной кружки с какао.

Представим, что кружка стоит на светлом столе, а мягкий свет падает на неё сверху слева.

Основной цвет кружки будет нежно-голубым. Слева появится светлая область, в центре останется основной оттенок, а справа мы добавим более тёмный цвет.

В верхней части будет виден шоколадный напиток, а сбоку — округлая ручка.

Под кружкой нарисуем мягкую падающую тень, которая поможет показать, что предмет стоит на поверхности, а не висит в воздухе.

После выполнения мастер-класса ты научишься:

Строить предметы из простых геометрических форм.

Рисовать симметричные и округлые элементы.

Создавать объём с помощью нескольких оттенков.

Различать свет, полутень и собственную тень.

Изображать падающую тень от предмета.

Работать с мягкими и жёсткими кистями.

Использовать прозрачность и отдельные слои.

Создавать простые световые блики.

Рисовать ручку кружки и поверхность напитка.

Проверять правильность освещения в рисунке.

Время выполнения: 45–60 минут.

Уровень сложности: начальный, с постепенным усложнением.

Возраст: дети и взрослые.

Итог работы: объёмная голубая кружка с горячим какао на светлом фоне.

3.2. Что понадобится для работы

Для выполнения мастер-класса подготовь смартфон или планшет с установленным приложением ibisPaint X.

Рисовать можно пальцем или совместимым стилусом.

Никакие дополнительные художественные материалы не потребуются.

Желательно заранее зарядить устройство, освободить немного места в памяти и выбрать удобное рабочее место.

Если ты рисуешь на смартфоне, используй увеличение холста для небольших деталей.

Полезный совет: во время рисования периодически давай глазам и рукам короткий отдых. Даже пятиминутный перерыв помогает сохранить внимание и избежать усталости.

3.3. Шаг 1. Создаём новый холст

Открой приложение ibisPaint X.

Перейди в раздел «Моя галерея» (My Gallery) и нажми кнопку «+».

Для нового рисунка установи следующие параметры:

Ширина: 2000 пикселей.

Высота: 2000 пикселей.

Ориентация: квадратная.

Фон: белый.

Если устройство работает медленно, можно выбрать размер 1000 × 1000 пикселей. При этом размеры кистей из мастер-класса желательно уменьшить примерно вдвое.

Создай холст.

Теперь представь, что перед тобой чистый лист бумаги.

Кружку мы расположим немного ниже центра. Сверху оставим свободное пространство для лёгкого пара, а справа — место для ручки.

Не начинай рисовать слишком близко к краям. Для красивой композиции важно оставить немного свободного пространства вокруг предмета.

Результат шага: создан новый холст для цифровой иллюстрации.

3.4. Шаг 2. Подготавливаем слои

В этом мастер-классе мы будем использовать несколько слоёв, чтобы работать с разными элементами независимо друг от друга.

Открой панель «Слои» (Layers).

Для начала создай прозрачный слой «Набросок».

По мере работы мы добавим другие слои.

Итоговый порядок будет следующим, сверху вниз:

«Пар» — лёгкие линии над напитком.

«Блики» — светлые участки кружки.

«Напиток» — поверхность какао.

«Свет и тень» — объём на корпусе.

«Корпус» — основная часть кружки.

«Ручка» — боковая ручка.

«Набросок» — предварительные линии.

«Тень на столе» — падающая тень.

«Фон» — белая поверхность.

Важно: не нужно создавать все слои сразу. Добавляй их постепенно, когда переходишь к новому элементу.

Результат шага: подготовлена основа для аккуратной послойной работы.

3.5. Шаг 3. Учимся видеть форму кружки

Прежде чем рисовать, внимательно представь обычную керамическую кружку.

Из каких простых фигур она состоит?

Основная часть напоминает цилиндр.

Верхний край выглядит как овал, потому что мы смотрим на кружку немного сверху.

Ручка напоминает изогнутую букву «С».

Нижняя часть может быть немного уже верхней.

Это значит, что нам не нужно сразу рисовать сложный предмет. Достаточно правильно соединить несколько простых форм.

Представь вертикальный прямоугольник со слегка округлёнными нижними углами.

Сверху расположи горизонтальный овал.

Справа добавь округлую ручку.

Вот и получилась основа будущей кружки.

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

3.6. Шаг 4. Рисуем первоначальный набросок

Выбери инструмент «Кисть» (Brush).

Для наброска подойдёт обычное цифровое перо или карандашная кисть.

Установи размер 8 пикселей и непрозрачность приблизительно 50%.

Выбери светло-серый цвет #A8A8A8.

Убедись, что активен слой «Набросок».

Теперь нарисуй в центральной части холста широкий горизонтальный овал.

Он станет верхним краем кружки.

Овал должен быть заметно шире своей высоты. Например, его ширина может составлять около 750 пикселей, а высота — 170 пикселей.

Если рисовать ровный овал от руки трудно, можно воспользоваться инструментом построения эллипса, если он доступен в твоей версии приложения.

От левого и правого краёв овала проведи две линии вниз.

Пусть они немного сближаются к нижней части кружки.

Соедини их плавной изогнутой линией, формируя округлое дно.

Высота корпуса может составлять приблизительно 750 пикселей.

Теперь справа нарисуй большую округлую ручку.

Для этого проведи две изогнутые линии, образующие толстую дугу с отверстием посередине.

Ручка должна соединяться с корпусом в верхней и нижней частях.

Не делай её слишком тонкой. У керамической кружки ручка обычно достаточно широкая.

Посмотри на получившийся набросок.

Он должен напоминать простую кружку, даже если пока состоит только из серых линий.

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

3.7. Шаг 5. Рисуем ручку кружки

Начнём чистовой рисунок с ручки, поскольку она находится позади корпуса.

Создай новый прозрачный слой «Ручка» над наброском.

Выбери кисть с чёткими краями, например «Цифровое перо» (Digital Pen).

Установи размер 8 пикселей, непрозрачность 100% и тёмно-голубой цвет #427C9E.

Аккуратно обведи внешнюю и внутреннюю границы ручки.

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

Затем выбери основной голубой цвет #78C6E8.

Активируй инструмент «Заливка» (Bucket) и коснись внутренней части замкнутой формы ручки.

Она должна стать голубой.

Если заливка выходит за границы, проверь, соединены ли линии.

Теперь выбери более тёмный оттенок #4A9BC2.

Мягкой кистью небольшого размера добавь тёмную полосу вдоль внутреннего края ручки. Для аккуратности можно предварительно создать выделение по непрозрачной области слоя ручки.

Так ручка станет немного объёмнее.

Полезный совет: не переживай, если места соединения ручки с корпусом выглядят неаккуратно. Позже мы нарисуем корпус поверх этих участков, и лишние линии скроются.

Результат шага: готова голубая ручка кружки с лёгким затемнением.

3.8. Шаг 6. Создаём корпус кружки

Теперь нарисуем основную часть предмета.

Создай новый прозрачный слой «Корпус» над слоем «Ручка».

Выбери цифровое перо размером 8 пикселей и тёмно-голубой цвет #427C9E.

Обведи боковые стороны и нижнюю часть кружки по наброску.

Верхнюю границу корпуса проведи по передней половине верхнего овала: от левого края через нижнюю точку овала к правому краю.

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

Проверь, чтобы контур корпуса был полностью замкнут.

Выбери основной цвет #78C6E8.

Используй инструмент «Заливка» и закрась корпус.

Теперь перед тобой голубая кружка с ручкой.

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

Но уже через несколько шагов мы изменим это.

Результат шага: готов голубой корпус кружки с чётким контуром.

3.9. Шаг 7. Рисуем верхний край и какао

Теперь добавим верхнюю часть кружки и сам напиток.

Создай новый прозрачный слой «Напиток» над слоем «Корпус».

Выбери цифровое перо размером 8 пикселей.

Установи тёмно-голубой цвет #427C9E.

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

Он должен соединять верхние точки корпуса.

Для ровной формы можно использовать инструмент эллипса.

Затем внутри первого овала нарисуй второй, немного меньший.

Между двумя овалами останется узкая полоска — видимый керамический ободок кружки.

Закрась эту полоску светло-голубым цветом #B8E5F5. При использовании заливки убедись, что внутренний и внешний контуры замкнуты.

Теперь выбери тёмно-коричневый цвет #6B3E2E.

Активируй инструмент «Заливка» и закрась внутренний овал.

Это будет поверхность горячего какао.

Чтобы напиток выглядел интереснее, добавь небольшой мягкий участок более светлого коричневого цвета #9B6546 ближе к левому краю.

Не нужно рисовать сложные узоры. Достаточно лёгкого цветового перехода.

Совет художника: поверхность жидкости в кружке обычно выглядит овальной из-за угла зрения. Если нарисовать её обычным кругом, предмет будет восприниматься менее естественно.

Результат шага: у кружки появился аккуратный верхний край и видимая поверхность какао.

3.10. Шаг 8. Разбираемся, как работает свет

Прежде чем добавлять объём, важно понять один простой принцип.

Представь, что слева от кружки находится окно или настольная лампа.

Свет падает на левую сторону предмета.

Поэтому левая часть кружки будет светлее, центральная сохранит основной цвет, а правая окажется темнее.

Эти участки называются светом, полутенью и собственной тенью.

Свет — наиболее освещённая область предмета.

Полутень — участок, где освещение постепенно ослабевает.

Собственная тень — часть поверхности, которая получает меньше прямого света.

Есть ещё падающая тень. Она появляется не на самой кружке, а на столе, поскольку предмет перекрывает свет.

Для нашего рисунка выберем простую схему освещения:

Источник света находится сверху слева.

Светлый участок расположен слева на корпусе.

Основной голубой цвет занимает центральную часть.

Тёмный участок находится справа.

Падающая тень смещена вправо от основания кружки.

Главное правило: все световые эффекты должны соответствовать одному выбранному направлению освещения.

Если свет падает слева, не стоит без причины делать правую сторону самой яркой.

3.11. Шаг 9. Добавляем собственную тень

Теперь начнём превращать плоскую кружку в объёмную.

Создай новый прозрачный слой «Свет и тень» над слоем «Корпус», но под слоем «Напиток».

Выбери мягкую кисть «Аэрограф» (Airbrush).

Установи тёмно-голубой цвет #4A9BC2.

Размер кисти — приблизительно 250 пикселей.

Непрозрачность — 15–20%.

Чтобы тень не выходила за границы корпуса, сначала создай выделение по непрозрачной области слоя «Корпус». Затем вернись на слой «Свет и тень».

Теперь аккуратно проведи мягкой кистью вдоль правой стороны кружки.

Начни немного ниже верхнего края и двигайся к нижней части.

Не закрашивай всю поверхность.

Достаточно создать плавное затемнение примерно на правой трети корпуса.

При необходимости повтори штрих ещё один раз, но не переусердствуй.

Посмотри на кружку при уменьшенном масштабе.

Правая сторона должна выглядеть немного темнее центральной.

Результат шага: появилась собственная тень, которая помогает передать округлую форму кружки.

3.12. Шаг 10. Создаём полутень

Теперь сделаем переход между основным голубым цветом и тёмной стороной более плавным.

Оставь активным слой «Свет и тень».

Выбери мягкую кисть размером приблизительно 180 пикселей.

Установи промежуточный голубой оттенок #62B4D8.

Непрозрачность — около 10–15%.

Проведи один мягкий вертикальный штрих рядом с тёмной областью, ближе к центру корпуса.

Не нужно полностью перекрывать основной цвет.

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

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

Теперь посмотри на кружку.

Ты должен увидеть три основные области: светлую слева, основную голубую в центре и более тёмную справа.

Результат шага: между основным цветом и тенью появился плавный переход.

3.13. Шаг 11. Добавляем светлый блик

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

Создай новый прозрачный слой «Блики» над слоем «Свет и тень», но под слоем «Напиток».

Выбери мягкий аэрограф.

Установи светло-голубой цвет #D5F3FF.

Размер кисти — приблизительно 180 пикселей.

Непрозрачность — 10–15%.

Создай выделение по непрозрачной области слоя «Корпус», если оно уже было снято.

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

Не начинай прямо у контура. Оставь небольшое расстояние от края.

Блик должен быть вытянутым и немного размытым.

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

Но помни: слишком яркий белый блик может сделать кружку похожей на металлическую или стеклянную.

Нам нужна нежная керамическая поверхность.

Результат шага: кружка получила мягкое отражение света и стала выглядеть более объёмной.

3.14. Шаг 12. Рисуем падающую тень на столе

До этого момента кружка словно находилась в пустом пространстве.

Теперь покажем, что она стоит на поверхности.

Создай новый прозрачный слой «Тень на столе».

Расположи его над фоном, но под всеми слоями кружки.

Выбери мягкий аэрограф.

Установи серо-голубой цвет #A8B8C5.

Размер кисти — приблизительно 350 пикселей.

Непрозрачность — 15–20%.

Нарисуй под кружкой широкую мягкую тень.

Она должна быть похожа на приплюснутый овал, слегка смещённый вправо.

Поскольку свет падает сверху слева, падающая тень будет уходить в противоположную сторону.

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

Не рисуй тень слишком чёрной.

Для нашей светлой иллюстрации достаточно мягкого серо-голубого оттенка.

Если тень кажется слишком большой, уменьши её или аккуратно сотри лишнюю часть.

Полезный совет: самая тёмная часть падающей тени обычно находится ближе к месту соприкосновения предмета с поверхностью.

Результат шага: кружка визуально стоит на столе, а не висит в воздухе.

3.15. Шаг 13. Рисуем лёгкий пар над какао

Теперь добавим небольшую деталь, которая сделает рисунок уютнее.

Создай новый прозрачный слой «Пар» над всеми остальными слоями.

Выбери мягкую кисть небольшого размера.

Установи светло-серый цвет #B8BEC5.

Размер кисти — приблизительно 12 пикселей.

Непрозрачность — 30–40%.

Над кружкой нарисуй первую плавную изогнутую линию.

Она должна начинаться немного выше поверхности какао и подниматься вверх, слегка изгибаясь.

Затем нарисуй вторую похожую линию рядом.

Добавь третью, немного короче.

Не делай линии идеально одинаковыми.

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

Теперь выбери ластик с мягкими краями и аккуратно ослабь верхние концы линий, чтобы они постепенно исчезали.

Если результат получился слишком заметным, уменьши непрозрачность слоя «Пар».

Совет художника: иногда двух тонких линий пара достаточно, чтобы зритель понял, что напиток горячий.

Результат шага: над какао появился лёгкий пар, создающий ощущение тепла.

3.16. Шаг 14. Добавляем последние детали

Наш рисунок почти готов.

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

Например, нарисовать маленькое сердечко на передней части кружки.

Для этого создай новый прозрачный слой над корпусом, но под слоем с напитком.

Выбери кисть с чёткими краями.

Установи размер 8 пикселей и белый цвет #FFFFFF.

Нарисуй небольшое сердечко в центральной части кружки.

Сначала проведи две короткие изогнутые линии, соединяющиеся в нижней точке.

Замкни контур и аккуратно закрась внутреннюю часть белым цветом.

Сердечко не должно быть слишком большим. Достаточно, чтобы оно занимало примерно одну пятую ширины корпуса.

Если тебе больше нравится минималистичный стиль, можешь оставить кружку без украшений.

Теперь проверь остальные элементы.

Убедись, что ручка хорошо видна, поверхность какао не перекрывает передний край кружки, блики не слишком яркие, а падающая тень находится под предметом.

Результат шага: готова выразительная иллюстрация уютной кружки с какао.

3.17. Шаг 15. Проверяем и сохраняем рисунок

Уменьши масштаб холста, чтобы увидеть всю композицию.

Посмотри на кружку целиком.

Светлая сторона должна находиться слева, тёмная — справа, а падающая тень — под кружкой с небольшим смещением вправо.

Если всё выглядит гармонично, можно сохранять работу.

Открой меню сохранения или экспорта в ibisPaint X.

Выбери формат PNG.

Сохрани изображение в память устройства.

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

Для удобства назови проект «Моя уютная кружка с какао».

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

Результат шага: готовая иллюстрация сохранена и доступна для дальнейшего редактирования.

3.18. Если что-то пошло не так

При создании объёмных предметов начинающие художники часто сталкиваются с похожими трудностями.

Разберём основные проблемы и способы их решения.

Почему кружка выглядит плоской?

Скорее всего, на корпусе недостаточно различаются светлая и тёмная области.

Решение: добавь мягкое затемнение справа и светлый участок слева. Не делай переходы слишком резкими.

Почему тень выглядит как грязное пятно?

Возможно, ты использовал слишком тёмный цвет или высокую непрозрачность кисти.

Решение: отмени лишние штрихи, выбери более светлый оттенок и уменьши непрозрачность до 10–20%.

Почему ручка выглядит неестественно?

Часто это происходит, когда внутренняя и внешняя линии ручки имеют слишком разную форму.

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

Почему верх кружки выглядит как круг, а не овал?

Вероятно, овал получился слишком высоким.

Решение: сделай его шире и ниже. Для нашего рисунка высота верхнего овала должна быть значительно меньше его ширины.

Почему блик выходит за контур?

Мягкая кисть может закрашивать соседние области, если не ограничить рисование.

Решение: создай выделение по непрозрачной области корпуса и рисуй блик на отдельном слое.

Почему какао выглядит как тёмная крышка?

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

Решение: немного опусти внутренний овал напитка и оставь узкую светло-голубую полоску переднего края кружки.

Почему пар похож на дым?

Скорее всего, линии слишком толстые или тёмные.

Решение: используй более светлый цвет, небольшую непрозрачность и плавные тонкие линии.

3.19. Маленький секрет художника: пять элементов объёма

Теперь, когда кружка готова, познакомимся с важным художественным принципом.

Чтобы предмет выглядел объёмным, художник учитывает несколько основных элементов освещения.

1. Свет. Самая освещённая часть поверхности. На нашей кружке она находится слева.