-本日アジェンダ-
1限目
実技（ユーザーインターフェイス作成実習②）
アニメーションについて
2限目
実技（ユーザーインターフェイス作成実習②）
GIFアニメーションについて
3限目
実技（ユーザーインターフェイス作成実習②）
キャラデザインについて
4限目
実技（ユーザーインターフェイス作成実習②）
GIFアニメーション作成について
5限目
実技（ユーザーインターフェイス作成実習②）
本日のまとめ
本日のテーマ
アニメーションについて
GIFアニメーションについて
GIFアニメーションは、Graphics Interchange Format の「マルチイメージ」を使ったアニメーション。アニメーションGIF ともいう。 マルチイメージは GIF87a で導入された機能で、複数のフレームを順に表示できる。
参考サイト
- 最近よくみるGIF動画って何？ | ウェブラボ（株）スタッフブログ
- GIFアニメーション大流行の理由
- Photoshop でGIFアニメを作成する方法｜Photoshop マスター｜週刊 …
- Photoshopで今すぐ試せるGIFアニメの作りかた ｜ 箱庭 haconiwa｜女子 …
- 【Photoshop】トゥイーン機能を使って滑らかなGIFアニメを作る方法
- ゆっくりじわじわ、フシギな色変化。GIFアニメを使った目を引くサイトロゴの ..
おまけLINEスタンプについて
LINE のスタンプには公式スタンプとクリエイターズスタンプがあります。
LINEの公式スタンプとは、LINEやそれ以外の企業やブランドが制作したスタンプのこと。期間限定で無料で使えるものもあります。「クリエイターズスタンプ」 は
LINEが公式に提供するプラットフォーム「LINE Creators Market（ラインクリエイターズマーケット）」に登録していれば、誰でもクリエイターズスタンプの制作・販売に参加することができます。
参考サイト
- 自作LINEスタンプを作成して、審査の申請から販売するまでの話。 | Handy …
- LINEスタンプの作り方｜作成から販売までの流れも徹底解説
- 超簡単、LINEスタンプを自作用アプリで作成する方法 審査や販売までの …
パペットワープ（Photoshop）
工で写真のポーズを自由に変えたい人必見。Photoshop cs5で実装された「パペットワープ」で簡単にポーズが変えられます！座っている人が立ったり、ジャンプしたり。自由に動かして、写真の人物を元気に動き回らせることもできます。
参考サイト
- Photoshopのパペットワープで自由自在に写真加工する方法 | 東京上野の …
- Photoshopのパペットワープで自由自在に写真加工する方法
- Photoshop パペットワープがもっと上手くなる簡単テクニック | パソコン生活 …
パペットワープ
パペットワープの機能はPhotoshopやAfterEffectsではおなじみの機能となりますが、ついにIllustratorにも搭載されました。もともとパペットとは「人形」の意味で、ワープは「歪み」となり、主に人や動物など、関節の可動を再現する変形に使用すると便利なツールになります。何かの軸を起点に歪みや回転を適用させる変形に非常に便利ですので、その使い方をご紹介します。
参考サイト
ライブトレース
イラストレーターにはライブトレースという機能があります。ライブトレース機能を使うと、画像からパスでトレースを行い、ベクター画像を作成することができます。
参考サイト
ブレンドツール
ブレンドは、二つのオブジェクトの間で、形、色等の中間属性を、設定ステップ数に応じ、連続的に発生させる機能で、非常に強力かつ、使用頻度の高い機能です。