おためし受講中

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

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

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

シネマグラフの参考URL

シネマグラフの参考URL2

cinemagrapアプリの紹介

性的な魚シリーズページ

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

若井真奈美さん HP

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

 

参考サイト/予習教材

学生代表

  • 徳田 葵

    徳田 葵

    スクー放送部

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介
    01:09  (00:15 ~ )
    はじめに
    00:47  (01:24 ~ )
    今回の授業について
    00:20  (02:11 ~ )
    アジェンダ
    01:08  (02:31 ~ )
    投稿作品の紹介
    03:14  (03:39 ~ )
    PhotoshopでつくるGIFアニメ ~パペットツール編
    00:26  (06:53 ~ )
    GIFアニメ制作のポイント
    00:28  (07:19 ~ )
    質問:キャラクターを描いた事がある人?そして、動かしたい人!
    02:46  (07:47 ~ )
    手順:PhotoshopでつくるGIFアニメ ~パペットツール編
    00:28  (10:33 ~ )
    描画、ポーズの設定
    05:20  (11:01 ~ )
    アニメーション設定
    02:50  (16:21 ~ )
    スマートオブジェクトの特徴
    05:52  (19:11 ~ )
    PhotoshopでつくるGIFアニメ ~動画編
    00:42  (25:03 ~ )
    動画取り込み方法
    04:48  (25:45 ~ )
    シネマグラフの説明
    04:10  (30:33 ~ )
    アプリの紹介
    03:27  (34:43 ~ )
    その他、GIF書き出し方法紹介 ~Flash/Animate
    02:48  (38:10 ~ )
    Nintendo3DS うごメモからの書き出し
    03:56  (40:58 ~ )
    GIFアニメの表現考察
    00:08  (44:54 ~ )
    性的な魚シリーズ解説
    03:25  (45:02 ~ )
    若井さんの作品紹介
    01:56  (48:27 ~ )
    GIFアニメ表現の多様性
    00:39  (50:23 ~ )
    まとめ
    00:27  (51:02 ~ )
    【後半】質疑応答
    Q:photoshopのバージョンについて
    01:33  (52:02 ~ )
    Q:セルシスのアニメ制作ソフトは不要にも思えるんですが、どうなんでしょうか?ちなみに私は今までアニメ制作ソフトと言えばセルシスのソフトとiPadアプリしか知りませんでした。
    00:22  (53:35 ~ )
    Q:先生の<魚シリーズ>イラスト自体も全てフォトショップで作成ですか?
    01:26  (53:57 ~ )
    Q:APNGを使うことはありますか?
    00:32  (55:23 ~ )
    Q:若井さんの作品は、手描きのイラストですか?(紙と鉛筆で描いてスキャンしたかたち)
    00:27  (55:55 ~ )
    Q:gif以外にも、アニメーションに向いているソフトってどんなものがあるのでしょうか。
    00:34  (56:22 ~ )
    Q:最終的に作品をGIFにされる理由は何でしょうか?
    01:10  (56:56 ~ )
    Q:なめらかに作るコツを知りたいです!
    00:56  (58:06 ~ )
    お知らせ
    02:35  (59:02 ~ )
    先生からのメッセージ
      (1:01:37 ~ )