*

飲み物の写真がリアルに動き出す!フリーソフト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

おすすめトピックス

関連記事

動画からアニメーションgifへ自動で変換してくれるフリーソフト「動画GIF変換」

gif と言えば透過に対応した画像形式の一つですが、gif はアニメーションにも対応しています。ただの画像でありながらパラパラ漫画の要領で動く画像が作れるわけです。アニメーション gif はインターネット上で動画が普及し […]

イメージマップ
mapのareaリンクにロールオーバーを実現する簡単な代替策

一つの画像内に複数のリンクを貼る事ができる html の map タグと area タグがあります。これをイメージマップと言います。このイメージマップを使ってとあるコンテンツを作っていたのですが、画像内のリンク領域にマウ […]

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

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

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

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

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

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

css3
CSS3で要素の2番目以降、1番目以外にスタイルを適用する擬似クラス

スタイルシート(CSS)はウェブサイトにデザインを適用するための言語。そのスタイルシートのバージョンは今では3になっており、かなり表現力豊かで優秀になっています。 例えば ul li タグのリストの場合、従来の CSS2 […]

著者について

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

フォローはこちら

       

       
安曇野市でSTERN GELATO FACTORYのパティシエ本気の「ピュアソフト」

STERN GELATO FACTORY(シュテルンジェラート

安曇野市で安くてボリュームたっぷりの蕎麦「そばの庵はや田」

長野県安曇野市にあるお蕎麦屋さん「そばの庵はや田」へ行ってきま

Photoshopで行間を1ptにしても詰められない時の対処法

Photoshop の文字ツールで文字を入力して、文字パネルの

夜の彦根城を間近で見れる1日だけの特別な日「彦根城夜楽2019」

夜の彦根城を間近で見られる日が1年に1回だけあります。その1日

JA士幌町のスイートコーンとミルクの味わい「北海道のこだわりプリン」

士幌町の北海道のこだわりプリンをいただいて、とても美味しかった

→もっと見る