Растровая графика (Переработанные уроки с официального сайта программы)
материал на тему

Урок 2 Тема: Создание изображения звездного неба с использованием эффектов Paint Net.

Очень простой урок. Буквально за пять минут вы узнаете, как можно создать в графическом редакторе Paint.NET звездное небо с туманностью. Например, вот такое:

Звездное небо

1. Создайте новый документ и залейте его черным цветом с помощью инструмента заливки:

Создание фона

2. Откройте окно эффекта «Добавление шума» (Эффекты — Шум — Добавление шума) и установите следующие параметры: интенсивность — 100, насыщенность цвета — 20, плотность — 2. Примените эффект:

Создание звезд (нажмите для увеличения)

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

3. Создайте новый слой (Слои — Добавить новый слой или Ctrl+Shift+N). Затем с помощью инструмента «прямоугольник» (в режиме «сплошная фигура») выделите в одном из углов новосозданного слоя прямоугольник желаемого цвета (например синего):

Цветной квадрат (нажмите для увеличения)

4. Примените ко второму слою эффект кругового размытия (Эффекты — Размытие — Круговое) с углом 64 градусов:

Применение кругового размытия (нажмите для увеличения)

5. Далее примените к этому же слою эффект «В движении» (Эффекты — Размытие — В движении…) с углом 38 градусов и расстоянием 200:

Применение эффекта движения (нажмите для увеличения)

6. Теперь осталось только установить прозрачность слоя с «туманностью». Для этого откройте свойства второго слоя (Слои — Свойства слоя…) и установите ползунок прозрачности на желаемую позицию:

Регулировка прозрачности (нажмите для увеличения)

Вот и все. Ниже можно посмотреть другие изображения выполненные по методике описанные на этом уроке:

Пример звездного неба (нажмите для увеличения)

Еще один пример (нажмите для увеличения)

И еще один (нажмите для увеличения)

Задание: Создайте на небе три планеты – большую, среднюю, маленькую.

Ход работы:

1. Создайте новый слой .
2. Выберите на палитре инструментов область овальной формы и выделите овал произвольного размера удерживая клавишу Shift.
3. Нанесите на выделенную область любой эффект из раздела эффекты/узоры.
4. Создайте новый слой. Настройте палитру цветов таким образом чтобы Основной цвет был гораздо светлее Дополнительного.
5. Выберите инструмент градиент /круговой  и удерживая левую кнопку мыши залейте выделенную область. Сделайте прозрачность слоя на примерно на 114 с помощью двойного щелчка мыши по верхнему слою на палитре слоев или через меню Слои/Свойства слоя. Должен получиться объёмный шар.
6. По этому примеру создайте ещё 2 планеты, разного размера и текстуры.

Урок 3 Тема: Создание изображения взрывающейся планеты с использованием режимов слоёв.

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

Взрывающаяся планета

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

Исходная текстура

1. Откройте изображение в Paint.NET и примените инвертирование цветов (Коррекция → Инвертировать цвета или Ctrl+Shift+I):

Инвертирование цветов

2. С помощью инструмента «Выбор области овальной формы» выберите требуемую область:

Выбор области овальной формы

3. Инвертируйте выделение (Правка → Обратить выделение или Ctrl+I):

Обращение выделения

4. Удалите выделенное с помощью инструмента «Вырезать», или клавиши «Delete»:

Удаление выделенного

5. Далее нужно залить прозрачную область черным цветом:

Заливка черным

6. Для придания планете обьема используйте инструмент «Выпуклость» (Эффекты → Искажения → Выпуклость…):

Выпуклость

7. Дублируем слой (Слои → Создать копию слоя или Ctrl+Shift+D) и устанавливаем в его свойствах (Слои → Свойства слоя или F4) «Затемнение основы»:

Затемнение основы

8.  После установки желаемой прозрачности объедините 2 слоя в один (Слои →Объединить со следующим слоем или Ctrl + M).                

