LoginSignup
0
1

More than 5 years have passed since last update.

@iKimishimain株式会社ベストティーチャー

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

  5. Plugins → Export More →　Artboards to GIF

  6. 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
Sign upLogin
0
1