Проектная работа "Paint Tool SAI - графический редактор"

Муниципальное автономное общеобразовательное учреждение

средняя школа №8

«Paint Tool SAI»

Работу выполнили:

Бычковская Юлия, ученица 11 класса,

Григорьева Наталья, ученица 11 класса

МАОУ СШ №8

Руководитель:

Коптелова Татьяна Анатольевна,

учитель высшей квалификационной категории

Толкачева Наталья Сергеевна,

учитель I квалификационной категории

МАОУ СШ № 8

п. Новосмолинский

2019

Содержание

1. Введение……………………………………………………………………………..….3

2. Глава 1. Теоретическая часть.

1.1. Виды графики и понятие графического редактора (графические форматы)…………………………………………………………………………………...4

1.2. История разработки…………………………………………………………………..5

1.3. Знакомство с графическим редакторомSAI……………………………………….6-8

1.4. Особенности Paint ToolSAI……………………………………………………...…9-11

3. Глава 2.

2.1. Как рисовать в Paint ToolSAI……………………….……………………………....12

4. Заключение………..……………………………………………………………............13

5. Список литературы………………………………………………………………..……14

6. Приложение…………………………………………………………………………...15-21

2

Введение

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

Компьютерная графика используется:

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

В компьютерных играх, обучающих системах.

В сети Интернет для оформления Web-сайтов.

Фотографами – для обработки фотографий.

В интерьере, дизайне и других областях.

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

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

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

Задачи:

1. Узнать больше о программе Paint ToolSAI.

2. Знакомиться с особенностями данной программы.

3. Оценить возможности Paint ToolSAI.

4. Научиться создавать арты средствами данной программы.

Гипотеза:необходимо свободно владеть графическим редактором Paint ToolSAI.

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

3

Глава 1

1.1 Виды графики и понятие графического редактора

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

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

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

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

Растровые изображения в отличие от векторных имеют некоторые недостатки, например:

Изображения, создаваемые в растровых программах, всегда занимают много памяти;

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

Графические форматы

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

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

Чаще всего используются растровые форматы PNG, JPEG.

JPEG (произносится «джейпег», англ. Joint Photographic Experts Group, по названию организации-разработчика) — один из популярных графических форматов, применяемый для хранения фотоизображений. Файлы, содержащие данные JPEG, обычно имеют расширения .jpeg, .jfif, .jpg, .JPG, или .JPE.

PNG (англ. portable network graphics) — растровый формат хранения графической информации, использующий сжатие без потерь.

PNG был создан в основном для использования на веб-страницах в Интернете. Обычно файлы формата PNG имеют расширение .PNG (.png).

4

1.2.История разработки

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

Разработка данной программы началась 2 августа 2004 года, первая альфа-версия вышла 13 октября 2006 года. 21 декабря 2007 года перешла в стадию бета-тестирования. Первый официальный релиз (1.0.0) состоялся 25 февраля 2008 года, а первое обновление (1.0.1) — 3 марта 2008 года.

Официальный перевод программы был выпущен 31 марта 2008 года, но фанаты программы сделали неофициальный перевод на английский несколько раньше.

5

1.3.Знакомство с графическим редактором SAI

Функциональные блоки (приложение 1)

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

Блок навигации для перемещения и масштабирования холста.

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

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

Блок инструментов. Содержит все средства для рисования (кисть, карандаш, аэрограф).

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

Инструкция:

Чтобы создать новый холст, необходимо пройти в меню сверху: Файл – Новый и задать параметры в появившемся окне. 
1. Имя (название работы); 
2. Предустановки (предустановленные форматы разрешений); 
3. Ширина (собственное число); 
4. Высота (собственное число); 
5. Разрешение (качество); 
6. Информация (информация по параметрам).

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

Для начала работы достаточно создать новый холст или открыть набросок. 
Первый блок сразу становится активным и имеет следующие возможности: 
1. Масштаб и точная настройка масштаба; 
2. Угол поворота листа. Ещё один плюс SAI: лист можно поворачивать.(приложение 2)

Второй блок - эффекты слоя. Если вы его не увидели сразу, значит, он просто скрыт, чтобы открыть эти настройки, необходимо кликнуть по значку "+" слева. 
1. Текстура. В этом пункте Вы можете выбрать текстуру бумаги, настроить её Зернистость и Контрастность. 
2. Мокрый. Размер и Контрастность. Затемняет изображение по краям / линиям. (приложение 3)

Следующий блок — работа со слоями — содержит целый ряд необходимых настроек. Начнем по порядку. Режимы наложения слоя Переход: (приложение 4)

Нормально. Нормальный режим наложения слоёв.(приложение 5)
Умножение. Слой накладывается и умножается с предыдущим, затемняя его.(приложение 6)
Экран. Слой накладывается на предыдущий и засвечивает его.(приложение 7)
Наложение. Верхний слой накладывается на предыдущий и осветляет его.(приложение 8)
Сложение. В этом режиме верхний слой как бы подсвечивает нижний и даёт эффект иллюминационной подсветки.(приложение 9)

