В этом уроке вы узнаете, как создать трогательную иллюстрацию с забавными мышками.

При создании рисунка важно обдумать три составляющих: освещение, объем и цвет. Кроме того, вы можете вложить в него какое-то эмоциональное послание.

Видео-урок

Шаг 1

Создаем новый документ File - New (Файл - Новый) и устанавливаем достаточно большой размер. Расширение выбираем 300 dpi, на тот случай, если вы захотите распечатать рисунок. Работать с большим полотном гораздо удобнее, а закончив работу, вы можете его уменьшить до более подходящего размера.

Начинаем с создания на новом слое простого наброска Layer - New - Layer (Слой - Новый - Слой) (Shift+Command/Ctrl+N), на котором мы определяемся с композицией. Устанавливаем режим смешивания слоя на Multiply (Умножение) и блокируем его. Я уменьшила непрозрачность до 50%, чтобы контуры не мешали рисовать.

2. Создаем фон

Шаг 1

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

3. Добавляем объем

Шаг 1

Создаем новый слой Layer - New - Layer (Слой - Новый - Слой) и жесткой кистью рисуем листья на переднем плане. О деталях не беспокойтесь, их будем добавлять по мере работы. Ранние стадии рисования, в большей степени, посвящены анализу и построению композиции. Поэтому на данном этапе набросок должен быть достаточно быстрым и простым.

Шаг 2

Чтобы размыть слой с листьями, переходим (Фильтр - Размытие - Размытие по Гауссу). Установите радиус на такое значение, чтобы структура листьев более-менее просматривалась.

Закончив с размытием, добавляем новый слой Layer - New - Layer (Слой - Новый - Слой) и устанавливаем его режим смешивания на Soft Light (Мягкий свет). Затем приступаем к нанесению базового слоя со светом: оранжевый - вверху, голубой - внизу.

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

4. Мыши

Шаг 1

Начинаем рисовать мышей. Создаем новый слой Layer - New - Layer (Слой - Новый - Слой) и в качестве основы используем нейтральный оттенок коричневого. Выберите что-то не слишком темное и не слишком светлое.

Шаг 2

Теперь, над слоем с базовыми цветами, добавляем еще один новый Layer - New - Layer (Слой - Новый - Слой). Преобразовываем его в обтравочную маску комбинацией клавиш Ctrl/Command+Alt+G. Благодаря этому, все, что мы будем рисовать на новом слое, не будет выходить за границы базового слоя.

На этом слое мы будем рисовать базовое освещение для мамы-мыши. Я хочу, чтобы свет был достаточно ярким и насыщенным. Для этого устанавливаем режим смешивания слоя на Hard Light (Жесткий свет). В области головы и рук добавляем оранжевый цвет, а в нижней части зеленовато-голубой оттенок, так как свет, падающий на зелень, поглощает цвет и отражает его на нижней части туловища мыши.

Повторюсь, не детализируйте. Детали будем добавлять в самом конце. Закончив с основным светом, выделяем два слоя и объединяем их в один Command/Ctrl+E или переходим Layer - Merge Layers (Слой - Объединить слои). Если вы не будете группировать и объединять слои, то в конце работы у вас их может быть 100 штук и вряд ли вы сможете с легкостью в них разобраться.

Шаг 3

Закончив с основой, переходим к созданию более четких форм. Добавляем новый слой Layer - New - Layer (Слой - Новый - Слой) и преобразовываем его в обтравочную маску для базового слоя с мышью. Кистью аккуратно начинаем детализировать персонажа, выделяя свет и тени.

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

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

Шаг 4

Я добавила новый слой и привязала его к основе (Command/Ctrl+Alt+G). Режим смешивания устанавливаем на Soft (Мягкий) или Hard Light (Жесткий свет), исходя из желаемого результата. Жесткий свет имеет более сильное воздействие, но его необходимо использовать аккуратно, стараясь не "сжечь" картинку. Я добавила немного оранжевого оттенка в верхней части туловища и зеленовато-голубого в нижней, чтобы мышь более гармонично сочеталась с фоном.

Шаг 5

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

