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

スクラッチ(Scratch)のペイントエディターを使うと、オリジナルのスプライトや背景はいけいをを作ることができます。

この記事では、ペイントエディターの中のビットマップ形式のツールの使い方と、画像がぞうデータの読みこみ方と書き出し方の方法ほうほうを紹介しょうかいします。

という方向けです。

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

まず、ビットマップ形式とベクター形式のちがいを解説かいせつします。

ビットマップ形式はドットの集まり

ビットマップ形式の画像がぞうとは、色のついた点（ドット）の集まりでできている画像がぞうです。

色の変化へんかを細かく表現ひょうげんできるので、写真向き。

点の集まりなので、拡大かくだいすると画像がぞうがあらくなってしまいます。

ベクター形式はコンピュータが計算してかく

ベクター形式の画像がぞうとは、点の位置いちや線、色などを数値化すうちかした情報じょうほうからコンピュータが計算してかいている画像がぞうです。

拡大かくだい・縮小しゅくしょうしても画像がぞうがあらくならないので、図形やイラストに向いています。

しかし、写真のような複雑ふくざつな色の表現ひょうげんは苦手です。

ビットマップ形式のツールの使い方については、「【スクラッチ（Scratch）】絵を描いてスプライトや背景を作ろう（ベクター編）」で紹介しょうかいしています。

 

スプライトや背景を描く

画面の右下にあるネコと山の絵のアイコンから、スプライトや背景はいけいを追加ついかできます。

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

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

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

 

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

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

 

ツールの使い方

筆（ブラシ）

曲線を自由にかくことができます。

色（塗ぬりつぶし）とブラシのサイズを選えらんで、キャンバス上をドラッグします。

 

色の選び方

色の3属性ぞくせい（色相・彩度さいど・明度）を0～100の値あたいで調整し、色を作ります。

〇を左右にドラッグしましょう。

色（色相）

色相（しきそう）とは、「赤」「黄」「青」のような色の種類しゅるいのことをいいます。

鮮やかさ（彩度）

彩度（さいど）とは、色の鮮あざやかさの度合いのことをいいます。

彩度さいどが高くなると、はっきりとした色になり、低ひくくなると、無彩色むさいしょく（白・灰はい・黒）に近づきます。

明るさ（明度）0 ～ 100

明度（めいど）とは、色の明るさの度合いのことをいいます。

低ひくくなると、黒に近づきます。

スポイト

すでに使っている色と同じ色を使いたい時に使います。

スポイトを選えらび、キャンバス上にある使いたい色の上でクリックします。

グラデーション

グラデーションの種類しゅるいと色（2色）を選えらびます。

 

直線／円／四角形

図形（直線、丸、四角形）をかくことができます。

円と四角形は、塗ぬりつぶされた図形または輪郭りんかくを選えらべます。

塗ぬりつぶされた図形をかく場合は塗ぬりつぶしの色を選えらび、輪郭りんかくをかく場合は線の色と太さ選えらんで、キャンバスの上をドラッグします。

円、四角形は対角線をなぞるようにドラッグしましょう。

「Shift」キーをおしながらドラッグすると円や正方形になりますよ。

 

テキスト

文字を入力できます。

色（塗ぬりりつぶし）とフォント（文字のデザイン）を選えらんでキャンバス上をクリック。

文字を入力し、位置いちや大きさを調整します。

• 移動いどう
  パーツをドラッグすると移動いどうします。
• 大きさを変かえる
  わくのはじのつまみ（〇）を外側そとがわまたは内側うちがわにドラッグすると、大きさを変かえられます。
• 回転
  わくの下にある矢じるしを円をなぞるようにドラッグすると、回転できます。
  「Shift」キーをおしながらドラッグすると45度ずつ回転します。

 

塗りつぶし

塗ぬりつぶしの色を選えらんで、ぬりつぶしたい部分をクリックします。

 

消しゴム

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

形を変かえたり、穴あなもあけられます。

 

選択（せんたく）

ドラッグすると、点線の四角いわくが出て一部分を選えらぶことができます。

• 移動いどう
  ドラッグで移動いどうします。
• 大きさを変える
  わくのはじにあるつまみ（〇）を外側そとがわまたは内側うちがわにドラッグすると、大きさを変かえられます。
• 回転
  わくの下にある矢じるしを円をなぞるようにドラッグすると、回転できます。
  「Shift」キーをおしながらドラッグすると45度ずつ回転します。

 

コピー／貼り付け（はりつけ）

選えらんだパーツを「コピー」ボタンでコピーし、「貼はり付つけ」ボタンでコピーしたパーツをはり付つけけます。

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

削除（さくじょ）

選えらんだ部分を消します。

左右反転／上下反転

選えらんだ部分を左右または上下に反転します。

何も選えらんでいない場合は、コスチューム全体が反転します。

 

コスチュームを追加する

コスチュームをふやしたい場合は、コスチュームタブ（画面の左下）にあるネコのマークをクリックします。

 

画像を読みこむ（インポート・アップロード）する

パソコン上に保存ほぞんしてある画像がぞうデータをスプライトや背景はいけいに使うことができます。

• スプライト
  画面の右下にある「スプライトを選えらぶ」を選えらぶ、
  一番上の「スプライトをアップロード」を選えらぶ。
  読みこむファイルを選えらんでアップロード。
  　
• コスチューム
  コスチュームタブを開く。
  「コスチュームを選えらぶ」から上から二番目の「コスチュームをアップロード」を選えらぶ。
  読みこむファイルを選えらんでアップロード。
  　
• 背景はいけい
  画面の右下にある「背景はいけいを選えらぶ」を選えらぶ、
  一番上の「背景はいけいをアップロード」を選えらぶ。
  読みこむファイルを選えらんでアップロード。

 

読み込むことのできるファイルの種類

下の拡張子かくちょうしの画像がぞうデータを読みこむことができます。

 

 

著作権（ちょさくけん）に注意しよう

作品を作るときに、好きなアニメやゲームのキャラクターを使いたいと思うことがありますよね。

しかし、これは著作権侵害ちょさくけんしんがいにあたります。

作品を作るとき、使用する画像がぞうや音楽などが著作権ちょさくけんの侵害しんがいにならないか注意してください。

文化庁の「楽しく学ぼうみんなの著作権」で、小学生向けの解説かいせつ動画があるので一度見てみましょう。

 

画像を書き出す（エクスポート・ダウンロード）

自分でかいたスプライトや背景はいけいをパソコン上に保存ほぞんすることができます。

• スプライト
  画面の右下にあるスプライトのアイコンを右クリック。
  表示ひょうじされたメニューの「書き出し」を選えらぶ。
  　
• コスチューム
  コスチュームタブを開く。
  保存ほぞんしたいコスチュームのアイコンを右クリック。
  表示ひょうじされたメニューの「書き出し」を選えらぶ。
  　
• 背景はいけい
  右下にある「ステージ」をクリックして、背景はいけいタブを開く。
  保存ほぞんしたい背景はいけいのアイコンを右クリック。
  表示ひょうじされたメニューの「書き出し」を選えらぶ。

 

 

まとめ

今回は、ペイントエディターのビットマップ形式のツールを紹介しょうかいしました。

と使い分けるとよいと思います。

お絵かきが好すきな子がキャラクターや背景はいけいをかいて、プログラミングが好すきな子がプログラムを組むなど得意とくいなことで協力きょうりょくし合ってひとつの作品を作るのもいいですね。