Sketchでイケてるgifを作成する!

Sketchでイケてるgifを作成する!

最近のイケてるサービスでよくみかけるgif画像をつくってみたいと思って少し調べてみました。

私は最近興味があってsketchを購入していたので、そちらでつくれる方法が無いか探しました。

sketchプラグイン「Export More」をインストール

Export Moreというプラグインをインストールします。

https://github.com/nathco/Export-More

↑のgithubのページから、緑色のClone or Downloadを押してDownload zipを押します。

するとダウンロードが開始されるはずです。

zipのダウンロードが完了したら、ファインダーにあるであろうzipファイルをクリックして、プラグインのインストールはできたはずです。

インストールできているか確認する場合は、こちら↓にExportMoreがあるか確認してみてください。

okなら次!

とりあえずアートボード並べてみる

とりあえず簡単なgifをつくってみます。

私は正直動いただけで感動しました。

つくりかたは簡単。

アートボードに順番が判別できるような名前をつけておきます。

これで01から順番に再生されるようです。

一通りつくってみたら、上部のプラグインボタンからExport Moreを選択して、GIFを選択します。

そのあと、次のアートボードを何秒遅れで表示するかを聞かれるので好きなものを。

No Delayが一番滑らかで、msの数字を大きくしていくとだんだんカクカクするようになりそうです。

No delayとか、つまりアートボードたくさん増やさなきゃいけないのは疲れそうなので控えめにしておきました。

花火つくってみました。

これめちゃくちゃ楽しいかもしれない。次のアプリ開発では活用してみようと思います。

ほいなら。

デザインのオベンキョカテゴリの最新記事