9. Теперь нужно добавить немного «Свечения» (Эффекты → Для фотографий → Свечение…). Установите наиболее желаемый для Вас уровень:

Свечения

10. Дублируем слой опять и применяем к нему «Приближение» (Эффекты → Размытие → Приближение…):

Приближение

11. Заходим в свойства слоя и устанавливаем режим «Замена светлым»:

Замена светлым

12. Отрегулируйте «Насыщенность» (Коррекция → Оттенок и насыщенность… илиCtrl+Shift+U) и объедините слои:

Насыщенность

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

Урок 4. ТЕМА: Использование инструмента градиент для получения плавного перехода из цветного в черно-белый тон.

Этот урок покажет как с помощью графического редактора Paint.NET сделать плавный переход изображения с цветного в черно-белый:

Плавный переход в черно-белое

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

1. Откройте начальное изображение и дублируйте его слой (Слои — Создать копию слоя или Ctrl+Shift+D). Для удобства переименуйте новосозданный слой в «Слой 1» (подробнее о том как это делать можно узнать в разделе «Окно слоев» справки  Paint.NET):

Создание копии слоя

2. Выделите в окне слоев «Фон» и переведите его в черно-белый режим (Коррекция — Сделать черно-белым или Ctrl+Shift+G):

Фон черно-белый

3. Выделите в окне слоев «Слой 1». Для усиления цвета можно (но не обязательно) немного повысить насыщенность этого слоя (Коррекция — Оттенок и насыщенность… или Ctrl+Shift+U):

Повышение насыщенности

4. Выберите в окне инструментов «Градиент» (1) в режиме «Круговой» (2) и установите для него тип смешивания «Прозрачность» (3):

Выбор радиального градиента и режима смешивания

5. В окне «Палитра» установите для основного и дополнительно цвета «Прозрачность (альфа)» на 0:

Настройка основного и вторичного цвета

6. Используя настроенный ранее инструмент «Градиент» проведите (с нажатой ПРАВОЙ кнопкой мышки) линию от центра цветка к его периферии, что-бы получилось что-то похожее на это:

Готовое изображение

Вот и все. Наш цветочек готов. Вот ещё один созданный таким самым образом:

УРОК 6. Оформление «старой фотографии» в редакторе PaintNet.

На этом уроке мы создадим для постаревшей фотографии из предыдущего урока, достойное ее обрамление.

Потрепанные края

1. Откройте фотографию и вызовите окно изменения размера полотна (Изображение → Размер полотна или Ctrl-Shift-R). Для того чтобы сделать рамку толщиной в 15 пикселей увеличьте ширину полотна на 30. Если при этом в окне будет выставлена отметка около «Сохранять пропорции» то высота будет добавлена автоматически.

С помощью инструмента «Закрепить» установите правило по котором будет добавлен размер полотна:

Окно изменения размера холста

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

Удаление фона

3. Добавьте новый слой (Слои → Добавить новый слой или Ctrl-Shift-N) и (используя окно управления слоями) переместите новосозданный слой под основной:

Перемещение слоя

4. Установите в качестве основного цвета FFFEE8, а в качестве дополнительного — ADAD9D. Используя настройки по умолчанию примените к созданному слою заливку облаками (Эффекты → Узоры→ Облака…):

После заливки нижнего слоя облаками

5. Используя «Выбор прямоугольной области» выделите на верхнем слое (тот который с картинкой) почти всю площадь фотографии, за исключением небольшого ободка вокруг нее. Примерно вот так:

Выделение кромки фотографии

6. Обратите выделение (Правка → Обратить выделение или Ctrl-I) и примените к изображению эффект инея (Эффекты → Искажение → Иней…) со следующими параметрами:

Эффект инея

Затем откройте окно «Добавление или уменьшение» (Эффекты → Шум → Добавление или уменьшение…). Установите в этом окне ползунок регулировки радиуса в положение 1, а процент оставьте как есть. После применения снимите выделение (Ctrl-D) и объедините слои (Ctrl-M):

После Инея и Усреднения шума

