46
ДЕПАРТАМЕНТ ОБРАЗОВАНИЯ ГОРОДА МОСКВЫ Государственное бюджетное образовательное учреждение «Московский центр технологической модернизации образования» Графический редактор Paint.NET в помощь учителю Методическое пособие Москва 2013

Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

  • Upload
    others

  • View
    8

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

ДЕПАРТАМЕНТ ОБРАЗОВАНИЯ ГОРОДА МОСКВЫ Государственное бюджетное образовательное учреждение

«Московский центр технологической модернизации образования»

Графический редактор Paint.NET в помощь учителю

Методическое пособие

Москва 2013

Page 2: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

2

Графический редактор Paint.NET в помощь учителю: Методическое пособие. Автор-составитель: Ю.В. Кузнецова, – М.: ГБОУ «ТемоЦентр», 2013. – 46 с. с ил.

Настоящее учебное пособие предназначено для педагогов и сотрудников

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

© ГБОУ «ТемоЦентр», 2013

Page 3: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

3

Оглавление Введение. Возможности Paint.NET для профессионального использования. ..............................4

Окно программы Paint.NET ................................................................................................................6

Основные приемы работы с изображениями в Paint.NET ...............................................................7

Команды работы с документом ..........................................................................................................7

Выделение области изображения .......................................................................................................9

Изменение размера изображения .....................................................................................................12

Практическая работа. Создание карточки «Природные явления» .......................................14

Работа со слоями изображения. ........................................................................................................17

Практическая работа. Создание открытки из фото ...............................................................19

Меню «Коррекция» ............................................................................................................................23

Практическая работа. Фото в лунном свете. ..........................................................................27

Эффекты. .............................................................................................................................................30

Практическая работа. Радужные пузыри. ...............................................................................31

Практическая работа. Художественные эффекты .................................................................33

Практическая работа. Эффекты для фотографий. .................................................................35

Работа с текстом. ................................................................................................................................37

Практическая работа. Создание фигурного текста ................................................................38

Обобщающая практическая работа. Из черно- белого в цветное. ......................................39

Обобщающая практическая работа. Коллаж ..........................................................................43

Используемые источники ..................................................................................................................46

Page 4: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

4

Введение. Возможности Paint.NET для профессионального использования. Paint.NET — растровый графический редактор для Windows NT, основанный на .NET

Framework. Приложение начато как проект, разработанный в Университете штата Вашингтон для

Microsoft Windows под руководством Microsoft.

Обладая многими мощными функциями, которые присутствуют только в дорогих

графических редакторах, Paint.NET имеет ряд преимуществ, отличающих его от конкурентов:

• программа бесплатна для распространения и

использования;

• оптимизирован для работы с дву- и четырехядерными

процессорами;

• имеет удобный интерфейс, похожий на Photoshop;

• позволяет работать с несколькими документами

одновременно;

• поддерживает работу со слоями;

• прост в использовании.

Paint.NET , графический редактор компании Microsoft обладает широкими возможностями

обработки фотографий. Paint.NET бесплатен, доступен и прост в обращении. Его можно

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

Paint.NET - это мощный свободно распространяемый инструмент для редактирования

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

Paint.NET имеет простой и интуитивно понятный

пользовательский интерфейс.

Paint.NET позволяет работать со слоями.

Использование слоев, позволяет создать одно изображение,

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

Paint.NET поддерживает ведение "неограниченной"

истории. Каждое действие пользователя по редактированию

изображения, записывается в окно истории, которая

ограничена только объемом свободного места в памяти

компьютера.

Рисунок 1

Рисунок 2

Page 5: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

5

Paint.NET полностью поддерживает не только двух, но и четырехъядерные процессоры, а

также 64-разрядные. Программа полностью оптимизирована для новейших технологий и

процессоров, что позволяет резко увеличить его производительность.

Возможности Paint.NET может расширить любой пользователь. Он поддерживает плагины,

бесплатно скачав и установив которые вы можете получить новые эффекты в своем Paint.NET .

Paint.NET может использоваться как для базовой коррекции фотографий (устранение

эффекта «красных глаз», коррекция тона), так и для более серьезной ретуши и даже создания

