0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Sketchで画像からgifアニメを作成

Posted at

##概要
ちょっとしたgifが欲しいなと思った時にブラウザのフリーのgif作成ツールを使ったら背景が透過にならなかったり、画像がボケたりとあまり上手いこといかなかったのでSketchでできれば良いなと思って調べたら簡単に作れるExport MoreというPluginがあったのでメモ

##プラグインの追加

  • Export Moreのインストール
    • Export-More-master.zipをダウンロードして開く
    • Export-More.sketchpluginをダブルクリックでpluginがインストール

##使い方

  1. Insert → Artboardでアートボードを作成
  2. Artboardを画像の枚数分コピペで作成
  3. Artboardの名前をXXX01, XXX02, ...(XXXは任意の名前) のように画像が表示される順に番号付きで名前を付ける
  4. Artboardにアニメーションする画像を作成
スクリーンショット 2018-09-24 15.14.54.png
  1. Plugins → Export More → Artboards to GIF
  2. Loopするかどうか、表示秒数を選択し、保存

##完成
Frame Rate 100ms
loading_star.gif

Frame Rate 200ms
loading_star_200.gif

参考
Export More公式

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?