高等学校「情報Ｃ」実習プリント⑤ Photoshop でアニメ GIF を作ろう！＜ねらい＞（４）アニメーションとして保存する。 ①「ファイル」→「Ｗｅｂ用に保存」を選択します。 ②ファイル形式を「ＧＩＦ」を選択、□アニメーションにチェックします。 ③ｅマーク（プレビュー）を選択し、プレビューで確認します。 ①画像と組み合わせたアニメーションＧＩＦの作り方を体験する ②画像処理ソフト「Photoshop Elements」の操作に慣れる →Ｗｅｂブラウザが開き、確認することができます。 ④確認したら、□繰り返しにもチェックを入れ、個人フォルダに保存します。 ※保存名は「A40（組＋番号（半角））」になっていますか？＜課題＞ ⑤念のため「ファイル」→「保存」を押し、フォトショップ形式でも保存しておく。「画像と画像」または「画像とイラスト」を組み合わせた１０コマ以上のアニメーションを作成する。（例）葉っぱの画像の上でイラストまたは画像の虫が動く etc 下書シート＜操作手順＞操作手順＞（１）Photoshop （１）Photoshop でもととなる背景と画像でもととなる背景と画像をつくる背景と画像をつくる ①Photoshop を立ち上げ、「新規」で、縦 10cm＊横 10cm の大きさを選択。タイトル ※保存名は「A40（組＋番号（半角））」とする。 ②背景となる画像を貼り付けます。（レイヤー１と表示されます） ※ファイルを開き→「範囲選択」→「移動ツール」で貼り付ける ③「レイヤー」を表示させ、新規レイヤーを一つ作成する。説明 ※表示がなければ「ｳｲﾝﾄﾞｳ」→「ﾚｲﾔｰを表示」→下の「新規ﾚｲﾔｰ」の作成（レイヤー２と表示されます） ④作ったレイヤー２の上に画像を貼り付けたり、イラストを書いてください。（２）(1) （２）(1)で作っ (1)で作った画像をもとに、アニメーションの絵をつくるで作った画像をもとに、アニメーションの絵をつくる（レイヤー２を動かす場合） ①レイヤー２を選択し、１つコピーします。 ※「レイヤー」→「レイヤーの複製」で「レイヤー２のコピー」を作成絵コンテ ②「移動ツール」で動かす部分を選択し、少しずらします。 ③このあと①②を繰り返し、コマを増やしていきます。 ※これがアニメーションの動きのもととなります（３）(2) （３）(2)で作った画像と、背景を合成し、アニメーションのコマを作ります。 (2)で作った画像と、背景を合成し、アニメーションのコマを作ります。 ①レイヤー１（最初に作った背景画像）を(2)で作ったコマの数だけ複製します。 ※「レイヤー１」を選択し、「レイヤー」→「レイヤーの複製」の繰り返し ②①で作った「レイヤー１のコピー」の順を入れ替え、(2)で作った画像（レイヤー２のコピー）と交互になるようにします。 ③画像（レイヤー２のコピー）と背景（レイヤー１のコピー）を合成します。 ※「レイヤー２のコピー」を選択し、「レイヤー」→「下のレイヤーの結合」高校２年組番（名前）高等学校「情報Ｃ」実習プリント⑤－2 Ａ Photoshop でアニメ GIF を作ろう！（評価）＜手ＢＣ自己評価時間を有効に使決められた時間内時間を無駄に使う時間配分い、工夫を重ねたで作品を完成させことも多かった。順＞作品を作れた１．自分のアニメーションの工夫した点、見所などアピールを下の準備シートに記入する。た積極的に工夫し作指示通りの作品をなかなか手が動か制作態度品を完成させた作ることができず、作品制作に手た。間取った。アピコメントー（苦労したル点・反省・次へ向けた工夫など）＜評価の手順＞ ☆考察☆ 他の人の作品を聞いて、よかった人・高い点数をつけたページは、どのような工夫・方手順１．デスクトップ「生徒用 Server」→「相互評価」→「クラス名」法をしていたか考えて書いてください。で、自分の出席番号のファイルを開く。２．下の発表の観点に沿って評価を行い、ＳＡＢＣ（大文字半角）、点数の計算（半角）を行う。コメントも時間の許す限り記入する。３．すべての発表が終わったら、上書き保存して終了する。＜評価基準＞評価項目デザイン内容ＡＢ ①画像の選択・加工よくだいたい ②アニメーションらしさできているできている ①アイデアのおもしろさよくだいたい ②オリジナリティできているできているＣもう一工夫もう一工夫 ※ 標準がＢ、いいものがＡで、Ａの中でとくにすばらしいものにＳ自己評価シート高校２年組番（名前）