новых изображений (юзербары, кнопки, фоны и т.д).

Page 6: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

6

Окно программы Paint.NET

Рабочее окно программы Paint.NET состоит из десяти основных элементов:

Рисунок 3. Окно программы Paint.net

1. Заголовок

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

версию программы Paint.NET .

2. Меню программы

Меню программы предназначено для доступа к различным функциям программы.

3. Главная панель инструментов

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

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

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

4. Список изображений

Каждое изображение, открытое в программе, представлено в виде эскиза в списке изображения.

Для переключения на нужное изображение просто достаточно нажать на него.

5. Рабочая область

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

6. Строка состояния

1

2

3 4

5

6

7

8

Page 7: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

7

Строка состояния предназначена для отображения необходимой для работы информации. Эта

область разделена на несколько разделов. Слева отображается контекстная справка о текущем

статусе. Далее отображается информация о размере изображении и координатах текущего

положения курсора внутри изображения.

7. Панель инструментов

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

рисования.

8. Плавающие окна:

− Окно Журнал. Все операции и действия, которые были произведены с изображением,

отображаются в этом окне.

− Окно Слои. Каждое изображение содержит как минимум один слой в Paint.NET . В этом

окне осуществлять управление слоями изображения, например, включать или отключать

их видимость и др.

− Окно Палитра. Это окно предназначено для выбора цвета рисования. Окно содержит

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

кнопки "Дополнительно" можно открыть дополнительные элементы управления цветом,

например, настройки прозрачности и точное указание значений цвета.

Основные приемы работы с изображениями в Paint.NET

Команды работы с документом

Команды работы с документами выполняются из меню «Файл». Эти команды похожи на

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

Рисунок 4

Рассмотрим подробнее команды меню:

Page 8: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

8

Команда Создать позволяет создать новый, чистый файл изображения. Размер по

умолчанию — 800×600, или размер изображения, которое на этот момент было скопировано в

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

можете изменить значения по умолчанию:

Рисунок 5

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

будет закрыто текущее изображение.

Команда Недавние файлы позволяет получить быстрый доступ к последним 8

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

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

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

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

протокол «Windows Image Acquisition 2.0»(WIA):

Рисунок 6

Команда Закрыть закрывает активное изображение. Если изменения в изображении не были

сохранены, то появится окно, в котором нужно будет выбрать желаемое действие (сохранить,

закрыть без сохранения или отменить закрытие):

Команда Сохранить позволяет сохранить изображение в файл с текущим именем.

Page 9: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

9

Paint.NET позволяет сохранять файлы в форматах PNG, JPEG, BMP, GIF, TGA, DDS и TIFF.

Собственный формат Paint.NET - PDN, позволяет сохранять изображение с сохранением слоев.

Если изображение ранее не сохранялось и если формат сохраняемого файла требует

настройки (только для GIF, TGA или JPEG), то при этом появится окно сохранения файла. Кроме

того, если изображение ещё не имеет имени (то есть имеет имя по умолчанию «Безымянный»), то

нужно будет задать ему имя:

Для изображений в формате JPEG есть возможность выбрать (в следующем окне) качество

изображения. Для изображений GIF есть возможность настроить степень прозрачности и

сглаживания. Изображения TGA можно настроить для сохранения в 24 или 32 битном формате, а

также с или без RLE компрессии.

Команда Сохранить как… позволяет задать файлу новое имя и, если допускает формат

изображения, новые значения его параметров.

Команда Печать позволяет распечатать изображение, используя стандартную Windows-

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

Выделение области изображения Инструменты выделения В графическом редакторе Paint.NET есть четыре инструмента выделения:

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

В таблице ниже наглядно рассмотрены различные инструменты

выделения:

Выбор прямоугольной области

Рисунок 7

Page 10: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

10

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

Лассо

Волшебная палочка

Основные правила при выделении областей изображения:

− Инструменты выбора являются основными для выделения области изображения для

модификации, удаления, копирования или кадрирования. Используя левую кнопку

мышки растяните или обведите (с помощью «Лассо») область выделения до тех пор пока

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

