【スクラッチ（Scratch）】絵を描いてスプライトや背景を作ろう（ビットマップ編）

スクラッチ（Scratch）で 自分じぶんだけのスプライトやイラストを 描かいてみたいけれど、「思おもうように描かけない」と困こまっていませんか？

この記事きじでは、スクラッチの ペイントエディターで ビットマップ形式けいしきを使つかって イラストを描かくときによく使つかうツールと、その使つかい方かたを紹介しょうかいします。

ビットマップ形式けいしきは、紙かみに絵えを描かくような感覚かんかくで 自由じゆうに描かけるのが いいところです。手書てがき風ふうのイラストや 背景はいけいを描かきたいときに向むいています。

 

ビットマップとベクターのちがい

コンピュータで使つかう画像がぞうには、大おおきく分わけて「ビットマップ」と「ベクター」の2種類しゅるいがあります。

Scratchの ペイントエディターでも、この2つを切きりかえて絵えを描かけます。

いちばん大おおきな ちがいは、画像がぞうの作つくり方かたです。

そのため、それぞれ得意とくいなことが ちがいます。

 

ビットマップ形式

ビットマップは、小ちいさな四角しかくい色いろの点てんを たくさん並ならべて 作つくられた画像がぞうです。

この小ちいさな点てんを 画素がそ（ピクセル）といいます。

ビットマップの特とくちょう

主おもなファイル形式けいしき：JPEG、PNG、GIF

 

ベクター形式

ベクターは、点てんの位置いちや 線せんの形かたち、色いろなどの情報じょうほうをもとに、コンピュータが 計算けいさんして描かく 画像がぞうです。

ベクターの特とくちょう

主おもなファイル形式けいしき：SVG、AI

 

スプライトや背景を追加する

画面がめんの右下みぎしたにあるアイコンから、スプライトや背景はいけいを追加ついかできます。

スプライトを追加ついかする場合ばあいは「ネコ」、背景はいけいを追加ついかする場合ばあいは「山やまの絵え」をクリックしましょう。

アイコンをクリックすると メニューが出でてきます。

「筆ふで」のマークをクリックすると、ペイントエディターが表示ひょうじされます。

パソコンに保存ほぞんしてある画像がぞうを入いれたい場合ばあいは、「アップロード」を選えらびましょう。

 

ペイントエディタ―画面の見かた

最初さいしょは ベクター形式けいしきで表示ひょうじされていて、「ビットマップに変換へんかん」ボタンで ビットマップ形式けいしきに切きりかえられます。

コスチュームを増ふやしたい場合ばあいは、コスチュームペインの下したにある「ネコ」のアイコンから追加ついかしましょう。

ツールやボタンの意味いみは下したの通とおりです。

 

色の選び方

塗ぬりつぶしや 枠線わくせんの色いろは、「色いろ」「鮮あざやかさ」「明あかるさ」を 0～100の値あたいで調整ちょうせいして作つくります。

〇を左右さゆうにドラッグして調整ちょうせいしましょう。

色

「色いろ」では、「赤あか」「黄き」「青あお」のような 色いろの種類しゅるいを決きめます。

鮮やかさ

「鮮あざやかさ」では、どのくらい はっきりした色いろにするか決きめます。

鮮あざやかさを高たかくすると、色いろがあざやかになります。

低ひくくすると、モノクロ（白しろ・灰色はいいろ・黒くろ）に近ちかづきます。

明るさ

「明あかるさ」では、色いろの明あかるさを決きめます。

明あかるさを低ひくくすると、黒くろに近ちかい色いろになります。

スポイト

すでに使つかっている色いろと 同おなじ色いろを使つかいたい時ときに使つかいます。

スポイトを選えらび、キャンバス上じょうの使つかいたい色いろをクリックします。

グラデーション

グラデーションとは、色いろがだんだん変かわっていくことです。

グラデーションの種類しゅるいと 2つの色いろを選えらぶと、きれいな色いろの変化へんかを作つくれます。

 

 

筆（ブラシ）

自由じゆうに線せんを描かけるツールです。

色いろ（塗ぬりつぶし）と線せんの太ふとさを選えらび、キャンバス上じょうをドラッグします。

手書てがきのイラストや細こまかい模様もようを描かきたいときに使つかいます。

 

塗りつぶし

図形ずけいや 囲かこまれた部分ぶぶんを 好すきな色いろで塗ぬるツールです。

塗ぬりつぶしの色いろを選えらび、色いろを変かえたい場所ばしょをクリックします。

 

消しゴム

線せんや図形ずけいの一部いちぶを 消けすツールです。

消けしゴムのサイズを選えらび、消けしたい部分ぶぶんをドラッグします。

 

直線

まっすぐな線せんを描かくツールです。

線せんの色いろ（枠線わくせん）と太ふとさを選えらび、始点してんから終点しゅうてんまでドラッグします。

 

円

円えんや だ円えんを描かくツールです。

全体ぜんたいを塗ぬる「塗ぬりつぶし」と、まわりの線せんだけを描かく「輪郭りんかく」を選えらべます。

「塗ぬりつぶし」は塗ぬりつぶしの色いろを、「輪郭りんかく」は線せんの色いろと太ふとさを選えらび、ドラッグして大おおきさを決きめます。

 