Шаг 6

На данном этапе световые эффекты выглядят достаточно тускло и не выделяются. Во время работы очень важно продумывать основные моменты. Каким образом ведет себя свет? Откуда он исходит? Есть ли какие-то преграды на его пути?

Мышонок, который находится ближе всего к маме, будет слегка заслонен ею, поэтому его тело будет не полностью освещено. Я не трогала голову, так как мама-мышь закрывает собой свет, который обтекает ее тело. Хвосты и уши слегка просвещаются, поэтому в этих местах рисуем рассеянный подповерхностный свет и добавляем красноватое свечение.

Шаг 7

В данном рисунке мыши сидят на веточке, с которй пытаются собрать утреннюю росу. Я немного детализировала мышат и добавила новый слой, котрый привязала к основе. Режим смешивания слоя я установила на Hard Light (Жесткий свет).

Аккуратно добавляем оранжевый цвет на ушках, где свет наиболее яркий. Продолжайте работать, пока не будете довольны результатом. Как правило, в таких ситуациях я доверяю своим ощущениям. Я могу определить где света слишком много, а где мало, и исправить это. Доверяйте своим инстинктам и, если что-то не нравится, измените это. Если вам сложно это сделать, попросите друга оценить рисунок. Ваши друзья не должны быть художниками, чтобы понять, где смотрится хорошо, а где не очень.

Шаг 8

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

Я добавила свет на ветке, придав ей объема. Советую при рисовании природных элементов изучать фотографии, а лучше всего выйти на улицу. Как на самом деле выглядит реальная ветка? Как свет взаимодействует с ней? Где она грубее, а где более гладкая? Как текстуру ветки воссоздать в цифровом рисунке?

5. Дорабатываем фон

Шаг 1

Я решила добавить сверкающих от росы листьев. Они будут выгодно контрастировать с основными элементами. Начинаем с рисования зеленой основы на новом слое Layer - New - Layer (Слой - Новый - Слой).

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

Шаг 2

Я выбрала слой с дальними листьями и слегка их размыла Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу). Листья должны достаточно хорошо просматриваться, поэтому используем не такое интенсивное размытие, как раньше Траву на переднем плане оставим четкой. Она примерно на том же расстоянии от зрителя, что и мыши.

Добавляем новый слой Layer - New - Layer (Слой - Новый - Слой) над всеми фоновыми слоями, в том числе и с травой. Устанавливаем режим смешивания на Overlay (Перекрытие) и уменьшаем непрозрачность до 75%. Теперь начнем придавать работе влажную атмосферу. Мягкой кистью морского синего цвета слегка начинаем тонировать фон. Для лучшего результата я добавила корректирующий слой Photo Filter (Фото-фильтр) и установила его на Cooling (80) (Холодный) с плотностью 25%.

Шаг 3

Теперь займемся листиком-чашей и капелькой росы. Для листка создаем базовый зленый слой.

Шаг 4

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

Шаг 5

Продолжаем детализировать лист, добавляем контрастности. Насыщенность придает драматизма и привлекательности.

Шаг 6

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

Шаг 7

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

Шаг 8

Работая с листьями, я решила улучшить свет на переднем плане.
Мне показалось, что листья слишком яркие, поэтому я добавила новый слой над фоном и установиоа его режим смешивания на Hard Light (Жесткий свет). Бледным темно-зеленым цветом тонируем нижнюю часть изображения. Теперь слишком много зеленого, поэтому создаем еще один новый слой с режимом смешивания Soft Light (Мягкий свет) и тонируем листья синим цветом, чтобы придать эффект влажности. Далее снова создаем слой с режимом смешивания Soft Light (Мягкий свет) и серовато-синим цветом тонируем листья на заднем плане для усиления атмосферы.

Приветствую всех!

Если раньше, чтобы нарисовать картину - требовалась кисть, мольберт, краски и пр. вещи, то сейчас творить - можно не отходя от компьютера! Причем, хочу заметить, что картины, созданные в каком-нибудь редакторе на компьютере, вызывают также сильный восторг (как если бы это была картина на холсте)!