«Отменить выделение» (Правка — Отменить выделение, или Ctrl+D, или же используя

соответствующую иконку на панели инструментов).

− Выделенная область отображается на изображении тонкой сплошной линией и

подсвечивается (при активном инструменте выделения) синим цветом. После

переключения на другой (отличный от выделения) инструмент эта подсветка, для более

точного отслеживания цвета изображения, исчезает.

− Если на изображении есть одна или несколько выделенных областей, то все операции

рисования (а также эффекты и регулировки) будут влиять только на эти выделенные

Page 11: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

11

области. Это может быть удобно, если вы хотите ограничить рабочую область

изображения.

− Для создания идеального квадрата или круга при использовании инструментов

выделения «Выбор прямоугольной области» или «Выбор области овальной формы»

нажмите и удерживайте при перемещении мышки клавишу Shift.

− Для удаления части существующей области выделения, удерживайте при рисовании

нового выделения клавишу Alt. Это позволит вам изъять ту часть выбора, которая вас не

интересует.

Режимы выделения

Для того чтобы добавить выделение к уже существующей области, просто удерживайте

клавишу Ctrl в процессе рисования. Это позволит вам выделить две, не соединены друг с другом

области, или расширить площадь уже существующей.

Рисунок 8

В таблице ниже наглядно рассмотрены различные режимы выделения:

Добавление

Вычитание

Пересечение

Page 12: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

12

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

Изменение размера изображения

Меню Изображение содержит команды Paint.NET , затрагивающие все слои текущего

изображения. Этим команды меню Изображение отличаются от меню Слои, команды которого

воздействуют только на текущий слой.

Рисунок 9

Рассмотрим подробнее, как работают команды данного меню:

Обрезать по выделению

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

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

часть изображения, которая была выделена:

Page 13: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

13

Рисунок 10

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

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

область, станут прозрачными:

Рисунок 11

Изменить размер

Команда позволяет точно изменить размер изображения. Новый размер можно указать в

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

сантиметры).

Page 14: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

14

Рисунок 12

В окне Изменение размера существует возможность установки качества изменения размера

(перерисовка), задания размера в процентном выражении, а также указания абсолютного размера и

разрешения изображения, и задания размера изображения при печати.

Размер полотна

Команда позволяет вам увеличить или сжать размер «полотна» без изменения размера

самого изображения. Работа команды похожа на диалог команды «Изменить размер…», за

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

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

Практическая работа. Создание карточки «Природные явления» 1. Создайте новый документ размером 800 Х 300 пикселов. 2. Сохраните файл под именем Явления в своей рабочей папке. 3. Нарисуйте четыре прямоугольника с помощью соответствующего инструмента

размером 140Х190, как показано на рисунке:

Page 15: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

15

Рисунок 13

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

5. Выделите прямоугольную область изображения размером 400 Х 400.

Рисунок 14

6. Точный размер области выделения указывается в строке состояния:

Рисунок 15

7. Выполните команду Изображение/ Обрезать по выделению. 8. Уменьшите размер изображения 100Х100 с помощью команды Изображение/ Изменить

размер. Не забудьте поставить галочку слева от поля Сохранять пропорции. 9. Выделите изображение целиком и скопируйте его. 10. Вернитесь в документ Явления и добавьте новый слой с помощью кнопки в окне Слои:

Рисунок 16

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

Рисунок 17

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

Page 16: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

16

Рисунок 18

13. Аналогично добавьте на карточку еще 3 природных явления:

Рисунок 19

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

Рисунок 20

15. С помощью инструмента Текст добавьте надписи на карточку (для выравнивания надписей можно пользоваться дополнительной горизонтальной линией)

Рисунок 21

16. Сохраните готовую карточку в своей рабочей папке. При сохранении укажите имя файла Явления_готово, тип файла JPEG.

Page 17: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

17

Работа со слоями изображения. В Paint.NET возможно размещать различные элементы изображения в нескольких слоях.

Каждый слой может содержать отдельное изображение, а программа будет их отображать все

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

справа от имени слоя отображаются те слои, которые должны отображаться/редактироваться в

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

выбран (на синем фоне) на этой панели.

Панель Слои содержит кнопки со следующими функциями (слева на право):

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

