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

  • このエントリーをはてなブックマークに追加
小さなアニメーション GIFアニメを作る -1限目-
第1回:2016年7月5日公開 01:00:00

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

受講する

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

GIFMAGAZINE

ダイノサトウ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アニメの書き出し方を紹介します。

シネマグラフの参考URL

シネマグラフの参考URL2

cinemagrapアプリの紹介

性的な魚シリーズページ

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

若井真奈美さん HP

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

 

  • 自己紹介
  • 01:09
  • はじめに
  • 00:47
  • 今回の授業について
  • 00:20
  • アジェンダ
  • 01:08
  • 投稿作品の紹介
  • 03:14
  • PhotoshopでつくるGIFアニメ ~パペットツール編
  • 00:26
  • GIFアニメ制作のポイント
  • 00:28
  • 質問:キャラクターを描いた事がある人?そして、動かしたい人!
  • 02:46
  • 手順:PhotoshopでつくるGIFアニメ ~パペットツール編
  • 00:28
  • 描画、ポーズの設定
  • 05:20
  • アニメーション設定
  • 02:50
  • スマートオブジェクトの特徴
  • 05:52
  • PhotoshopでつくるGIFアニメ ~動画編
  • 00:42
  • 動画取り込み方法
  • 04:48
  • シネマグラフの説明
  • 04:10
  • アプリの紹介
  • 03:27
  • その他、GIF書き出し方法紹介 ~Flash/Animate
  • 02:48
  • Nintendo3DS うごメモからの書き出し
  • 03:56
  • GIFアニメの表現考察
  • 00:08
  • 性的な魚シリーズ解説
  • 03:25
  • 若井さんの作品紹介
  • 01:56
  • GIFアニメ表現の多様性
  • 00:39
  • まとめ
  • 00:27
  • Q:photoshopのバージョンについて
  • 01:33
  • Q:セルシスのアニメ制作ソフトは不要にも思えるんですが、どうなんでしょうか?ちなみに私は今までアニメ制作ソフトと言えばセルシスのソフトとiPadアプリしか知りませんでした。
  • 00:22
  • Q:先生の<魚シリーズ>イラスト自体も全てフォトショップで作成ですか?
  • 01:26
  • Q:APNGを使うことはありますか?
  • 00:32
  • Q:若井さんの作品は、手描きのイラストですか?(紙と鉛筆で描いてスキャンしたかたち)
  • 00:27
  • Q:gif以外にも、アニメーションに向いているソフトってどんなものがあるのでしょうか。
  • 00:34
  • Q:最終的に作品をGIFにされる理由は何でしょうか?
  • 01:10
  • Q:なめらかに作るコツを知りたいです!
  • 00:56
  • お知らせ
  • 02:35
  • 先生からのメッセージ
こんな人にオススメ
全般

アニメーションに興味があるが、敷居が高そうで踏み出せない方

タグ
授業で使用するファイル

※授業以外での利用は禁止します。

担当の先生
受講生代表
  • 徳田 葵

    徳田 葵

    スクー放送部

この授業を受けたい(1273人)
その他 1193人

受けたい授業ランキング

もっと見る

新着の生放送授業

もっと見る

関連授業

生放送授業への参加は無料です
Schooの会員登録および生放送授業への参加は無料です。生放送授業では先生に質問したり他のユーザーと一緒に楽しく学ぶことができます。
×