Добавлю, что многие ошибочно полагают, что нарисовать картину на компьютере - легче, чем на холсте. Водить курсором (или даже рисовать с помощью графического планшета) ничуть не легче и не быстрее!

Собственно, эта статья посвящена инструментам - чтобы нарисовать картину, нужны специальные программы для рисования (прим. : графические редакторы) . Вот о них и пойдет речь ниже (кстати, добавлю, что программы я выбрал бесплатные с поддержкой всех популярных Windows: 7, 8, 10 (32|64 bits)) . И так...

Кстати! У меня на блоге есть еще одна статья, посвященная рисованию. Есть спец. сайты, позволяющие творить картины в онлайн-режиме, познакомиться с другими художниками, найти общие идеи. Об этом см. в этой статье:

Список лучших программ. Начинаем рисовать?

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

Растровый рисунок представляет из себя полотно, на котором есть множество разноцветных точек (пикселей). Вкупе вместе все эти точки смотрятся человеческим глазом, как какая-нибудь картинка (или фото).

Векторный рисунок состоит из сущностей: линия, отрезок, квадрат, эллипс и др., которые все между собой увязаны. Все эти сущности также образуют самые разнообразные картины.

Основное преимущество векторного рисунка перед растровым - это возможность как угодно его трансформировать (например, увеличить) без потери качества. Компьютеру, фактически, нужно лишь пересчитать вашу картинку по мат. формулам.

Растровая же графика удобна для создания качественных фото и цифровых рисунков. Наиболее популярные форматы растрового изображения JPEG и PNG. Именно растровая графика пользуется наибольшей популярностью в наше время (и именно поэтому, в моей статье основной взор отдан программам для работы с ней).

Векторные редакторы в статье : Gravit, DrawPlus, Inkscape.

Растровые редакторы в статье : Paint, Gimp, ArtWeaver и остальные...

Paint

Растровый редактор

Базовая программа в Windows

Как запустить : найти в меню ПУСК, либо нажать кнопки Win+R , ввести команду mspaint в строку открыть и нажать Enter.

Очень простой графический редактор, предназначенный даже не для рисования, а для легкой правки картинок (добавить надпись, стрелочку, что-то подтереть, вырезать один кусочек картинки и вставить в другую, сохранить сделанный скриншот и пр.).

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

Gimp

Растровый редактор (частично векторный)

GNU Image Manipulation Program (или сокращённо GIMP) - очень мощный бесплатный и многоцелевой графический редактор. Этот редактор очень многофункциональный: может использоваться для рисования, или как программа ля ретуши цифровых фоток, как программа для обработки пакета картинок и их публикации (+ преобразование одного формата в другой).

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

Основные достоинства:

• рисование картин и плакатов;
• поддержка графических планшетов (Wacom, Genius и т.д.);
• рисовать веб-дизайны для сайтов, редактировать готовые макеты из Photoshop;
• сможете освежить свои старые фотографии, сделать их более сочными и яркими;
• или плакат;
• удалять с фотографий лишние элементы (неудачный снимок может стать удачным!);
• огромная коллекция плагинов к GIMP позволит решать самые разнообразные задачи;
• поддержка программой ОС Windows, Mac, Linux.

ArtWeaver

Растровый редактор (некий аналог Photoshop)

Эта программа повторяет множество инструментов такого популярного редактора, как Adobe Photoshop. Для редактирования готовых картинок и рисования новых имеются куча готовых кистей всех типов и размеров, разные режимы, имитация карандаша, чернильная ручка, масляная кисточка и пр.

Основные достоинства:

• поддержка всех популярных графических форматов: GIF, JPEG, PCX, TGA, TIFF, PNG (в том числе PSD и AWD);
• огромное число инструментов для редактирования картинок: градиенты, выделения, заполнения и пр.;
• поддержка плагинов;
• наличие удобных инструментов для рисования: кисти, карандаши и пр.;
• поддержка графического планшета (БОЛЬШОЙ плюс для любителей рисовать);
• много различных фильтров: пятно, размытие, мозаика, маскировка и т.д.;
• работа с текстовыми слоями;
• возможность последовательной отмены своих действий.
• поддержка всех популярных версий Windows.