Пункт "Слои" главного меню Paint.NET содержит команды,

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

Слои), а не ко всему изображению в целом

Рисунок 23

Рассмотрим подробнее команды меню Слои:

Добавить новый слой в меню "Слои" графического редактора Paint.NET создает на

изображении новый прозрачный слой выше текущего активного слоя.

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

Перед непосредственным удалением Paint.NET попросит подтвердить это действие. Команда

Рисунок 22

Page 18: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

18

доступна, если на изображении имеется более чем один слой. Если изображение содержит один

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

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

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

будет иметь такое же название, как и слой источник.

Объединить со следующий слоем позволяет объединить текущий активный слой со слоем,

расположенным ниже него. Если активный слой является самым нижним или вообще

единственным слоем на изображении, то объединить его не с чем, и этот пункт меню будет

недоступен, как на рисунке выше. Посмотреть порядок следования слоев можно в окне "Слои" в

Paint.NET .

Перевернуть горизонтально и "Перевернуть вертикально" в меню "Слои" Paint.NET

позволяют отразить только содержимое активного слоя горизонтально - слева направо и

вертикально - сверху вниз, соответственно.

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

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

содержимого.

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

активного слоя. Это диалоговое окно доступно так же из окна "Слои" или по кнопке F4.

Диалоговое окно позволяет задать имя слоя, включить или отключить его отображение, а так же

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

смешивания позволяют задать с помощью числового значения от 0 до 255 уровень прозрачности

изображения на слое, или с использованием бегунка, расположенного рядом. Так же Paint.NET

имеет четырнадцать вариантов режима смешивания наложения (смешивания) изображения

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

Page 19: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

19

Рисунок 24

Практическая работа. Создание открытки из фото Для выполнения практической работы понадобится любая фотография зимнего леса:

Рисунок 25

1. Добавить новый слой над фоновым. Для удобства в программе есть возможность задания имен слоям. Это особо удобно, когда изображение имеет большое количество слоев. Назовите созданный слой именем Шапки.

2. Выделите поочередно фрагменты фотографии, показанные на рисунке 26 и скопируйте их

со слоя Фон на слой Шапки.

Рисунок 26

Page 20: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

20

3. Создайте новый слой, задав ему имя Рамка. Переместите слой между слоями Фон и Шапки 4. На данном слое инструментом Выбор прямоугольной области выделите 2 прямоугольника,

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

Рисунок 27

5. Залейте выделенную область на слое Рамка цветом по выбору:

Рисунок 28

6. Для создания рамки примените к слою Рамка эффект Кристализация. Настойте эффект по своему вкусу. На рисунке продемонстрирован результат применения эффекта:

Рисунок 29

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

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

Page 21: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

21

Рисунок 30

8. Добавим на открытку еще элемент.Для этого: − подберите фото цветка либо другого объекта (например такой, как на рисунке слева), − выделите его с помощью инструмента Волшебная палочка, − создайте в файле с открыткой поверх других слоев новый слой Цветок, − вставьте выделенное изображение на слой Цветок, переместив на нужное место и

уменьшив при необходимости его размер.

Рисунок 31 Рисунок 322

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

Рисунок 33

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

− Создайте новый слой, − Выберите кисть черного цвета и обведите по контуру шапки деревьев, которые

выдаются за край рамки,

Page 22: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

22

− В меню эффекты выберите в разделе Размытие эффект Гауссово размытие, − Опустите слой с тенью над слоем с рамкой и немного подвигайте его, чтобы придать

тени более реалистичный вид. − Уменьшите прозрачность тени до 70 % (это делается в окне свойств слоя)

На рисунке виден результат:

Рисунок 34

11. Сохраните изображение в своей папке, установив тип файла JPEG.

Page 23: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

23

Меню «Коррекция» Команды этого меню предназначены для коррекции цвета изображения различными

способами.

Рисунок 35

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

следующее изображение:

Рисунок 36

Автовыравнивание уровней Эту команду используют для автоматического подстраивания цвета изображения. В

результате ее применения слишком темные, или слишком светлые изображения приводятся к

нормальному уровню. Результат эквивалентен нажатию кнопки «Автоуровень» в диалоге команды

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

