あなたに合うコースを診断
表示されない場合は別タブで開く ↗

6_Fluid Browserで画像を透過し作業の効率化を図る VRoid Studioの使い方

VRoid Studioの使い方 基本編 公開 2018.10.01 更新 2026.07.17
記事を読む ↓
Sponsored
TRACK SHIBUYA-HONMACHI|DTMerのためのデザイナーズ防音マンション

本記事は、VRoid Studioでキャラクター制作する際の作業効率化ツールとして「Fluid Browser」を紹介しています。このアプリケーションは画像を透過表示できるため、2D制作したキャラクター画像をVRoid Studio上に重ねて表示することで、目の大きさ、眉毛の位置、鼻の高さなど各パーツの配置調整が視覚的かつ正確に行えます。透過レベルを自由に調節できるため、従来の目見当では困難だった微調整が大幅に時間短縮でき、3Dキャラクター制作の生産性向上に効果的です。

画像を透過するアプリケーションFluid Browser

今回は2Dで制作したキャラクターの画像を透かし効果を使ってVRoid Studioの3Dに移植をしていきたいと思います。

VRoid Studioの使い方 6_Fluid Browserで作業の効率化を図る

今回は画像ウインドウを透過できるアプリケーション「Fluid Browser」を使用しました。

  • 現在(2018年10月1日)価格:360円
  • (注)Macのみで使用可能

Fluid Browserのダウンロードはコチラから。

Fluid Browserの使い方

アプリケーションを立ち上げると、このようなインターフェイスが表示されるので、任意の画像ファイルをインターフェイス上にドラック・アンド・ドロップします。
そうすることで画像がフロントに固定され

右上の「フェイズ ムーン シンボル」より上下フェーダーにて透過レベルの調節ができます。

弊社サイトをバックに表示させて、画像を透かしてみるとこのようになります。
透過の数値も幅広いので作業しやすい環境が作れそうです。

  • threebodytech 記事中

VRoid StudioにFluid Browserを使って移植する方法

VRoid Studioを立ち上げ、目の大きさや眉毛の位置・鼻の高さ・口の広がり・輪郭などを整えていきます。
目見当では難しかった各パーツの位置が透かし効果を使うことで時間が大幅に短縮され制作が効率よくできます。

作業をおこなう上での注意点

Fluid Browserがアクティブ状態の時は、VRoid Studioのパラメーター(フェーダーなど)を動かすことができません。
VRoid Studio側のインターフェイスのどこかをクリックしアクティブにすることで、フェーダーを動かすことができます。

また、アドレスバーにURLを入れることでサイトが表示され

同じように透過させることができます。

アイデア次第で作業効率がグッと上がりそうですね。

記事作成者


伊東 醍佑
(イトウ ダイスケ)

sleep freaksで音楽系動画の解説/制作・記事の執筆・デザインや企画開発を担当し、
個人スタジオ「K5-STUDIO」で軽音楽器・ピアノ講師を行っており、
ポップからデスメタルまでの仮歌・ナレーション・声優業なども手がけている。

Twitter sleep freaks ID : @k5_stud1o

Twitter K5-STUDIO ID : @k5_studi0

よくある質問

Q1. Fluid Browserはどのパソコンで使用できますか?

Fluid BrowserはMac専用のアプリケーションです。Windows環境では使用できないため、Macユーザーのみが対応となります。2018年10月時点での価格は360円です。

Q2. VRoid Studio制作中にFluid Browserが反応しなくなったときはどうすればよいですか?

Fluid Browserがアクティブ状態だとVRoid Studioのパラメーターが動作しません。VRoid Studioのインターフェイスをクリックしてアクティブに切り替えることで、フェーダーやパラメーター調整が再び可能になります。

Q3. Fluid Browserで表示できるのは画像ファイルだけですか?

画像ファイルのほか、アドレスバーにURLを入力することでWebサイトも表示・透過表示できます。アイデア次第で様々な参考資料を重ねて作業効率を高められます。

Lesson Courses

DTMレッスンのコース

オンラインレッスン実績No.1。一人一人に合わせたレッスン内容をご提供します。

Sleepfreaks

OPEN CURRICULUM

一人ひとりに合わせた、オリジナルカリキュラムを作成。