7. Далее повторяем некоторые из пройденных шагов еще раз. Снова увеличьте размер холста и проделайте пункты 5 и 6 для наружного обрамления фотографии. На этот раз ползунок регулировки уровня «Инея» можно продвинуть дальше (так края фотографии получаться более «потрепанными»):

Потрепанная кромка фотографии готова

Последние что можно сделать — добавить фон к нашей фотографии:

УРОК 7. Тема: Создание прозрачного стеклянного шара в Paint.Net. Получение объёма с помощью эффектов.

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

Этап 1. Рисуем прозрачный шар

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

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

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

Мы использовали размер кисти 60. После этого необходимо применить к выделенной области эффект Гауссово размытие. Этот эффект является стандартным в Paint.NET и находится в меню "Эффекты" - "Размытие" - "Гауссово размытие". Мы использовали параметры размытия 150. Результат до размытия и после приведен на рисунке слева.

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

Этап 2. Рисуем на прозрачном шаре блик

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

Этап 3. Рисуем тень от прозрачного шара

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

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

УРОК 9 Тема: Создание изображения грозового неба с помощью стандартных эффектов Paint.Net.

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

Этап 1. Как нарисовать в Paint.NET небо

Сначала создадим новое изображение, например 400 на 400 пикселей. И заполним его сверху вниз черно-белым градиентом. Для этого используем инструмент Paint.NET градиент с основным цветом черный и дополнительным цветом белый.

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

Теперь инвертируем цвета на полученном изображении. Для этого выполним действие в меню "Коррекции" - "Инвертировать цвета" или комбинация клавиш Ctrl+Shift+I. Результат можно увидеть на рисунке ниже.

Этап 2. Как нарисовать в Paint.NET грозу

Теперь создадим грозу на нарисованном небе. Для этого применим коррекцию из меню "Коррекция" - "Уровни". В диалоговом окне изменим только один параметр, на рисунке ниже он и его новое значение отмечены светло-зеленым полупрозрачным прямоугольником.

И последний шаг - придать нужный цвет грозовому небу. Для этого можно использовать типовую коррекцию Paint.NET - "Кривые". Это действие доступно в меню "Коррекции" - "Кривые". Вы можете самостоятельно изменять кривые и получить разные результаты. Параметры использованные нами и полученный результат можно увидеть на рисунках ниже.

УРОК 10.  Тема: Создание изображения «Северного сияния», аналога заставки рабочего стола OS Windows Vista с помощью стандартных инструментов Paint.Net.

На этом уроке мы научимся создавать что-то отдаленно похожее на обои «Северное сияние» впервые появившиеся в операционной системе

«Северное сияние»

1. Зеленый слой.

Создайте новое изображение требуемого размера. В окне «Палитра» нажмите на кнопку «Больше» и установите в поле «Шестн.:» цвет 3C580E. Затем переключитесь на дополнительный цвет (выпадающее меню в левом верхнем углу) и введите цвет A4D23B:

Окно «Палитра»

Используя инструмент «Градиент» проведите (нажав левую кнопку мышки) с нижнего края до верха изображения. Для того, чтобы заливка получилась ровной нажмите и удерживайте клавишу «Shift»:

Заливка зеленым градиентом

2. Голубой слой.

Создайте новый слой (Слои → Добавить новый слой или Ctrl+Shift+N).

В «Палитре» измените значение основного цвета на 64B9F0, а дополнительного на FFFFFF. Затем в поле «Прозрачность (альфа)» установите для дополнительного цвета значение «0».

Затем снова использовав «Градиент» залейте слой справа налево:

Заливка голубым градиентом.

3. Линия.

Создайте новый слой (Слои → Добавить новый слой или Ctrl+Shift+N).

Измените основной цвет на белый (FFFFFF). Используя инструмент «Линия или кривая» проведите по новосозданному (третьем) слое линию с левого нижнего угла к правому верхнему. Затем перетащите опорные точки так как показано на следующем рисунке:

Линия

4. Выбор площади применения градиента.

