Теория:
Ты уже знаешь, что у спрайта есть костюмы. Сегодня на занятии мы научимся эти костюмы изменять и даже рисовать сами. Нам в этом поможет встроенный в \(Scratch\) графический редактор. Если нажать на вкладку Костюмы, мы сразу увидим этот редактор. Откроем спрайт \(Button1\) и перейдём во вкладку Костюмы.
Рис. \(1\). Кнопка
Если ты заметил, слева указано, что костюм у спрайта всего один.
Наша задача — добавить для спрайта несколько костюмов (закрасим кнопки разными цветами).
Чтобы понять, как это сделать, познакомимся с возможностями редактора.
Графический редактор \(Scratch\).
Графический редактор может работать в двух режимах (в режиме растровом и векторном), переключение режимов идёт внизу при нажатии кнопки.
Включён режим векторной графики | Включён режим растровой графики |
 Если внизу активна эта кнопка, то выбран режим векторной графики |  Если внизу активна эта кнопка, то выбран режим растровой графики |
Инструменты векторного режима.
Сверху по горизонтали располагается верхнее меню
Рис. \(2\). Верхнее меню
Так как векторное изображение состоит из отдельных примитивов (прямоугольников, кругов и других), то их можно сгруппировать, т. е. соединить как единое целое, или, наоборот, разгруппированные примитивы разбить на отдельные. В этом помогают кнопки Сгруппировать и Разгруппировать. Отдельные части рисунка (если он собирается из примитивов) можно перемещать на Передний и Задний планы. Стрелочка влево отменяет выполненное действие, а стрелочка вправо восстанавливает действие, которое было отменено. Остальные кнопки уже знакомы, такие как Имя костюма.
Рассмотрим набор (панель инструментов).
Рис. \(3\). Панель инструментов векторного редактора
Следующий объект нашего внимания — это Заливка и Контур.
Рис. \(4\). Заливка
В настройках заливки можно выбрать цвет, изменить яркость, насыщенность цвета, выбрать градиент.
Рис. \(5\). Контур
В центре располагается поле в клеточку — это рабочая область.
Растровый редактор.
Переключимся в растровый редактор и рассмотрим его возможности.
Как мы видим, изменилось верхнее меню, теперь здесь нет кнопок На задний план.
Рис. \(6\). Верхнее меню растрового редактора
Изменилась и панель инструментов.
Рис. \(7\). Панель инструментов растрового редактора
При выборе инструментов для каждого из них появляется набор свойств, которые можно изменять.
Мы кратко познакомились с инструментами и возможностями графического редактора \(Scratch\). Давай выполним задание.
Задание.
Ты знаешь, что в радуге \(7\) цветов. Какие это цвета?
Каждый — красный.
Охотник — оранжевый.
Желает — жёлтый.
Знать — зелёный.
Где — голубой.
Сидит — синий.
Фазан — фиолетовый.
Так и раскрасим кнопки \(button1\).
1. Наведём курсор на костюм спрайта и нажмём правую кнопку мыши, выберем пункт Дублировать, слева на панели появится ещё одна кнопка.
2. Повторим \(1\) действие несколько раз, чтобы слева появилось \(7\) кнопок.
3. Изменим цвет кнопок.
 |  |  |
 |  |  |
 |
Загрузка изображений.
Графический редактор может загружать уже созданные изображения, например, в \(Paint\).
4. Нарисуем солнышко и облака в любом графическом редакторе, например, так.
Рис. \(8\). Изображение
Выполним его загрузку с помощью меню в левом нижнем углу Загрузить костюм.
Рис. \(9\). Загрузка костюма
Созданный костюм появился слева на панели.
Создание костюма.
Ну и, конечно, в графическом редакторе \(Scratch\) можно самому создавать изображение.
5. Давай нарисуем радугу с помощью инструмента Круг. Круги будут разноцветные, как у радуги. Например, такие.
Рис. \(10\). Круги
6. Переместим круги так, чтобы на сцене была видна только часть.
Рис. \(11\). Радуга
7. Осталось создать анимацию для нашего проекта. Мы это сделаем с помощью алгоритма с повторениями (блок Повторять всегда).
Рис. \(12\). Программа для радуги
Наш проект подошёл к концу. Нажимай зелёный флажок и смотри.
Видео \(1\). Анимация радуги
Если что-то не получилось, скачай файл и посмотри ошибки: «Радуга.sb3».
Источники:
Рис. 1. Кнопка. © ЯКласс.
Рис. 2. Верхнее меню. © ЯКласс.
Рис. 3. Панель инструментов векторного редактора. © ЯКласс.
Рис. 4. Заливка. © ЯКласс.
Рис. 5. Контур. © ЯКласс.
Рис. 6. Верхнее меню растрового редактора. © ЯКласс.
Рис. 7. Панель инструментов растрового редактора. © ЯКласс.
Рис. 8. Изображение. © ЯКласс.
Рис. 9. Загрузка костюма. © ЯКласс.
Рис. 10. Круги. © ЯКласс.
Рис. 11. Радуга. © ЯКласс.
Рис. 12. Программа для радуги. © ЯКласс.
Видео 1. Анимация радуги. © ЯКласс.