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

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

この記事では、ペイントエディターの中のベクター形式のツールの使い方を紹介しょうかいします。

という方向けです。

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

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

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

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

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

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

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

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

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

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

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

 

スプライトや背景をかく

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

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

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

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

 

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

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

 

ツールの使い方

筆（ブラシ）

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

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

 

色の選び方

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

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

色（色相）

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

鮮やかさ（彩度）

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

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

明るさ（明度）0 ～ 100

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

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

スポイト

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

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

グラデーション

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

 

直線／円／四角形

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

塗ぬりつぶしの色（直線はなし）、枠線わくせんの色と太さを選えらんで、キャンバスの上をドラッグします。

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

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

また、直線ツールでかいた直線のはし（〇になる場所）からドラッグすると、続つづいた直線をかくことができます。

 

塗りつぶし

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

 

消しゴム

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

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

 

選択（せんたく）

パーツをクリックして選えらびます。

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

 

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

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

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

削除（さくじょ）

選えらんだパーツを消します。

左右反転／上下反転

選えらんだパーツを左右または上下に反転します。

何も選えらんでいない場合は、コスチューム全体が反転します。反対向きのスプライトを作りたい場合は、左右反転を使いましょう。

グループ化／グループ化解除（かいじょ）

グループ化すると、複数ふくすうのパーツを１つにまとめてあつかうことができます。

グループ化したいパーツを選えらんで「グループ化」ボタンをクリックします。

「グループ化解除かいじょ」ボタンでバラバラにもどすことができます。

パーツの重なりを調整

パーツは紙を何枚なんまいも重ねたような状態じょうたいになっていて、重なりの順番じゅんばんを変かえることができます。

アニメのセル画のようなイメージです。

このようにパーツを重ねて使うことができる機能きのうを、レイヤーと言います。

手前に出す／奥に下げる

選えらんだパーツを1つ手前に出したり、1つ奥おくに下げたりできます。

最前面／下げる

選えらんだパーツを一番手前に出したり、一番奥おくに下げたりできます。

 

形を変える

「点」単位たんいで選えらぶことができます。

パーツをクリックし、出てきた点をクリックすると、操作そうさすることができます。

点をドラッグすると点が移動いどうします。

線の上の点がないところをクリックすると新しい点ができます。

削除（さくじょ）

点を選えらんでから削除さくじょボタンをクリックすると、点を消すことができます。

滑らか（なめらか）／角ばった

点は「滑なめらか」または「角ばった」を選えらぶことができます。

滑なめらかにすると、角がなくなり曲線になります。

滑なめらかな点は、ベジェ曲線で編集へんしゅうします。

左右のハンドル（方向線）の先にある点（方向点）をドラッグして動かし、その長さや向きによって線の曲がり具合を調整します。

コツをつかむまで少しむずかしいかもしれません。練習して感覚かんかくをつかみましょう。

 

テキスト

文字を入力できます。

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

大きさは、選択せんたくツールで変かえられます。

 

コスチュームを追加する

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

他のコスチュームのパーツをコピーして、新しいコスチュームのキャンバスにはり付つけることもできますよ。

 

まとめ

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

レイヤーやベジェ曲線は、プロも使うIllustratorなどの画像編集がぞうへんしゅうソフトでも使われている機能きのうです。

絵をかく仕事に興味きょうみのある人はチャレンジしてみてはどうでしょうか。