MyPaint

Растровый редактор

MyPaint - нарисованный портрет девушки

Популярный растровый графический редактор, предназначенный больше для цифровых художников (любителей порисовать). Представляет собой неограниченный холст (лист) и относительно простой интерфейс на GTK+, не отвлекая художника от процесса творчества - рисования.

В отличие от того же Gimp, MyPaint обладает куда меньшей функциональностью граф. редактора, но к вашему вниманию огромный безразмерный холст; большое число кистей, под самые разные задачи и для разных функций (кистей очень много, см. скрин выше).

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

Главные особенности:

• программа специально предназначена для рисования, поэтому в ней меньшее число опций для редактирования уже имеющихся картинок (т.е. нет таких функций, как выделение, масштабирование и пр.);
• огромный набор кистей, которые можно настраивать под себя: создавать и менять группы, размывать, смешивать цвета и т.д.;
• программа поддерживает графический планшет;
• безграничный холст очень удобен в процессе рисования - вас ничего не сдерживает во время творчества;
• поддержка слоёв: копирование, вставка, настройка прозрачности и пр.;
• поддерживается Windows, Mac OS, Linux.

SmoothDraw

Растровый

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

Хочу сразу же отметить, что в программе много кистей (ручка, щетка, аэрограф, карандаш, и т.д.), есть инструменты для ретуширования, работы со слоями, можно менять яркость, контрастность, цвета у картинок, добавить какие-нибудь эффекты.

Особенности программы:

• многие видов кистей для рисования: карандаш, мел, ручка, аэрография, щётка, спрей и пр.;
• работает с планшетными ПК, поддерживает графические планшеты;
• работает со следующими форматами изображений: PNG, BMP, JPEG, JPG, TGA, JIF, GIF и TIFF;
• есть инструменты для ретуши фотографий;
• работа со слоями;
• возможность цветокоррекции;
• совместима с Windows 7, 8, 10.

Примечание! Для работы SmoothDraw у вас в Windows должен быть NET Framework не ниже версии v2.0.

Paint.NET

Растровый

Paint.NET - бесплатный редактор картинок и фотографий для Windows. Основное отличие от других программ в том, что используется интуитивно понятный и инновационный интерфейс с поддержкой слоев, безразмерным холстом, специальными эффектами, полезными и мощными инструментами редактирования (аналоги которых, есть только в платных продуктах).

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

Особенности:

• бесплатная для распространения и использования;
• удобный интерфейс (в чем-то похож на Photoshop);
• можно работать со множеством документов одновременно;
• поддержка работы со слоями;
• большое количество инструкций;
• программа оптимизирована для работы с 2-х и 4-х ядерными современными процессорами;
• поддерживается всеми популярными Windows: XP, 7, 8, 10.

Livebrush

Растровый

Livebrush (в переводе с англ. "живая кисть") - мощный графический редактор, позволяющий рисовать кистями. Причем, сразу хочу отметить, что "рисовалка" это не простая, с ее помощью можно создавать довольно интересные картины, оформить арт красивыми мазками и линиями и пр.

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

Кстати, у кого есть графический планшет - смогут в полной мере ощутить преимущества Livebrush, ведь она понимает также силу нажатия и его наклоны.

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

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

В общем, мой вердикт - программа очень удобная, интересная, и заслуживает внимание всех любителей рисовать!

Inkscape (Инкскейп)

Векторный редактор (один из немногих)

Бесплатные аналоги: Gravit, DrawPlus

Платные аналоги: Corel DRAW и Adobe Illustrator

Inkscape - бесплатный векторный редактор, один из немногих, кто может частично заменить такие монстры, как Corel Draw и Adobe Illustrator. У приложения довольно стандартный интерфейс: палитра цветов, меню, инструменты. Программа поддерживает все основные графические форматы: SVG, PDF, AI, PS, EPS, CorelDRAW.

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

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

Gravit

Векторный редактор (онлайн версия)

Gravit - достаточно интересный векторный редактор. Конечно, заменить Adobe Illustrator он не сможет, но поспорить с предыдущей программой (Inkscape) - вполне.

