おためし受講中

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

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


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

 

GIFMAGAZINE

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

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

参考サイト/予習教材

学生代表

  • 未定

    未定

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介
    01:42  (00:14 ~ )
    先生の作品
    03:43  (01:56 ~ )
    はじめに
    01:10  (05:39 ~ )
    今回の授業について
    00:44  (06:49 ~ )
    アジェンダ
    00:25  (07:33 ~ )
    GIFってなに?
    00:10  (07:58 ~ )
    GIFとはアニメーション可能なファイル形式である。
    00:40  (08:08 ~ )
    Googleトレンドに見るGIFの関心度の推移
    00:29  (08:48 ~ )
    質問:GIFの検索数が2011年頃を期に、上昇に転じました。その原因は何でしょう?
    04:42  (09:17 ~ )
    GIF形式のデメリット・メリット
    02:05  (13:59 ~ )
    PhotoshopでつくるGIFアニメ ~手描き編
    00:29  (16:04 ~ )
    GIFアニメの特徴、制作ポイント
    01:46  (16:33 ~ )
    質問:アニメーション制作に挑戦したことのある人!
    02:54  (18:19 ~ )
    セッティング、ボール描画
    03:50  (21:13 ~ )
    アニメーション、速さ設定、プレビュー
    05:11  (25:03 ~ )
    書き足し、味付け
    02:39  (30:14 ~ )
    GIF書き出し、再生確認
    04:13  (32:53 ~ )
    PhotoshopでつくるGIFアニメ ~写真加工編
    01:38  (37:06 ~ )
    実習
    07:16  (38:44 ~ )
    SNSへ投稿
    02:47  (46:00 ~ )
    ポイント復習
    00:34  (48:47 ~ )
    次回授業の紹介
    01:08  (49:21 ~ )
    【後半】質疑応答
    Q:解像度は72ではなく、300の方がよいのでしょうか?
    00:46  (50:50 ~ )
    Q:今後Gifに変わるAPNGは普及されそうですか?
    01:27  (51:36 ~ )
    Q:ボールのアニメーションですが、最後のフレームで壁にぶつかったようなアクションをしたい場合はどうすればよいでしょうか?
    01:19  (53:03 ~ )
    Q:紙でなければ関係ないというお話があったので、8bitか16bitかも紙でなければ関係ないと思ってよいでしょうか?ブラウザ上でみるgifアニメーションもwebもそうでしょうか?
    01:18  (54:22 ~ )
    Q:画像クリックで再生ON/OFFを切り替えるには、どうすればいいですか?GiFそのものという意味です
    01:17  (55:40 ~ )
    Q:基本的な質問で済みません。広告業界:gif、ゲーム業界:flash、映像業界:after effectというふうに技術のつかいわけがあるでしょうか?また、フラッシュはセキュリティが心配という方がいますが、gifはどうなのでしょうか?
    01:58  (56:57 ~ )
    Q:初めにご紹介していただいたPVの中にある、ラインだけで描くアニメーションはどのように描くのでしょうか?
    00:55  (58:55 ~ )
    お知らせ
      (59:50 ~ )