Уроки paint.net - Ресурсы и Примеры игр - 2D-графика и рисование

Уроки paint.net

Дата: Четверг, 09 Августа 2012, 22:32 | Сообщение # 1

частый гость

Сейчас нет на сайте

Привет всем!
Создал тему специально для тех кто хочет научится рисовать в paint.net
Уроки со временем буду добавлять)
Урок 1
Вот что должно получится в конце урока:

Для начала создадим в Paint.NET новое изображение. Мы использовали размеры изображения по умолчанию 800 на 600 пикселей. И заполним фоновый слой градиентом из двух цветов, такими, какого цвета вы планируете фон будущего рисунка. Мы заполнили слой градиентом для того чтобы создать цвет фона неоднородным. Принцип рисования прозрачного шара, описанный в данном уроке, не зависит от цвета фона. Фон можно сделать и одноцветным и прозрачным.
После того как мы создали фон, создадим новый прозрачный слой и выделим на нем область, соответствующую будущему шару. Для выделения круглой области наиболее подойдет инструмент выделения Paint.NET - "Выбор области овальной формы". Для того что бы выделить круг правильной формы, во время выделения области удерживайте нажатой клавишу Shift на клавиатуре. Мы создали круг диаметром 300 пикселей.

Установим черный и белый цвета в качестве основного и дополнительного цветов в палитре Paint.NET. Используя инструмент кисть внутри выделенной области, на прозрачном слое нарисуем по контору одной половины круга черную линию, по другой белую.

Мы использовали размер кисти 60. После этого необходимо применить к выделенной области эффект Гауссово размытие. Этот эффект является стандартным в Paint.NET и находится в меню "Эффекты" - "Размытие" - "Гауссово размытие". Мы использовали параметры размытия 150. Результат до размытия и после приведен на рисунке слева.
Теперь, не снимая выделения с области, создадим новый прозрачный слой выше предыдущих слоёв. На новом слое внутри выделенной области повторим все тоже, что делали только что. Нарисуем по контору одной половины круга черную линию, а по другой белую и выполним размытие. Только размер кисти и параметры размытия в этот раз используем в два раза меньше. Мы, например, использовали кисть размером 30 и радиус размытия 75. Получившийся у нас результат приведен на рисунке ниже.

Этап 2. Рисуем на прозрачном шаре блик
Теперь добавим световой блик на шар. Для этого, не снимая выделения с области, создадим еще один новый прозрачный слой. Инструментом кисть с белым цветом щелкнем в то место шара, где мы хотим создать блик. После чего опять выполним Гауссово размытие. Мы использовали кисть размером 45 и радиус размытия 35. Полученный результат приведен на рисунке ниже.

Этап 3. Рисуем тень от прозрачного шара
Теперь нарисуем тень от прозрачного шара. Для этого, не снимая выделения с выбранной области, создадим новый прозрачный слой, назовем его "тень". Переместим слой "тень" так, что бы он находился над слоем с фоном и ниже слоев нашего шара. Теперь изменим размер выделенной области, сделав из неё приплюснутый овал и переместим ее немного левее. При помощи инструмента "Заливка" заполним выделенную область черным цветом. Теперь, используя инструмент "Градиент" в режиме прозрачность, выполним прозрачный градиент от центра к краям выделенной области. То, что получилось у нас, можно увидеть на рисунке ниже. Результат заливки прозрачным градиентом можно увидеть на рисунке-сноске в правом нижнем углу.

Теперь, наконец, можно отменить выделение области и применить просто к слою "тень" Гауссово размытие. Мы использовали не очень большой радиус размытия - 15. Пока вы не объединили слои изображения, если вам не нравится текущее расположение тени от шара, ее можно передвинуть. Так же можно изменить параметры прозрачности слоя с тенью, чтобы уменьшить ее насыщенность.

Потом добавлю ещё уроки.

Dinaros

Дата: Четверг, 09 Августа 2012, 22:48 | Сообщение # 2

почти ветеран

Сообщений: 918

Сейчас нет на сайте

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

MrNesh

Дата: Четверг, 09 Августа 2012, 22:51 | Сообщение # 3

Воин добра и света

Сообщений: 2455

Сейчас нет на сайте

Делай скрины после каждого действия smile

Alec

Дата: Четверг, 09 Августа 2012, 22:52 | Сообщение # 4

почетный гость

Сообщений: 105

Сейчас нет на сайте

Зачем здесь уроки с сайта http://paint-net.ru/?id=39 ?

Пытаюсь снова изучать Blender 3D.

Saladin

Дата: Четверг, 09 Августа 2012, 22:52 | Сообщение # 5

заслуженный участник

Сообщений: 759

Сейчас нет на сайте

Так автор сам спрайты рисовать не обучен, как же он будет по рисунку урок писать? biggrin

Анбаннэд. Хэлоу эгин =)

1ceberg

Дата: Четверг, 09 Августа 2012, 23:05 | Сообщение # 6

Chaotic Good

Сообщений: 818

Сейчас нет на сайте

Копипаст с paint-net.ru.
На кол его.

artbiff

Дата: Четверг, 09 Августа 2012, 23:19 | Сообщение # 7

постоянный участник

Сообщений: 385

Сейчас нет на сайте

Да иваще лучше на фотошоп переходить!Паинт давно не в моде!

Я один!По коже ползает страх,может быть я просто устал?Меня не замечают люди.Скажите что же со мной будет?

SkyCapitan

Дата: Четверг, 09 Августа 2012, 23:23 | Сообщение # 8

SkyDigital

Сообщений: 931

Сейчас нет на сайте

artbiff, серьезно штоле?

Добавлено (09.08.2012, 23:23)
---------------------------------------------
Мне кажется, или пошел тотальный наплыв школоты, которая и так профукала все лето и теперь хочет реабилитироваться. Ведь скоро первое сентября, братюни

"Что общего между Вселенной и тупостью школоты? Да они оба бесконечны. Только насчет Вселенной не уверен."

Альберт Эйнштейн

MrNesh

Дата: Четверг, 09 Августа 2012, 23:26 | Сообщение # 9

Воин добра и света

Сообщений: 2455

Сейчас нет на сайте

artbiff, так и хочеться сказать пару ласковых wink