小さなアニメーション GIFアニメを作る

授業一覧

小さなアニメーション GIFアニメを作る -1限目-

2016年7月5日公開

01:00:00

授業概要
チャプター

この授業では、アニメーションを作ってみたい、でも映像系ソフトウェアは色々敷居が高そうと、なかなか一歩を踏み出せない人向けです。Photoshopを使った実習を通して、小さなアニメーション、GIFアニメ制作を学びます。

1限目は、GIFアニメの概要、歴史などを説明し、その後、Photoshopを使っての実習へと移ります。作品完成後、GIF投稿サイトにアップします。また、Facebook、Twitterへの連携も確認します。

GIFMAGAZINE

ダイノサトウGIFアニメーションページ

広島アニメーションフェスティバル

自己紹介
01:42

先生の作品
03:43

はじめに
01:10

今回の授業について
00:44

アジェンダ
00:25

GIFってなに？
00:10

GIFとはアニメーション可能なファイル形式である。
00:40

Googleトレンドに見るGIFの関心度の推移
00:29

質問：GIFの検索数が2011年頃を期に、上昇に転じました。その原因は何でしょう？
04:42

GIF形式のデメリット・メリット
02:05

PhotoshopでつくるGIFアニメ　～手描き編
00:29

GIFアニメの特徴、制作ポイント
01:46

質問：アニメーション制作に挑戦したことのある人！
02:54

セッティング、ボール描画
03:50

アニメーション、速さ設定、プレビュー
05:11

書き足し、味付け
02:39

GIF書き出し、再生確認
04:13

PhotoshopでつくるGIFアニメ　～写真加工編
01:38

実習
07:16

SNSへ投稿
02:47

ポイント復習
00:34

次回授業の紹介
01:08

Q：解像度は72ではなく、300の方がよいのでしょうか？
00:46

Q：今後Gifに変わるAPNGは普及されそうですか？
01:27

Q：ボールのアニメーションですが、最後のフレームで壁にぶつかったようなアクションをしたい場合はどうすればよいでしょうか？
01:19

Q：紙でなければ関係ないというお話があったので、8bitか16bitかも紙でなければ関係ないと思ってよいでしょうか？ブラウザ上でみるgifアニメーションもwebもそうでしょうか？
01:18

Q：画像クリックで再生ON/OFFを切り替えるには、どうすればいいですか？GiFそのものという意味です
01:17

Q：基本的な質問で済みません。広告業界：gif、ゲーム業界：flash、映像業界：after effectというふうに技術のつかいわけがあるでしょうか？また、フラッシュはセキュリティが心配という方がいますが、gifはどうなのでしょうか？
01:58

Q：初めにご紹介していただいたPVの中にある、ラインだけで描くアニメーションはどのように描くのでしょうか？
00:55

お知らせ

小さなアニメーション GIFアニメを作る -2限目-

2016年7月12日公開

01:00:00

授業概要
チャプター

この授業では、アニメーションを作ってみたい、でも映像系ソフトウェアは色々敷居が高そうと、なかなか一歩を踏み出せない人向けです。Photoshopを使った実習を通して、小さなアニメーション、GIFアニメ制作を学びます。

2限目は、投稿作品の講評後、動画やAdobe Animate（旧Adobe Flash）などからの、GIFアニメの書き出し方を紹介します。

GIFアニメコンテスト ”theGIFs”

若井真奈美さん HP

GIFアニメーションを真剣に考えてみる