Используя «Волшебную палочку» выделите площадь под линией. Затем создайте еще один слой:

Выделение области под линией

5. Градиент.

Ваш основной цвет все-еще должен оставаться белым (FFFFFF) а дополнительный прозрачным («Прозрачность (альфа)»). Снова выберите «Градиент» и протащите его (нажав правую кнопку мыши) как показано ниже:

Градиент

Снимите выделение (Правка → Отменить выделение или Ctrl+D). Удалите предыдущий слой (с белой линией):

Слой с линией удален

6. Клонирование градиента.

Создайте копию слоя (Слои → Создать копию слоя или Ctrl+Shift+D) и используйте инструмент вращения (Слои → Поворот и масштаб… или Ctrl+Shift+Z) для поворота этого слоя (рекомендуемое значения угла поворота — около 10 градусов).

После поворота объедините слой с нижележащим (Слои → Объединить со следующим слоем или Ctrl+M):

Клонирование градиента

7. Клонирование пары градиентов.

Создайте копию последнего слоя. Используйте инструмент вращения для еще одного поворота. Только в этот раз в дополнение к вращению в этом же диалоге примените и смещение:

Окно «Поворот и масштаб…»

После поворота объедините слой со следующим:

Клонирование пары градиентов

8. Призрачные линии.

Создайте копию последнего слоя и перетащите его (инструментом «Перемещение выделенной области») в верхний левый угол рисунка:

Перемещение копии слоя

Примените к этому слою небольшое круговое размытие (Эффекты → Размытие → Круговое…). Отмените выделение.

Опять выберите предыдущий слой и создайте еще одну его копию. Перетащите эту копию в правый нижний угол рисунка:

Перемещение копии слоя

Примените к нему радиальное размытие. Отмените выделение.

Выберите верхний слой и объедините его со следующим. В свойствах полученного таким образом слоя (Слои → Свойства слоя… или F4) установите прозрачность 160. Затем снова объедините слой с предыдущим и снова установите его прозрачность 160.

Объедините все слои в один (Изображение → Объединить все слои или Ctrl+Shift+F):

«Северное сияние»

УРОК 11. Тема: Создание изображения «Роза» с помощью стандартных эффектов Paint.Net.

Ход урока.

1. В палитре инструментов берем инструмент Кисть, ставим размер на 100.
2. На белом фоне рисуем много беспорядочных, так сказать, "тыков" .

3. Идем на вкладку Эффекты (Effects) > Размытие (Blur) > Зум (Zoom) . Ставим размытие на 40.

4. Получаем: 
5. Поставьте белый цвет и той же кистью сделайте такое изображение: 
6. Опять примените размытие зума по инструкции выше: 

7. Копируем слой, на одном из них применяем эффект Скручивание (Twist) в размере 20 и качестве 5, и то же самое с другим слоем, но только в размере -20 
    
8. На верхнем слое установить режим смешивания на Различие (Difference): 
9. Склеить два слоя.
10. Теперь на вкладку Регулировки (Adjustments), а затем жмем на Кривые (Curves), перемещение точки как показано ниже... в смысле не со 100% точностью: 
11. Получаем:

УРОК 12. Тема: Создание изображения «дольки арбуза» с помощью стандартных Эффектов Paint.Net.



Этот урок будет своеобразным дополнением к уже существующему уроку Как нарисовать арбуз в paint.net.

1)  На пустом слое, выбрав на панели инструментов фигуру круг с контуром (20-30 пикс), создадим круг цветом #28451F и белым, нажимаем и держим Shift (это сделает его ровным).



2)  Выберем инструмент выделение-круг и заполним его круговым градиентом, предварительно установив на палитре цвета #C60000 и #811010.



3)  Не снимая выделения, сделаем еще раз такой же круг и заполним черным цветом.

Добавим черному кругу шум.





4)  Не снимая выделения, размоем круг с шумом.



5)  И поставим свойство слоя "добавление".



Получаем следующее:

6) ЛОМТИК АРБУЗА.   7) 8)