Из инструментов есть все самое основное: перья, лини, пересечение и высечение фигур друг из друга, выравнивание, слои, шрифты и т.д. Работы можно экспортировать в формат SVG, в несколько растровых. Так же в программе можно открыть работы, выполненные в Adobe Illustrator.

Что несколько удивляет - это то, что Gravit смотрится как настоящая программа, в то время как работает в окне браузера, причем без использования Flash. Из главных недостатков выделил бы отсутствие русского языка.

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

В общем-то, интересный редактор, заслуживающий внимания.

DrawPlus

Векторный

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

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

Кстати, в DrawPlus есть модуль 3D - он позволит превращать ваше творчество в настоящие элементы 3D дизайна. Можно применить самые разнообразные эффекты при создании логотипов, изометрических проекций, блок-схем.

В программу можно импортировать огромное число форматов: PDF, AI, SVG, SVGZ, EPS, PS, SMF, и др. Собственный формат для проектов - DPP.

Graffiti Studio

Сайт: http://www.vandalsquad.com

Растровая графика

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

Чтобы начать рисовать: необходимо выбрать кусок полотна (вагон, стены, автобус), и, собственно, начать творить (готовых вариантов для выбора - просто кучи!). В арсенале художника большая палитра цветов (более 100 штук), несколько видов кэпов (skinny, regular и fat), маркер. Расстояние до поверхности изменяется вручную, есть возможность делать потеки. В общем, для любителей подобной графики - простор огромный!

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

PixBuilder Studio

Растровый редактор

Мощная программа для обработки и редактирования графический изображений и фотографий. Кроме редактирования, вполне можно рисовать и творить (правда, инструментов здесь для этого меньше, чем в предыдущих аналогичных программах).

В PixBuilder Studio есть достаточно интересные инструменты, позволяющие тонко работать с цветом, яркостью, контрастностью, слоями. Кроме этого имеются встроенные эффекты (например, дизеринг (при обработке цифровых сигналов представляет собой подмешивание в первичный сигнал псевдослучайного шума со специально подобранным спектром) ), размытие, резкость и т.д.

Особенности:

• поддержка популярных растровых форматов: BMP, PNG, JPG, GIF, TIFF, и пр.;
• есть возможность и инструменты для рисования (правда, весьма ограничены);
• большие возможности по редактированию готовых фото и картинок;
• возможность работы со слоями;
• профессиональная работа с цветом: регулировка баланса, яркость, контрастность и т.д.;
• настройка "горячих" клавиш;
• наличие готовых эффектов (необходимо лишь применить их);
• предварительный просмотр (для оценки результата);
• поддержка популярных ОС Windows: 7, 8, 10.

Krita

Растровый редактор

Отличный и удобный растровый графический редактор для художников (кстати, на момент написания сего обзора - программа бесплатна даже для коммерческого использования). Krita работает как в Windows, так и в Linux.

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

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

PS: статья будет дополняться...

За подсказки и наводки в комментариях - благодарен заранее!

Основные инструменты описаны .

Для начала необходимо правильно расположить наш рисунок. Вследствие моих трудностей при наброске пропорций, первую вещь, которую я создал - сетку, по фотографии (размер A4 картинка из глянцевого журнала) используя карандаш и линейку. Сетка состояла из 12 квадратов поперек и 9 вниз, каждый квадрат 1,5см.

Для этого я создал прозрачный слой и (для дальнейшей работе с линейкой) далее размерную сетку – 12 квадратов поперек и 9 вниз. Назвал слой СЕТКА (GRID). Поскольку мне необходим был размер 640х480 этого изображения, для этого я подравнял сетку до нужного мне размера.

После этого я создал другой слой с белым фоном, назвал его ЭСКИЗОМ (SKETCH), поместив перед слоем СЕТКИ(GRID), подобно этому:

На слое ЭСКИЗА, я начал создавать набросок в фотошопе, используя инструмент line tool , с сеткой для лучшей прорисовки пропорций.