6

Непрозрачность. Позволяет регулировать прозрачность слоя. 
Фиксировать непрозрачность. Даёт рисовать только внутри уже нарисованного. 
Прикрепление слоя. Верхний слой воспринимает рисунок нижнего слоя, как маску. 
Источник выбора. Делает слой главным по отношению к последующим слоям. (приложение 10)

Работа со слоями:

1. Новый слой. 
2. Новый векторный слой. 
3. Новая папка.

4. Скинуть содержимое слоя на слой ниже. 
5. Слить со слоем ниже. 
6. Очистить слой. 
7. Удалить слой. 
8. Новая маска. 
9. Сливает слой с нижним, но оставляет маску, которую применяет к этим двум слоям. 
10. Объединяет маску и слой, а сама маска исчезает.

(приложение 11)

Панель управления цветом (палитры)

Панель выбора цвета очень удобна и легка в использовании. В ней присутствует целый набор вариантов палитр, которые можно отображать или скрывать на панели. Чтобы их открывать и закрывать достаточно кликнуть по понравившейся и выбрать её. Ещё можно отодвинуть ползунки в RGB слайдеры или HSV слайдеры. Понравившиеся цвета можно смешивать, запоминать и держать в памяти программы на палитрах: смеситель цветов, образцы, пробный лист(меню - Окно). (приложение 12)
Пример инструментов кистей на карандаше Pencil. 

1. У Карандаша четыре режима: Норма, Умножение, т.е. возможность смешивать или не смешивать выбранный цвет с другими цветами в рамках одного слоя (режимы могут быть на разных кистях). 
2. Тип края. Существует всего четыре варианта: от размытого до чёткого. Как показывает практика, этого вполне достаточно. 
3. Размер — размер кисти. 
4. Минимальный размер. От этой настройки напрямую зависит реакция нажатия на планшет (если вы рисуете на нём). 
5. Плотность. Плотность цвета кисти. 
6. Делает кисть текстурной или щетинистой. 
7. Добавляет эффект текстур к кисти. 
8. Фиксированные размеры кисти.(приложение 13)

Настройки для инструментов рисования выглядят примерно одинаково. Для удобства работы можно настроить под себя ластик, кисть и т.д. 
На некоторых кистях открываются дополнительные настройки:(приложение 14)

1. Качество. Качество кисти. 
2. Жесткость. Выбор жесткости кисти. 
3. Минимальная плотность. Насколько велика плотность в одном мазке. 
4. Максимальное давление. Возможность выбора максимального давления кисти. 
5. Жестко-Мягко. Чувствительность к давлению.

7

Подменю (приложение 15)
1. Отменить. 
2. Повторить. 
3. Выбранное. 
4. Возможность выбора отображения размера холста в %. 
5. Уменьшить, увеличить и восстановить, исходное положение холста. 

6. Повернуть на определённый угол, восстановить исходное положение. 
7. Отобразить холст в противоположное направление. 
8. Сглаживание. Стабилизатор дрожания руки 1 — самое минимальное, а S-7 — самое сильное. 

8

1.4. Особенности PaintToolSAI

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

карандаш;

кисть;

аэрограф;

акварель;

маркер;

ластик;

двоичное перо;

заливка.

Маркеры и кисти бывают множества видов для удобства рисования определенного элемента изображения. Базовый тип кистей всегда присутствует в наборе, но каждый пользователь имеет возможность настраивать их под определенный рисунок. Можно изменить толщину, плотность, жесткость и другие характеристики кисти. Подобрать подходящий цвет легко можно благодаря 6 инструментам управления оттенков: палитра, колесо, RGB и HSV слайдеры, смеситель и пробник. Пипетка позволяет просканировать цвет с определенного элемента картинки и использовать его для рисования. Панель смешивания и цвет можно сохранить для следующего сеанса.

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

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

Инструменты выделения включают прямоугольное выделение, лассо, и волшебную палочку (square selection, the lasso and magic wand). Последняя может быть сконфигурирована для сглаживание. Есть также выделение как кисть, которая может быть настроена под рисование.

SAI обладает полным комплектом инструментов преобразования, которые могут работать над выделенной областью, включая перемещение, изменение размера, вращение, и свободное (перспектива) трансформирование (move, resize, rotate, and a free (perspective) transform). Любая серия преобразований может быть собрана в набор и затем применена сразу к определенному выделению.

9

Есть две каверзы, которые часто смущают новых пользователей и не отражены в английской документации САИ:

 Во-первых, SAI включает несколько инструментов для того, чтобы создать выделение, но только инструмент rectangular selection показывает варианты преобразования (параметры). Но на самом деле не имеет значения, как выделение создано. Чтобы увидеть параметры преобразования любого выделения, надо после создания выделенной области кликнуть на кнопку прямоугольного выделения (Marquee), и параметры выделения появятся ниже.

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