опций, изображение будет выглядеть так:

Рисунок 37

Page 24: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

24

Инвертировать цвета Эффект этой команды очень похож на получение негатива фотографии. Повторное его

применение возвратит исходное изображение.

Изображение после инвертирования цвета:

Рисунок 38

Огрубление… Эта регулировка позволяет уменьшить количество допустимых значений цветов

изображения. Обычно, каждый цветовой канал имеет 256 возможных значений (от 0 до 255), но с

помощью этой команды вы сможете ограничить этот диапазон от 2 до 64. Это позволяет

«постеризировать» изображение, придать ему стиль «ретро» или вид «ложного сглаживания».

Изображение после огрубления изображено на рисунке 40 с параметрами, показанными на

рисунке 39:

Рисунок 39 Рисунок 40

Оттенок и насыщенность…

Эту операцию можно использовать для изменения оттенка и насыщенности цвета

изображения. Дополнительно, в окне настроек команды можно подстраивать «осветленность», что

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

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

«Оттенок» — 88, и «Насыщенность» — 158:

Page 25: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

25

Рисунок 41 Рисунок 42

Сделать черно-белым

Эта корректировка удаляет все цвета, делая слой черно-белым.

Исходное изображение после удаления цвета:

Рисунок 43

Сепия Эта корректировка преобразует изображение в черно-белое, а затем добавляет тон «сепия».

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

Исходное изображение после применения команды «Сепия»:

Рисунок 44

Page 26: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

26

Яркость и контрастность… Эту команду можно использовать для регулировки яркости и контрастности изображения.

Рисунок 45 Рисунок 46

Рисунок 47 Рисунок 48

Кривые Этот пункт меню можно использовать для более точной ручной настройки цветов

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

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

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

помощью других инструментов.

Команда «Кривые…» позволяет перестроить цвета изображения, используя контрольные

точки.

Этот график отображает функцию в математическом смысле этого слова. По горизонтали

откладывается значение входящей интенсивности, а по вертикали — выходной интенсивности.

Проще говоря, левая половина графика отвечает за темные тона, а правая половина графика

за светлые. Перемещение кривой яркости в верхнюю половину графика (выше диагональной

линии), приведет к тому, что изображение будет становиться ярче. И наоборот — перемещение

контрольной точки кривой ниже диагональной линии (в нижнюю половину графика), приведет к

потемнению изображения.

Page 27: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

27

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

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

такой точки нет. Удаление контрольной точки производится щелчком по ней правой кнопкой

мыши. Для перемещения контрольной точки, просто перетащите ее на желаемое место.

Команда «Кривые…» может использовать отдельные каналы цветов Red (красный), Green

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

команды) опцию «RGB».

В этом режиме новые точки будут воздействовать на цветовые каналы, выбранные с

помощью переключателей Красный, Зеленый, Синий. Для работы с одним или парой каналов,

выбрать нужные, установив галочки.

В нашем примере каждому каналу соответствует свой график, в результате чего цвета

исходного изображения были изменены:

Рисунок 49 Рисунок 50

Практическая работа. Фото в лунном свете.

Целью практической работы является «превращение» дневной фотографии (рисунок слева) в

ночное фото при лунном свете (рисунок справа), используя команды меню Коррекция.

Если изображение было скопировано с фотоаппарата, перед выполнением практической

работы с помощью команды Автовыравнивание уровней из меню Коррекция попробуйте

повысить качество изображения.

Page 28: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

28

Рисунок 51 Рисунок 52

1. В меню Коррекция выберите пункт Инвертировать цвета, в результате получится ночное фото:

Рисунок 53

2. Для придания большей реалистичности фото примените команду Оттенок и насыщенность меню Коррекция со следующими настройками:

− Оттенок- 15, − Насыщенность- 5, − Осветленность- (-5).

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

Рисунок 54

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

Page 29: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

29

Рисунок 55 Рисунок 56

4. Сохраните изображение в своей папке, установив тип файла JPEG.

Page 30: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

30

Эффекты. Меню Эффекты в Paint.NET содержит много команд, которые могут быть применены для

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

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

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

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