Позади этого ЭСКИЗА, на белом слое, я начал добавлять небольшую штриховку с помощью airbrush , пока не получилось это:

Шаг1

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

Основная тень

При работе с фоновым слоем в Фотошопе (с ЭСКИЗОМ и слоем СЕТКИ на переднем плане), я начал заштриховывать изображение серым, используя airbrush и smudge tool с различными настройками кистей, варьируя pressure 60-80%.

Шаг 2

Для более плотных областей, таких как нос, я добавлял маленькие капли и линии, которые потом размазывал по всей форме носа, используя smudge tool .

Используя те же самые инструменты, я начал заштриховывать мужское лицо, подкрашивать некоторые области и добавлять тени к плечу девушки, пока не пришёл к этому:

Шаг 3

Базовая раскраска

По светлым и тёмным областям, я начал накладывать цвет. Это было сделано довольно таки просто, крася по текущему изображению airbrush в режиме mode:color.

Шаг 3

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

Что не надо делать!

Так как Я рисую по своей методике, могу сразу сказать о допущенных мною ошибках в ходе этой работы.

Первая ошибка заключалась в том, что я начал раскрашивать не по слою ЭСКИЗА, а по фоновому слою (background), подумав, я решил слить слои. Из-за этого я потерял большое количество времени и нервов:

Ошибка 1 : я вырезал изображение с помощью Magic Wand и приклеил его на красный фон, испортив при этом сглаживание вокруг головы девушки. Я также заметил, что немного поторопился с airbrush ’ем и потерял некоторые детали на носе мужчины и его щеке. Загрузив предыдущую стадию своей работы, попытался вырезать мужчину и приклеивать его на испорченное изображение (не очень то хорошо получилось) и немного позже всёже пришлось подчищать некоторые области резинкой.

Ошибка 2 : рисовать волосы девушки мне показалось очень легко, и я решил применить один из фильтров,перед дальнейшей обработкой инструментом smudge . Для этого я выделил волосы с помощью инструмента Lasso tool , и применил к ним фотошоп-фильтр "Размазывание краски" (Filter > Artistic > Paint Daubs ).

Иногда я применял sharpen (filter > sharpen ) к волосам, чтобы более чётче проявлялись все детали и резкость цветов, которые присутствуют в волосах, чтобы придать ещё большее количество оттенков и просто для разнообразия и уменьшения монотонности самого их вида.

Выглядит не лучшим образом, да?

После попытки работать с этим (и еще раз расстягивая весь процесс) получалось что-то непонятное.

Я сохранял изображение поверх предыдущего, после раскраски каждой из голов, а также и в дальнейшем ходе работы. Это давало мне две возможности: загружать предыдущий шаг (показанный как шаг 4) или пробовать перекрасить испорченные области. Я решил исправить испорченные места и переделать свою картину.

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

Урок 2 : Не применяйте фильтров! (Ладно, я признаю, что использовал Paint Daubs, НО очень редко).

Так или иначе, в итоге после переделывания изображения при помощи airbrush и smudge tool я достиг следующей стадии.

Шаг 5

Сглаживание

В этом пункте, я решил пригладить некоторые места после работы с кистью. Это было сделано сначала с blur tool и затем, смешивая оттенки вместе с smudge tool , как показано в следующем примере:

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

2. Smudge tool используется обычно для смягчения этих оттенков.

3. Smudge tool и soft brushes использовал для дальнейшего смешивания, до перехода к следующему шагу.

Детализация

Для начала я решил удалить слой СЕТКА со всеми её фишками и продолжить работу без неё, используя первоначальную фотографию. При добавлении различных элементов и деталей, я не беру за основу уже существующий образец. Лучше внести свой собственный творческий потенциал на этой стадии и реализовать некоторые свои задумки.

С dodge и burn tool , я начал усиливать основные световые и теневые моменты. Я также использовал airbrush , burn и dodge tools и smudge tool с hard brushes , чтобы добавить деталей к губам, глазам и носу каждого, слегка как бы подталкивая и растягивая цвета в нужном направлении (см. предыдущий пример носа).

