講座の流れ

1.はじめてのEDGE

2.リンゴ演習3.リンゴでアニメーション

ここからの説明はモグラ君（改）が行います

↓

よろしく！

はじめてのＥＤＧＥ

ここから新規作成できます。

はじめてのＥＤＧＥ（２）

今回は横幅３２、縦幅３２、

背景色黒に設定してね

はじめてのＥＤＧＥ（３）

画面小せえな

はじめてのＥＤＧＥ（４）

左上の虫メガネを使って拡大、縮小できるよ

はじめてのＥＤＧＥ（５）

Ｒ、Ｇ、Ｂの値を変えてといろんな色を作ってみよう！

カラーパレットのパレット→未使用色の削除と整理を選択するとパレットが真っ黒になります。

はじめてのＥＤＧＥ（６）

カラーパレットの右上の色（後の背景色）を適当にいじ

れば見やすいね

はじめてのＥＤＧＥ（７）

便利なショートカットキー

•CTRL + Z でひとつ前に戻る

•CTRL + Y でひとつ前に進む

リンゴ演習

リンゴ演習

３２×３２

６４×６４

実際にこのリンゴを描いてみよう！

１．外形を描く

２．下地を塗るＲ、２５５Ｇ、０Ｂ、０を使用

３．縁取り

手順１、同色範囲の選択（右上のふにゃふにゃした丸）で赤い部分を選択２、選択範囲→縁取り３、長方形中塗りつぶし（■これ）で塗る

３．縁取りＲ、５０Ｇ、０Ｂ、０を使用

４．ヘタを描くＲ、１２０Ｇ、０Ｂ、０を使用

５．影を塗るＲ、１５０Ｇ、０Ｂ、０を使用

６．光を描くＲ、２５５Ｇ、１１０Ｂ、１１０を使用

７．細部を描いて完成！Ｒ、２５５Ｇ、１８０Ｂ、１８０を使用

周りの色邪魔

透過しよう！

８．透過処理 エクスポート、ＰＮＧ形式で保存を選択

８．透過処理２ 編集レイヤの（０、０）の色を透過させる、を選択する。一番右上にある色が透過されるよ。

BEFORE → AFTER

透過処理済み透過処理前

リンゴでアニメーション

パワポにＧＩＦ貼るのってどうすりゃいんだよ（怒）

リンゴでアニメーション

今度は横３２、縦１６０、

背景色黒に設定してね

リンゴでアニメーション

さっきのリンゴで使ったカラーパレットの編集→コピーを選んで新しいパレットにコピーしよう

レイヤについて・パーツごとに違うレイヤに描いたりすると修正するときに楽だよってやつ（と自分は認識している）これうまく使える人はつよい

・青いところが編集中のレイヤ、○×は表示されているかどうか

・今回はパーツごとではなくアニメーションのコマ割りとして使う

リンゴでアニメーション３２×１６０の方に新しいレイヤを作ってリンゴが地面にある状態から頂上にあ

る状態までをコピペして作る（片道でいいよ）

リンゴでアニメーション

上にある映画っぽいアイコンを押してアニメーションフレームを出す

リンゴでアニメーション

設定→設定を選択、さらに横幅、縦幅を画像のサイズに合わせる

リンゴでアニメーション

アニメーションフレームの■のアイコンを押して使いたい画像を取り込む

リンゴでアニメーション

アニメーションフレームの再生っぽい（▶）アイコンを押すと再生できるよ

リンゴでアニメーション

リンゴ歩かせてみました

おすすめサイト

ドット絵描こうＺ

HTTP://BLOG.LIVEDOOR.JP/DOTEZ/ARCHIVES/50850695.HTML