CGメソッド

CG制作に関してのヒント

MENU

【ChatWork】プロフィール画像をアニメーションさせる方法

プロフィール画像をgifアニメーションで動かせることを知ったので試してみました。

それだけです。

gifアニメーション画像の作成

ネットから拾う人が大半でしょうが、一応作成します。

画像の仕様は最大 700KBまで。JPEG,GIF,PNGが使えますと書いてありますが、

それに加えて、100x100pixel以内でないとアニメーションしなくなるようです。

Phosohopを起動して、ウインドウ>タイムラインにレイヤーを入れて、位置や透明度などのキーを打ったりしてアニメーションを作成します。

f:id:min0124:20170422102914p:plain

ファイル>書き出し>WEB用に保存でgifループアニメーション 無限を選択して保存します。

f:id:min0124:20170422102921p:plain

ChatWorkでの設定

ログインして、右上のアカウント名からプロフィール>プロフィール画像から、プロフィールの写真を変更するを選択して、作成した画像をアップロードします。

画質悪いですが、一応。

f:id:min0124:20170422102927g:plain

常に動いているので目立ちます。。。。

もっと凝ったアニメーションgifを作成したい場合

  • AfterEffectsでアニメーションを作成

  • アルファ付きのAVIを書き出し

  • Photoshopを起動してAVIを開く、そのままGIF保存