С помощью burn и dodge tools , я начал добавлять светлые и темные линии к волосам девушки, используя smudge tool и hard brushes , для разделения цветовых линий.

К некоторым другим областям волос я применил Filter > Artistic > Paint Daubs (в умеренном количестве) перед сглаживанием и дальнейшей обработкой (как показано ниже).

Шаг 6

Продолжая работу вышеупомянутыми методами, я продолжил сглаживание в местах нанесения цветов кистями, добавляя более сильные эффекты и детализацию к волосам. Я также начал добавлять складки к глазам, ресницам и бровям глаза, используя smudge и burn tools размером в 1px на низком давлении.

1. Простой недетализированный глаз.

2. Основной момент, это осветление кончика глаза при помощи инструмента фотошоп dodge tool . Добавление отдельных элементов к глазу, сделанных при помощи smudge tool .

3. Брови и ресницы, опущены вниз. Добавлены складки к кончику глаза. Добавление фиолетовых оттенков при помощи airbrush в режиме mode: color.

Шаг 7

Часть первая

В сегодняшнем мире компьютеры все более и более проникают в нашу жизнь. Многие сферы уже просто немыслимы без применения ПК: сложные математические расчеты, проектирование, моделирование, интернет-связь и пр. Наконец, дело дошло и до рисования!

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

*Отмечу, что рассматриваться будут только бесплатные программы.

1. Paint - программа по умолчанию…

Именно с Paint хотелось бы начать обзор программ для рисования, т.к. она входит в состав ОС ОС Windows XP, 7, 8, Vista и др., а значит ничего скачивать, чтобы начать рисовать - вам не нужно!

Чтобы ее открыть, зайдите в меню «пуск/программы/стандартные «, а затем щелкните по значку «Paint».

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

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

Тем кто не занимается профессионально изображениями, тем кому иногда в картинках нужно что-нибудь поправить по мелочи - возможности программы более чем достаточно. Именно поэтому знакомство с рисованием на ПК рекомендую начать с нее!

2. Gimp - мощный граф. редактор

Gimp - мощнейший графический редактор, который может работать с графическими планшетами* (см. ниже) и многими другими устройствами ввода.

Основные функции:

Улучшить фотографии, сделать их более яркими, усилить цветопередачу;

Легко и быстро удалить с фотоснимков ненужные элементы;

Резать макеты веб-сайтов;

Рисование картин с помощью графических планшетов;

Собственный формат хранения файлов «.xcf», который способен хранить тексты, текстуры, слои и пр.;

Удобная возможность работы с буфером обмена - вы моментально можете вставить картинку в программу и приступить к ее редактированию;

Gimp позволят архивировать изображения практически «на лету»;

Возможность открытия файлов формата «.psd»;

Создание своих собственных плагинов (если вы, конечно, обладаете навыками программирования).

3. MyPaint - художественное рисование

Сайт: http://mypaint.intilinux.com/?page_id=6

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

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

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

На панельке предусмотрен выбор огромного количества цветов - более 100 шт.! Есть возможность делать подтеки, менять расстояние до поверхности, использовать маркеры и пр. В общем целый арсенал граффити художника!

5. Artweaver - замена Adobe Photoshop

Бесплатный графический редактор претендующий на роль самого Adobe Photoshop. В этой программе имитируется рисование маслом, краской, карандашом, мелом, кистью и пр.

Есть возможность работы со слоями, конвертация картинок в различные форматы, сжатие и пр. Судя по скриншоту ниже - даже не отличишь от Adobe Photoshop!

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

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

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

7. PixBuilder Studio - мини фотошоп

Эту программу в сети многие пользователи уже окрестили мини фотошопом. В ней есть большинство популярных функций и возможностей платной программы Adobe Photoshop: редактор яркости и контрастности, есть инструменты для вырезания, трансформации изображений, можно создавать сложные формы и объекты.

Неплохая реализация нескольких видов размытия картинки, эффекты резкости и пр.

Про такие возможности, как изменения размера картинки, повороты, развороты и пр. - и говорить, наверное, не стоит. В общем PixBuilder Studio - это отличная программа для рисования и редактирования на компьютере.