выглядит в только что установленном редакторе Paint.NET .

Рисунок 57

Если какой либо эффект уже был использован в текущем сеансе работы с Paint.NET , то

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

меню. Это позволяет быстро повторить последний использованный эффект с теми же

параметрами, с которыми он был применен до этого.

В Paint.NET все эффекты представлены в следующих категориях:

Для фотографий - эффекты этой группы наиболее полезны для применения к фотографиям.

Искажение - эта группа объединяет в себя эффекты искажения изображения, например,

скручивание, выпуклость, укрупнение пикселов и т.д.

Размытие - эта группа объединяет различные способы размытия изображения.

Стилизация - эффекты этой группы позволяют стилизовать изображение, например,

подсветить края, сделать барельеф и т.д.

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

участок разными узорами.

Художественные - эффекты этой группы позволяют изменить изображение в Paint.NET для

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

тушью.

Шум - эти эффекты предназначены для добавления или удаления шума на изображении.

В практических работах будут рассмотрены различные примеры применения различных

эффектов.

Page 31: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

31

Практическая работа. Радужные пузыри. 1. Создайте новый документ. 2. С помощью инструмента Заливка залейте весь фон любым цветом. 3. С помощью инструмента Выбор области овальной формы выделите область в форме круга

(при выделении удерживайте нажатой клавишу SHIFT)

Рисунок 58

4. Инструментом Кисть нарисуйте разноцветные полосы в области круга, по краям с одной стороны проведите черную полосу, с другой- белую (рисунок 59). Не снимая выделения наложите на круг эффект Гауссово размытие (меню Эффекты/ Размытие/ Гауссово размытие). В настройках указав радиус, равный 100 (результат операции показан на рисунке 60)

Рисунок 59 Рисунок 60

5. Для имитации бликов кистью белого цвета нарисуйте два пятна, как показано на рисунке 61. Примените к выделенному кругу Гауссово размытие с радиусом 40. Чтобы пузырь смотрелся реалистичнее, особенно на разноцветном фоне, к слою целесообразно применить прозрачность, установив ее в свойствах слоя с мыльным пузырем (результат виден на рисунке 62):

Рисунок 61 Рисунок 62

Page 32: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

32

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

Рисунок 63

7. Сохраните изображение в своей папке, установив тип файла JPEG.

Page 33: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

33

Практическая работа. Художественные эффекты

Эффекты из подменю «Художественные» позволяют добиваться художественных эффектов,

которые имитируют природные явления или традиционные оформительские приемы. Данные

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

обработки фотографий.

Для практической работы понадобится любая фотография.

Если изображение было скопировано с фотоаппарата, перед выполнением практической

работы с помощью команды Автовыравнивание уровней из меню Коррекция попробуйте

повысить качество изображения.

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

64, результат выполнения практической работы на рисунке 65:

Рисунок 64 Рисунок 65

1. Находясь на слое Фон выделите часть фото, которая будет впоследствии имитировать карандашный рисунок:

Рисунок 66

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

Page 34: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

34

Рисунок 67

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

фотографии на новый слой. На рисунке слева показано, как и где должен находиться скопированный фрагмент. Примените к слою 2 эффект Набросок карандашом из раздела Художественные (настройте данный эффект на ваше усмотрение). На рисунке справа показан результат применения эффекта.

Рисунок 68 Рисунок 69

4. К слою Фон при желании можно тоже применить художественный эффект. На рисунке

продемонстрирован пример применения к нижнему слою эффекта Картина, масло из раздела Художественные:

Рисунок 70

Page 35: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

35

5. Сохраните изображение в своей папке, установив тип файла JPEG.

Практическая работа. Эффекты для фотографий. Эффекты подменю «Для фотографий» не только создают эффекты, но и позволяют

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

Рисунок 71

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

6. Раздел Резкость позволяет фокусировать расплывчатые изображения, повышая контраст

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

На рисунке показан пример использования различных настроек эффекта Резкость:

Рисунок 72 Рисунок 73

Page 36: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

36

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

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

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

Смягчение- 3 Освещенность- 0 Теплота- 15

Пример применения эффекта можно увидеть на рисунке:

