Тема: «Графический редактор в Scratch»

Какими бывают графические редакторы

Спрайт можно нарисовать самостоятельно, с чистого листа, или взять за

основу готовое изображение или фотографию. Все объекты, которые в игре или
программе будут меняться или двигаться независимо от фона, должны быть
отдельными спрайтами. Нарисовать спрайт можно прямо в графическом
редакторе Scratch, а можно воспользоваться любым графическим редактором,
установленном на компьютере. Главное – сохранять изображения в форматах,
которые понимает Scratch, это форматы jpg, bmp, png, gif (включая
анимированный gif).

Для фона потребуются рисунки и фотографии размером 480 на 360 пикселей,

иначе они не поместятся на сцене.

Растровая графика.

Растровые графические редакторы собирают изображения из множества

разноцветных точечек-пикселей, как из мозаики.

Векторная графика.

Векторные графические редакторы складывают изображение из фигур –

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

В растровых редакторах удобно создавать сложные цветовые эффекты –

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

Для того чтобы открыть графический файл,

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

Рисуем в Scratch

Чтобы перейти в графический редактор Scratch,

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

Слева расположена область инструментов. Одним щелчком мыши можно

выбрать нужный инструмент.

Лупа изменяет масштаб рисунка, с её помощью удобнее

рисовать мелкие детали.

Рисует кривую линию

Рисует прямую линию

Рисует прямоугольник, а с нажатой клавишей Shift – квадрат

Рисует овал, а с нажатой клавишей Shift – круг

Стирает изображение
Окрашивает изображение в выбранный цвет, но контур
изображения и его внутреннюю часть нужно раскрашивать
отдельно
Позволяет написать текст в любом месте экрана. Поменять
шрифт можно в меню, расположенном в нижней части экрана.
Русскими буквами пользоваться нельзя, только латинскими
(английскими) буквами и цифрами
Позволяет выделить и подвинуть фрагмент изображения. Если
выбрать этот инструмент, щелкнуть мышью в нужной точке на
рисунке и тащить указатель, не отпуская – на экране появится
прямоугольник с контуром в виде прерывистой линии
Если выделить нужную область рисунка, её можно будет
удалить (кнопкой Del), передвинуть (стрелочками на клавиатуре
или мышью) или повернуть за точку, расположенную сверху
выделенного участка
Дублирует фрагмент изображения. Если выделить нужный
фрагмент, нажать кнопку со штампом – появится копия,
которую можно перенести в любое место
 В нижней части редактора расположена палитра для выбора
цвета. Кажется, что здесь уже много цветов, но на самом деле
их ещё больше

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

палитра – в виде цветового спектра. Здесь можно найти самые
разные оттенки и тона

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

толщину линии.
Если рисовать овал или прямоугольник, бегунок превращается в
кнопки для настройки закраски фигур. Объект можно закрасить
одним цветом, а можно использовать цветовые переходы
(градиент)
В верхней части экрана расположены кнопки «Очистить»,
«Добавить» и «Импорт». Первая кнопка позволяет быстро
убрать все изображение, вторая позволяет загрузить
изображение из библиотеки спрайтов, а третья загружает
картинку из файла в графический редактор, чтобы её
можно было изменить

Создание костюмов.

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

Если нажать кисточку в столбце с костюмами (левая часть редактора),

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

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

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

Сохранение нового спрайта в файл

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

необходимо их сохранить как отдельные файлы.
 Для этого нужно щелкнуть в редакторе (левый столбец) правой кнопкой
мыши на костюме и выбрать пункт меню «сохранить локальный файл». Указать
папку, где будут храниться собственные спрайты, и ввести нужное имя файла.
Нажать «сохранить». Будет проще использовать спрайт, если имя файла
совпадает с названием спрайта.

Храните все файлы одного проекта в одной папке! Для каждого костюма
необходим отдельный файл. Составлять имя для костюма лучше из имени
спрайта, дополнив его буквой или цифрой. Например: Заяц-a, Заяц-b или Заяц1,
Заяц2 и так далее.

Векторный редактор

Векторный редактор Scratch хорошо подходит для создания сложных

объектов.

Если перейти в графический редактор и нажать кнопку «конвертировать в

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

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

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

Если щелкнуть не на опорной точке, а на контуре, то в этом месте появится

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

Кнопки инструментов – текст, рисование фигур, заливки, печать – работают

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

Если нарисовать изображение в векторном режиме и нажать кнопку

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

Слои изображения

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

порядком наложения фигур друг на друга.

Они позволяют управлять расположением частей рисунка. Чтобы

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

Группировка фигур

Очень часто хочется объединить несколько объектов в один, чтобы их вместе

двигать, раскрашивать и производить другие операции.

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

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

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

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