四角形

四角形しかくけいや長方形ちょうほうけいを描かくツールです。

全体ぜんたいを塗ぬる「塗ぬりつぶし」と、まわりの線せんだけを描かく「輪郭りんかく」を選えらべます。

「塗ぬりつぶし」は塗ぬりつぶしの色いろを、「輪郭りんかく」は線せんの色いろと太ふとさを選えらび、ドラッグして大おおきさを決きめます。

 

テキスト

文字もじを入力にゅうりょくするツールです。

タイトルや名前なまえ、セリフなどを入いれたいときに使つかいます。

色いろ（塗ぬりつぶし）と 文字もじのデザイン（フォント）を選えらび、キャンバス上じょうをクリックして 文字もじを入力にゅうりょくします。

文字もじの大おおきさは、「選択せんたく」ツールで 変更へんこうできます。

 

選択

ドラッグすると、四角形しかくけいの範囲はんいを 選択せんたくできるツールです。

選えらんだ範囲はんいだけ 移動いどうしたり、大おおきさを変かえたりできます。

移動

選えらんだ範囲はんいをドラッグすると移動いどうできます。

大きさを変える

わくのはじにある〇を 外側そとがわまたは内側うちがわにドラッグすると、大おおきさを変かえられます。

回転する

わくの下したにある回転かいてんマークを、弧こを描かくようにドラッグすると、回転かいてんできます。

Shiftキーをおしながらドラッグすると、45度どずつ回転かいてんします。

 

コピー＆ペースト

選えらんだ範囲はんいを「コピー」ボタンでコピーし、「ペースト（貼はり付つけ）」ボタンで はり付つけます。

別べつのスプライトやコスチュームにも はり付つけできます。

削除

「削除さくじょ」ボタンで、選えらんだ範囲はんいを消けします。

左右反転・上下反転

「左右さゆう反転はんてん」「上下じょうげ反転はんてん」ボタンで、選えらんだ範囲はんいを 左右さゆう・上下じょうげにひっくり返かえせます。

 

背景・スプライト・コスチュームを保存する方法

Scratchでは、素材そざい（背景はいけい・スプライト・コスチューム）を保存ほぞんする方法ほうほうが2つあります。

使つかう場面ばめんに合あわせて、保存ほぞん方法ほうほうを選えらびましょう。

 

パソコンにファイルとして保存する

素材そざいをファイルとして保存ほぞんしておけば、別べつのパソコンで使つかいたいときや、バックアップしておきたいときに便利べんりです。

保存ほぞんした素材そざいを読よみ込こむときは、スプライトや背景はいけいを追加ついかするボタン（画面がめん右下みぎしたのアイコン）に マウスを合あわせ、表示ひょうじされる「アップロード」をクリックします。

 

スプライトを保存する

スプライトを保存ほぞんすると、コスチューム・音おと・プログラム（コード）が まとめて1つのファイルとして保存ほぞんされます。

1. 画面がめん右下みぎしたの「スプライトエリア」で、保存ほぞんしたいスプライトを右みぎクリック
2. 「書かき出だし」をクリックします。

「（スプライト名めい）.sprite3」というファイルがパソコンに保存ほぞんされます

 

コスチュームを保存する

コスチュームだけを画像がぞうファイルとして保存ほぞんできます。

1. 保存ほぞんしたいスプライトを選えらぶ
2. 「コスチューム」タブを開ひらく
3. 保存ほぞんしたいコスチュームを右みぎクリック
4. 「書かき出だし」をクリック

ベクター形式けいしきのコスチュームは.svg、ビットマップ形式けいしきのコスチュームは.pngなどの 画像がぞうファイルとして保存ほぞんされます。

 

背景を保存する

背景はいけいだけを画像がぞうファイルとして保存ほぞんできます。

1. 画面がめん右下みぎしたの「ステージ」をクリック
2. 「背景はいけい」タブを開ひらく
3. 保存ほぞんしたい背景はいけいのサムネイルを右みぎクリック
4. 「書かき出だし」をクリック

 

バックパックに保存する

Scratchにサインインしていると、画面がめん下したの「バックパック」に素材そざいを保存ほぞんできます。

自分じぶんの別べつの作品さくひんでも使つかいたいときや、よく使つかう素材そざいをすぐに取とり出だしたいときに便利べんりです。

1. 画面がめん下したにある「バックパック」をクリックして開ひらく
2. 保存ほぞんしたいスプライト・コスチューム・背景はいけいを、バックパックへドラッグ＆ドロップ

別べつの作品さくひんを開ひらき、バックパックから スプライトエリアやコスチューム一覧いちらんへ ドラッグ＆ドロップすると、いつでも取とり出だして使つかえます。

 

まとめ

ビットマップ形式けいしきは、紙かみに絵えを描かくような感覚かんかくで イラストを描かける方法ほうほうです。

手書てがき風ふうのイラストや背景はいけいなど、自由じゆうに描かき込こみたいときに 向むいています。

いろいろなツールを試ためしながら、自分じぶんだけのオリジナルスプライトや 背景はいけいを描かいてみましょう。