8. Inkscape - аналог Corel Draw (векторная графика)

Это бесплатный векторный редактор изображений, является аналогом Corel Draw. Эта программа для рисования векторами - т.е. направленными отрезками. В отличие от точечных изображений - векторные легко поддаются изменению размера картинки без потери качества! Обычно, такую программу используют в полиграфии.

Стоит здесь же упомянуть о Flash - там тоже используется векторная графика, позволяющая существенно уменьшить размер ролика!

Кстати, стоит добавить о том, что в программе есть поддержка русского языка!

9. Livebrush - рисование кистью

Сайт: http://www.livebrush.com/GetLivebrush.aspx

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

С одной стороны это ограничивает, зато с другой, программа позволяет реализовать многое того, что в никакой другой - вы такого не сделаете!

Огромное количество кистей, настроек к ним, мазков и пр. Причем, кисти вы можете создавать и сами и скачивать с интернета.

Кстати, под «кистью» в livebrush понимается не «просто простая» линия, но и модели сложной геометрической формы… В общем, рекомендуется к ознакомлению всем любителям работы с графикой.

10. Графические планшеты

Графический планшет - это специальное устройство для рисования на компьютере. Подключается к компьютеру через стандартный USB. При помощи пера вы можете водить по электронному листу, а на экране компьютера сразу же в режиме онлайн видите свою картину. Здорово!

Кому для для чего нужен планшет?

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

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

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

На этом обзор программ закончен. Удачного выбора и красивых рисунков!

Наверное, всякий, кто хоть раз заходил в простейшие графические редакторы, например, встроенный Paint, пытался мышкой нарисовать простейшие задумки. Скорее всего, он либо забрасывал работу, либо получалось неудачное изображение. И дело вовсе не в том, что человек плохо рисует. А в том, что компьютерная мышь, которой пытаются рисовать, не совсем адаптирована под создание иллюстраций. Мышь не способна в точной мере передать те движения руки, которые передаются на бумагу через ручку или другой инструмент. Тогда назревает вопрос: "Как научиться рисовать на компьютере мышкой?". Научиться можно, но к такому компьютерному девайсу нужно найти свой подход.

Графический планшет и компьютерная мышка

В наше время графический планшет - это вовсе не нонсенс. Он появился в магазинах техники достаточно давно и успел полюбиться многим художникам, дизайнерам, архитекторам и любителям просто порисовать. Но, однако, многие не готовы платить деньги за девайс, которым они в будущем, возможно, перестанут пользоваться из-за пропажи интереса или вдохновения. Для проверки своих способностей начинающие художники думают о том, как рисовать мышкой на компьютере. Иногда бывают случаи, когда человек настолько хорошо овладевает искусством рисования мышью, что уже не желает переходить на графический планшет.

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

На самом деле, вполне подойдет любой редактор, даже тот самый Paint. Чтобы рисовать на компьютере мышкой, как некоторые профессионалы, которые замечательно обращаются с ней, необходимо определиться с тем, в каком формате вы будете работать. Либо это будет растровая графика, либо векторная графика. Для первого случая подойдет Adobe Photoshop, а для второго можно применить такие программы, как Corel Draw и Adobe Illustrator. Главной отличие - сама графика и формат, в котором будут функционировать программы, а инструменты везде одинаковые.

Как научиться рисовать мышкой на компьютере?

Главным инструментом для пользователя станет "Кисть" со всеми ее настройками и тонкостями. Помимо этого инструмента понадобиться "Ластик", "Заливка" и режимы "Увеличение/Уменьшение". Для того чтобы научиться рисовать мышкой на компьютере, необходимо иметь терпение и желание, так как этот процесс довольно трудоемкий.

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

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

Небольшие тонкости и нюансы

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

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

Существуют некоторые аксессуары для компьютерной мыши, которые могут облегчить ваш процесс рисования. Их можно заказать в интернет-магазинах. Смотрите видеокурсы с тематикой, схожей с этой: "Учимся рисовать мышкой на компьютере". Благодаря им, можно быстро освоить работу с мышкой и, в целом, улучшить ваши творческие данные.