*

飲み物の写真がリアルに動き出す!フリーソフト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 動画全盛の時代にはこんなローディング画面を見る機会も多かったです。このようなローデ […]

画像のALT属性に文字を入れる気にならないのは画面に表示されないからだと思う

画像の ALT 属性って知っていますか?ALT 属性とは画像に付加するテキスト情報で、画像について手短に説明したテキストを入力する事が望ましいです。画像が表示されない時に何の画像かわかる為の代替テキストとして、音声読み上 […]

プレースホルダ
検索窓に薄い文字を入れて何を入力するのか分かりやすくするプレースホルダ

ネット上で何かを検索したい時、どこを見ますか? そう、検索窓ですよね。検索窓は EC サイトやネットショップ、何かを検索する必要があるウェブサイトには大概付きものでお馴染みのものです。 たまに見るのが検索窓に薄い文字で予 […]

縦の三点リーダー
縦の三点リーダーをウェブサイト上で表示する方法

三点リーダーという言葉をご存知でしょうか。日本語の世界では度々登場するもので、小説、雑誌、文書など様々な場面に登場するものです。三点リーダーとはすなわち「…」、点が3つ並んだものです。普段のメールなどの会話でも言葉を省略 […]

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

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

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

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

著者について

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

フォローはこちら

       

       
長浜市の長浜城近くの高級ケーキ屋「パティスリー Ichigo IchiE(イチゴイチエ)」

滋賀県長浜市にあるケーキ屋「パティスリー Ichigo Ich

岐阜県輪之内町の「寅ちゃんラーメン」昭和レトロ全開な創作ラーメン屋さん

お店の外観と看板が強烈な岐阜県輪之内町の「寅ちゃんラーメン」へ

和とイタリアンが融合、長浜市の「Chobitto菜」でパスタランチ

滋賀県長浜市にあるイタリアンレストラン「Chobitto菜(ち

滋賀と京都の境目にある花の美しい庭園「ガーデンミュージアム比叡」

ゴールデンウィークに滋賀と京都の境目にあるガーデンミュージアム

濃厚なカスタードが魅力!東京限定土産「ベイカーズカスタード」が上品で美味しいのでレビューします

羽田空港で東京土産を物色していた時、とても気になる商品を見つけ

→もっと見る