*

飲み物の写真がリアルに動き出す!フリーソフト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のみでマウスのロールオーバーでopacityだと背景が濃いと白くならない対処法

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

CSS_seiketukannoarucs1292500
リファラーによってiframe内のリンク先をjavascriptで変更する

リファラーによってインラインフレーム内にあるリンクのリンク先を変えれたら便利になるなと思って javascript で自作してみました。こんな事したいと思う人は多分いないニッチなものだと思います。 どういう時に使いたかっ […]

java-https
https通信下でjavascriptが動かない場合の対処法

https 通信下で javascript が動かない!とお困りという事は、もしかしてあなたのページは特定のページだけ https 通信を行っているのではないでしょうか?例えばログインページ、決済ページのみ暗号化を行う […]

オフィス画像モニタ
CSSのみでhtmlタグの中に文章を挿入する方法があります

ウェブサイトの中で html の編集が出来ない場所に文章を書くなど編集する事は出来ません。一見当たり前の事を言っているだけです。しかし、CSS なら出来てしまうかもしれません。 目次1 htmlの編集が出来ない場所とは2 […]

矩形選択
メモ帳でテキストを縦に選択!君は矩形選択を知っているか?

普段パソコンを使う中で、テキストエディタ(メモ帳)はとてもよく使うソフトだと思います。ただのメモ書き、html ファイルの編集などなど、使う機会は多々あります。 ただのテキストエディタでも知っているのと知らないのでは作業 […]

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

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

上部広告

著者について

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

フォローはこちら

       

上部広告

       
airport
空港の売店で見かけるTax Freeとは何か?

飛行機をよく利用する人ならご存知かと思いますが、空港の売店には

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

近年どこでもスマートフォン向けサイトが用意されているのが当たり前です。

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

スマートフォンなどのモバイル端末でウェブサイトを見る人が急増し、今の時

gifuparking
名鉄岐阜駅直結の最も近い駐車場、24時間営業で2日以上停められます

名鉄岐阜駅から名古屋方面へ旅行やお出かけ、また中部国際空港へ電

wordpressengry
WordPress管理画面の投稿一覧で表示される投稿数を変更するには

WordPress の管理画面と言えば、WordPress でブログや

→もっと見る