*

飲み物の写真がリアルに動き出す!フリーソフトSizzTassの使い方

公開日: : 最終更新日:2014/10/21 ノウハウ, フリーソフト

麦ジュース

知り合いに聞いたのですが、「料理の写真からぐつぐつと煮えたぎる写真を作れるソフトがあるらしいよ。テレビでやってた。」と。最初は何だそれは?と思って意味がよく理解できませんでした。

ソフト名を聞いて調べてみたのですが、確かにそれは凄かったです。

料理写真のアニメーションを制作「SizzTass」

何が凄いかは、下の写真を見て頂ければ一目瞭然です。

動き出す炭酸

これは動画ではありません。一枚の画像です。それを一枚の写真から作りました。写真にリアルな炭酸シュワシュワが合成されています。本当にその場にあるような錯覚に陥りますね。

こんなアニメーションを作れるソフトって難しいんでしょ?と思われるかもしれませんが、意外に簡単です。私も公式のチュートリアルを見ながら制作したのですが、わかりにくかったので改めて自分でまとめてみます。

SizzTass の使い方

SizzTass 公式サイトからソフトウェアをダウンロードします。対応 OS は、Windows7, Windows8(64bit)。536MB というゲーム並みのファイルサイズに一瞬ギョッとしました。

SizzTass

インストールを進めると、動作に必要なソフトウェアも一緒にインストールしてくれます。インストールが完了すると以下のアイコンが現れるので起動します。

SizzTassアイコン

炭酸シュワシュワを合成

これが一番簡単です。

まず、ファイルメニューから画像を開きます。

画像を開く

次に、「炭酸泡を合成する領域を指定」を選んで「領域指定」ボタンをクリックします。つまりここで、液体の部分を指定してあげます。

炭酸泡を合成

ここが一番大事な所。液体部分にマウスの左クリックをしながらドラッグします。すると、黄色い線が表示されます。

次に、液体以外の所をマウスの右クリックをしながらドラッグします。今度は青い線が表示されます。すると液体部分がピンクの線で囲まれたかと思います。

液体部分以外まではみ出している場合はもう一度右クリックしながらのドラッグではみ出している部分を消します。逆に液体部分の指定が足りない場合は、もう一度左クリックしながらのドラッグで液体部分を追加指定します。割りと簡単に液体部分を指定できますよ。

指定が終わったら、追加ボタンをクリックして指定終了ボタンをクリックします。

液体指定

次に、「炭酸」タブをクリックして下図のように泡の向きを指定します。

  1. 「泡の向きを指定」ボタンを押します。
  2. マウスの左クリックで矢印の始点を設定。
  3. マウスの右クリックで矢印の終点を設定すると矢印が出て、その向きに泡の向きが設定されます。
  4. また、青枠部分の設定で泡の速さや量を設定できますが、今回作ったものは弄っていません。

最後に赤い合成ボタンを押します!画像下の再生ボタンを押してプレビューしてみましょう。

泡の向きを指定

ファイルに保存

ファイルメニューから gif ファイルに保存できます。

気になるファイルサイズは?

元ファイルサイズ:64.5kb → 炭酸泡合成後:1.77MB

これはいかん!ファイルサイズが小さいままに合成できたら画期的だと思ったのですが、原理は gif アニメーションですから重くなりますね。しかし、こんなにお手軽にリアルに炭酸泡が合成できるのですから凄いソフトには変わりありません。

ちなみに、この記事で制作したサンプルは Photoshop で画質を調整して 300kb まで落とし込みました。何とか web で使えるレベルです。

その他用法

炭酸珈琲

炭酸コーヒーにしてみました。

煮立てる合成も出来る

ぐつぐつうどん

うーん、何か気持ち悪いです。ちなみに、煮立てる合成をするには泡素材を自前で準備する必要があります。炭酸は必要ないのですが。

おわりに

こんな簡単に料理や炭酸のアニメーションが出来るのは凄い。ネットショップ業界では効力を発揮するのではないかと思いました。ノベルゲーム等にも使えそうです。しかし、フリーソフトなのは私用目的のみ。商用利用となると有料になるのかも公式サイトには書いていないので、もし利用するなら問い合わせの必要がありそうです。

公式サイト:SizzTass

  • Pocket

おすすめトピックス

関連記事

cssとjqueryでサイトのローディング画面を簡単に実現する作り方【プラグインなし】

現在ロード中を知らせるローディング画面(Now Loading)は今までにどこかのサイトで見たことがあるかと思います。かつて FLASH 動画全盛の時代にはこんなローディング画面を見る機会も多かったです。このようなローデ […]

マウス
CSSのみでマウスのロールオーバーでopacityだと背景が濃いと白くならない対処法

画像のロールオーバーと言えば、ウェブサイトでリンクが付いた画像やバナーにマウスを乗せた時に色が変わったり何かしら変化がある処理を言います。一昔前には画像のロールオーバー一つに javascript を使って大変面倒で h […]

スマホサイト
プラグイン無しで簡単に実現するスマホサイトの上からドロワーメニューの作り方【jQuery】

近年どこでもスマートフォン向けサイトが用意されているのが当たり前です。スマートフォンを使っていればいつも何気なしにスマートフォンサイトを見ていると思います。 そのスマートフォンサイトをちょっと思い出してみてください。 こ […]

videoタグのmp4動画にもサムネイル画像を表示させるには

ニコニコ動画や Youtube を始め、インターネット上で動画を見たり配信する機会が珍しくない時代となりました。むしろ毎日アップロードされる動画が多すぎて見てもらう為の競争となっていると言っても過言ではありません。 そこ […]

これを見れば簡単!スマホサイトのフッターメニューをサクッと作るサンプル

スマートフォンなどのモバイル端末でウェブサイトを見る人が急増し、今の時代スマートフォン用サイトを作る事が当たり前となりました。スマホ用に別の html ファイルを用意するより一つの html で両方に対応するレスポンシブ […]

CapsLockキー
CapsLockキーにイライラ、いらないので無効化してさしあげた

キーボードの CapsLock キーって知ってますか?あなたのパソコンのキーボードも見てみれば左側の方にあると思います。その CapsLock キーですが使っていますか?私は全く使っていません。むしろ消し去ってやりたいく […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
Thunderbirdで「ごみ箱フォルダにメッセージをフィルターで分別できませんでした」

いつも通り Thunderbird を立ち上げると見慣れないエ

楽天ショップ等の縦帯バナーを商品別に変えるには?

楽天などのインターネットショップをパソコンで見ると、よく画面端

instagramで横長写真を複数投稿ができない!複数投稿する方法はあるのか?

instagram といえば正方形写真しか投稿できないと思って

岐阜県垂井町で本格インドカレーをお洒落なバー「VAN DO BEE(バンドゥビー)」でディナー

国道21号線を垂井町付近を走行中、チラッと見えたインドカレー&

WordPressで記事ごとにページビュー(アクセス数)を表示する方法

WordPress でブログやサイトを運営していると、どの記事

→もっと見る