Некоторые типичные функции, которые присущи программам для работы с графикой, не реализованы. Это текст, градиенты, и фигуры. SAI сосредотачивается на том, чтобы рисовать и закрашивать, в то время как заключительный этап создания картины отдается на откуп другим приложениям. Нет также никакой функциональности для печати, но документы могут быть экспортированы в такие форматы как PSD, BMP, PNG, в дополнение к собственному формату *.sai.

Поскольку программа не сосредотачивается на редактировании готовых изображений, единственные корректировки Яркость/Контраст и Оттенок/Насыщенность (Brightness/Contrast and Hue/Saturation), и, следовательно, нет редактирования слоев, каналов, и т.д. Пользователи могут использовать другую программу для более сложного редактирования, но когда изображение возвращено SAI, его свойства могут быть изменены.

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

Еще нам понравилось, как работает заливка (инструмент Bucket) на растровом уровне. Так вот, заливает без всяких зазоров и просветов, очень корректно. Запомнилась также кнопкаHorisontal flip на верхней панели инструментов, которая ну очень часто востребована художниками SAI - она позволяет в один клик менять ориентацию рисунка на зеркальную и обратно, при этом настоящая ориентация рисунка не меняется, что видно по окошечку Navigator и при сохранении ориентация останется первоначальной, даже если вы забудете отменить зеркальность. А нужна такая оперативная и легкая функция при работе с графическим планшетом, чтобы не менять часто ориентацию вашей кисти руки со стилусом.

10

Анимация в SAI

В самой программе нет инструментов для создания анимации, но есть сторонние приложения, которые максимально облегчат вам задачу по анимации ваших рисунков. РечьидетоSai Animation AssistantиутилитеconvertизпакетаImage Magic. Итак:

Просмотранимациив Sai Animation Assistant

Создайте папку проекта.

Сохраните в неё каждый слой с изображением из Paint Tool SAI в виде PNG файлов с инкрементными именами, например: s01.png, s02.png, s03.png ...

Скопируйте Ассистент SaiAnimationAssistant.exe в эту папку и запустите этот файл на исполнение.

В окне программы нажмите на кнопку Start.

Начнется воспроизведение последовательности PNG файлов. Скорость воспроизведения можно менять в поле FPS (количество кадров в секунду).

По мере сохранения из SAI новых png-изображений ваш ролик в Ассистенте будет автоматически пополняться новыми кадрами.
Ассистент - только для просмотра и контроля.

Создание анимации с помощью convert

Теперь вам захочется сохранить последовательность PNG файлов в анимированный GIF. Для этого:

Скопируйте файл convert.exe в папку проекта.

Из командной строки Windows дайте команду:

convert -delay 10 -loop 0 s*.png animaion.gif
Ключ-delay 10 - этопаузамеждукадрами.100 соответствует 1 секунде.
Ключ -loop 0 - это количество проходов. 0 - не останавливаться никогда, 3 - три прохода и остановка на последнем кадре... Срабатывает при просмотре в браузере.
Рекомендуем нумерацию в названиях *.png делать таким образом, чтобы нули заполняли недостающие десятки или сотни, иначе неправильно будет определяться начальный кадр, а ключи -delay и -loop будут отрабатывать не так, как вы рассчитываете.

11

Глава 2

2.1. Как рисовать в Paint Tool SAI

1. Создайте новый холст (приложение 16).

2. При помощи Pen (ручки) нарисуйте набросок (приложение 17).

3. Уменьшите Непрозрачность (Opacity) примерно на 40%.
4. Создайте новый слой и аккуратно обведите набросок по контуру (приложение 18).

5. Когда слой с контуром будет готов, можете удалить слой с эскизом.

6. Создайте новый слой, переместите его ниже слоя с контуром. Приступайте к покрасу рисунка (приложение 19).

7. Создайте новый слой. Добавьте тени и блики, а также фон. Готово! (приложение 20).

Процесс создания арта (приложение 21-22).

Готовые арты, нарисованные в PaintToolSAI

(приложение 23-25)

12

Заключение

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

13

Список литературы

1. https://vk.com/topic-10106608_35412381

2. http://www.newart.ru/htm/myzavr/mz13.php

3. http://mypainttoolsai.ru/kak-risovat-v-paint-tool-sai

4. https://wearts.ru/magazine/358

14

Приложение

Приложение 1

Приложение 2

Приложение 3

Приложение 4

Приложение 5

Приложение 6

Приложение 7

Приложение 8 15

Приложение 9

Приложение 10

Приложение 11

Приложение 12

16

Приложение 13

Приложение 14

Приложение 15

Приложение 16

17

Приложение 17

Приложение 18

Приложение 19

18

Приложение 20

Приложение 21

19

Приложение 22

Приложение 23

20

Приложение 24

Приложение 25 21

Адрес публикации: https://www.prodlenka.org/metodicheskie-razrabotki/353992-proektnaja-rabota-paint-tool-saigraficheskij