Рисунок 74

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

10. Следующим шагом проведите эксперимент с эффектом Свечение. В настройках эффекта

измените значения радиуса, яркости, контрастности на 2, -33,52 соответственно. Пример указанные настройки получаем измененное фото:

Рисунок 75

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

эффекта.

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

Page 37: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

37

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

Рисунок 76

13. Сохраните изображение в своей папке, установив тип файла JPEG.

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

осмысленность картинке. Текст тоже может быть предметом дизайна или частью дизайнерской

композиции. При работе с текстом следует помнить одно главное правило - шрифты являются

одним из видов векторной графики.

Для создания текста существуют специальный инструмент "Текст". Он позволяет создавать

текстовые надписи на активном слое. Если этот инструмент выбран, то щелкнув указателем мыши

на изображение, вы определите местоположение курсора ввода текста. Курсор ввода текста

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

Рисунок 77

Настройки параметров инструмента "текст" осуществляются в панели инструментов

Paint.NET . Здесь можно задать тип шрифта, его размер, варианты написания, форматирование,

выравнивание текста и т.п.

Рисунок 78

Page 38: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

38

Кроме курсора в Paint.NET можно заметить дополнительный управляющий элемент

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

стрелками внутри.

Рисунок 79

Элемент управления располагается немного правее и ниже курсора ввода текста. Можно

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

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

инструментов Paint.NET , предназначен для возможности изменения местоположения текста в

процессе работы с инструментом "текст". При перемещении указателем мыши этого квадратного

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

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

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

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

наоборот, если вы не видите маркера элемента управления текстом, нажмите клавишу Ctrl и он

появится.

Для того, что бы закончить работать с инструментом "текст", нажмите клавишу Esc.

Внимание!

После окончания работы с инструментом "текст", изменить или отредактировать содержание

текста будет нельзя. Если в этом все-таки есть необходимость, то можно отменить ввод текста и

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

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

поэтому отредактировать его как надпись становится невозможно.

Цвет текста определяется основным цветом, выбранным в Paint.NET . Изменять цвет

текста, можно прямо в процессе работы с инструментом "текст". В этом случае цвет текста сразу

изменится на новый цвет.

Практическая работа. Создание фигурного текста

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

аналогичны работе с текстовыми объектами в других программах Microsoft.

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

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

Page 39: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

39

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

полужирным начертанием.

Рисунок 80

С помощью меню Эффекты поэкспериментируйте с приданием тексту различных эффектов,

имитации написания текста по траектории. Примеры применения эффектов к текстовому блоку

можно увидеть в таблице:

Название эффекта, краткий алгоритм выполнения

Результат

Меню Эффекты, Раздел Искажение, Вмятины.

В зависимости от настроек результаты могут получаться весьма различны.

Меню Эффекты, Раздел Искажение, Выпуклость.

В зависимости от настроек результаты могут получаться весьма различны.

Меню Эффекты, Раздел Размытие, Приближение.

В зависимости от настроек результаты могут получаться весьма различны.

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

Меню Эффекты, Раздел Размытие Укрупнение пикселов.

В зависимости от настроек результаты могут получаться весьма различны.

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

Обобщающая практическая работа. Из черно- белого в цветное.

2. В ходе работы вам предстоит сделать из черно- белой зебры (рисунок слева) разноцветную (рисунок справа):

Page 40: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

40

Рисунок 81 Рисунок 82

3. Найдите и откройте любое фото зебры в Paint.NET . 4. Добавьте слой с помощью меню Слои (картинка слева) либо с помощью кнопки Добавить

слой в плавающем окне Слои (картинка справа)

Рисунок 83 Рисунок 84

5. Выберите инструмент Кисть, настройте ее размер и нарисуйте поверх зебры разноцветные

полосы, меняя цвет каждой следующей полосы с помощью плавающего окна Палитра:

Рисунок 85 Рисунок 86

6. Примените к верхнему слою Гауссово размытие так, как показано на рисунке:

Page 41: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

41

Рисунок 87

7. Выберите свойства Слоя 2 (кнопка в окне Слои) и установите Режим смешивания Перекрытие в поле Режим:

Рисунок 88 Рисунок 89

8. В результате должно получиться то, что изображено на рисунке ниже:

Рисунок 90

9. Используйте инструмент Ластик, чтобы убрать цветные полосы вне зебры:

Page 42: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

42

Рисунок 91

10. «Освежите» фон вокруг зебры. Для этого: создайте новый слой. Инструментом Кисть большого размера зеленого цвета закрасьте область вокруг животного:

Рисунок 92

11. Примените к Слою 3 Гауссово размытие, как показано на рисунке:

Рисунок 93

Page 43: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

43

12. Выберите свойства Слоя 3 (кнопка в окне Слои) и установите Режим смешивания Затемнение основы в поле Режим. Установите непрозрачность слоя 125. В результате получится изображение, как показано на рисунке:

Рисунок 94

13. Сохраните изображение в своей папке, установив тип файла JPEG.

Обобщающая практическая работа. Коллаж Из фотографий, на которых изображено много объектов (например, фото класса на

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

Рисунок 95

Рисунок 96

1. Создайте откройте нужный файл в программе Paint.NET . При необходимости задайте

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

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

Page 44: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

44

Рисунок 97

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

4.

Рисунок 98

5. Перейдите на слой Фон и используя команду Оттенок и насыщенность меню Коррекция сделайте фон менее ярким, например, установив в окне настроек следующие параметры:

Насыщенность - 100, Осветленность – 35.

Результат можно видеть на следующем рисунке:

Рисунок 99

6. Если вы считаете, что фон в этом коллаже смотрится невыгодно, либо требуется выделить части фотографии для привлечения внимания, воспользуйтесь меню Эффекты для изменения фона. Здесь можно применить к слою Фон эффекты Гауссово размытие, Размытие в движении, Кристаллизация и др. Изменение настроек эффектов дает возможность получения самых неожиданных эффектов. Можно также использовать меню Коррекция, чтобы изменить цветовую схему на слоя Фон.

Page 45: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

45

Рисунок 100

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

Рисунок 101

8. Поместите его под фрагмент, так, чтобы его края выступали:

Рисунок 102

9. Примените к каждому слою с квадратом Эффект размытия с радиусом 15 и установите в свойствах поля Непрозрачность, равную 150. В результате применения эффектов должна получиться видимость объемного изображения:

Рисунок 103

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

Page 46: Графический редактор Paint.NET в помощь учителюdpo.temocenter.ru/images/metodichka/docs/1-paint-net.pdfВ Paint.NET возможно размещать

46

Используемые источники

1. http://www.edu-all.ru/ Образовательный Интернет-портал «ВСЕОБУЧ»;

2. http://www.edu.ru/ Федеральный портал «Российское образование»;

3. http://www.school.edu.ru/ Федеральный портал «Российский общеобразовательный портал»;

4. http://www.getpaint.net/index.html Официальный англоязычный сайт по Paint.Net;

5. http://paintnet.ru/ Русский сайт популярного графического редактора. Новости, справка,

плагины, уроки;

6. http://paint-net.ru Сайт о бесплатном графическом редакторе Paint.Net. Дистрибутив,

Инструкция, уроки, клуб любителей программы;

7. http://pen2000.ru/ Сайт посвященный графическому редактору Paint.Net. Уроки, учебник,

плагины, форум;

8. Симонович С.В., Мураховский В.И. Персональный компьютер. – М.: ОЛМА Медиа Групп,

2007;

9. Информационно-аналитический центр «Создание службы информационного обеспечения

образовательного учреждения». М.: ИАЦ, 2006;

10. Захарова И.Г. «Информационные технологии в образовании», Москва, ИЦ Академия, 2007;

11. Крис Ботелло, Элизабет Айснер Рединг «Мастер-класс Adobe InDesign, Photoshop и

Illustrator. Руководство дизайнера», издательство «Эксмо», 2008 г.;

12. Беспалько В.П. Образование и обучение с участием компьютеров (педагогика третьего

тысячелетия). – М.: Издательство Московского психолого-социального института. –

Воронеж: Издательство НПО «МОДЭК», 2002. – 352с. (Серия «Библиотека педагога-

практика»).