広告

CASIO Waves Place(モーダル)
Hotone Audient(上部)
音程処理 音楽理論 音楽機材・ソフト紹介 音圧・音量 音像処理 空間処理 波形処理 歪み・サチュレーター 機材設定 機材 書き出し・読み込み・変換 打ち込みテクニック 打ち込み 基本編集 周波数 便利操作・作業効率化 作詞のメソッド 作業環境 低音処理 レコーディング リミッター・マキシマイザー リバーブ リハーモナイズ リズム楽器 リズム処理 リズム モニタリング ミックスが上手くなるTIPS ミキサー・ミキシング マルチ音源 マスタリング ポップス ボーカロイド ボーカル ボリューム処理(コンプレッサー) ベース ベル ヘッドホン ブレイクビーツ ブラス ファイル管理 ピアノ・Key ビンテージ ヒット曲の分析 パッド バージョン新機能解説 バンドサウンドを創るには バッキング ハード機器 ハードウェア操作 ドラム・打楽器 ドラム ドラゴンクエスト トリガー トランジェント ディレイ ディエッサー テンポ処理 テストタグネーム ソフトシンセ ストリングス ステレオイメージャー シンセレシピ シンセサイザー サンプリング サンプラー サウンド入出力 サウンド入出 コンプレッサー ゲーム音楽 ゲート グリッチ ギター ギタリストのためのAbleton Live キック カットアップ オートメーション オーディオ操作 オーディオ処理 オーディオインターフェイス エフェクト処理 エフェクト インストール/製品登録 イコライザー アナライザー いきものがかり Zynaptiq YouTube生配信 XLN Audio
トップページ > VRoid Studioの使い方 基本編 > 5_他画像からのカラー移植編 VRoid Studioの使い方
目次を見る
Hotone_Japan

3Dキャラクターメイカー「VRoid Studio」の使い方 5_他画像からのカラー移植編

無料体験レッスンDTMの学習に限界を感じていませんか?あなたに合わせたDTM学習ロードマップをプレゼント!その効果をお確かめください。無料体験レッスンを試してみる ▶

本記事はVRoid Studioを使用した3Dキャラクター制作において、Photoshop CCで作成した2Dイラストのカラーを3Dモデルに移植する具体的な手法を解説しています。カラーコードを利用した色の転送方法、ミラーリング機能の活用、そしてキャラクターの目などディテール部分を丁寧に仕上げるコツを学ぶことで、2D制作から3D制作への効率的なワークフローを実現でき、より生き生きとしたキャラクター表現が可能になります。

Photoshop1
※イラスト制作者:たかしば様

今回は、2Dで制作したキャラクターのカラーをVRoid Studioの3Dに移植をしていきたいと思います。
VRoid Studioのダウンロードはコチラから。

今回の2D制作では「Adobe Creative Cloud Photoshop CC」を使いました。
Adobe Creative Cloud Photoshop CCの詳細はコチラから。

VRoid Studioの使い方 5_他画像からのカラー移植編

Photoshop CCからVRoid Studioへ色の移植方法

Photoshop1

それでは実際にカラーの移植をしていきましょう。
Photoshop側の画面をクリックしアクティブにします。

4-2

左側、ツールパネルより「スポイトツール」を選択します。

Photoshop4-3

現在カラーパネルの色は赤系になっていますが、移植したいカラーを選択することで切り替わります。今回は髪の毛のカラーを移植してみましょう。

Photoshop4-4

髪の毛を選択するとカラーパネルの色が黄色系に切り替わります。

Photoshop4-5

使用カラーをクリックすることで「カラーピッカー」が表示されますので

Photoshop4-6

中央下「#」からはじまる6桁のコードをコピーします。
次にVRoid側の画面をクリックしアクティブにします。

Photoshop4-7

現在、ヘアーマテリアルの基本色が白系になっているので「基本色」をクリック。
Photoshop同様「#」からはじまるカラーコードが表示されるので、先ほどPhotoshop側でコピーしたカラーコードをペーストします。

Photoshop4-8

このように移植ができました。
もちろん、イメージが違うと感じたら微調整をかけてお好きなカラーに仕上げてみてください。

カラーコードについてのポイント

カラーコードは「#」に続く6桁の16進数で表記され「#000000」は黒、「#FFFFFF」は白になっているのでVRoid StudioもPhotoshopも共通のカラーコードということになります。

ミラーリングの使用方法

つづいて「ミラーリング」の機能についてみていきましょう。

ミラーリング4-10

現在、VRoid側キャラクターの左右の目の色が違います。こちらは「ミラーリング」という機能を使うことで解決します。

ミラーリング4-11

たとえば、ミラーリングを「OFF」の場合

ミラーリング

左目下に線を描くと片側しか反映されませんが

ミラーリング3

ミラーリングを「ON」にすることで、左右同時に描くことができます。

ミラーリング4

インディアンのようなメイクになってしまいましたが、このような作業法も用途に合わせて使ってください。

さて、本題の左右の目の色が違う理由は目はキャラクターの命とも言える部分なのでミラーリングを使わずに片目片目を丁寧に仕上げていくことでそのキャラクターが生きてくるので、少し手間はかかりますが、左右の目はミラーリング使わずに描いてみてください!

記事作成者

sleepfreaks-k5studio-ito-1
伊東 醍佑:作曲家
(イトウ ダイスケ)

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

Twitter sleep freaks ID : @k5_stud1o

Twitter K5-STUDIO ID : @k5_studi0

  • threebodytech 記事中
  • Hotone DTMデスク 記事中

よくある質問

Q1. VRoid StudioとPhotoshop CCのカラーコードは互換性がありますか?

はい、両ソフトウェアとも「#」に続く6桁の16進数で表記されるカラーコードを使用しており、完全に互換性があります。「#000000」は黒、「#FFFFFF」は白など共通の表記法で色を管理できます。

Q2. ミラーリング機能をONにすると必ず左右対称になってしまいますか?

ミラーリングONでは左右同時に描画されます。ただし目のような重要な部分は、キャラクターの表情や個性を生かすため、ミラーリングを使わずに片目ずつ丁寧に仕上げることが推奨されています。

Q3. Photoshop CC以外のソフトで作成した画像のカラーも移植できますか?

カラーコードが読み取れれば可能です。16進数カラーコードを確認できるツールやソフトであれば、Photoshop以外のアプリケーションで制作した画像からでも色を抽出してVRoid Studioに移植できます。

\ 無料体験レッスン 受付中 /

オンラインDTMレッスン専門 / 2009年から17年

この記事の内容を、講師と一緒に進めてみませんか?

完全マンツーマン個別カリキュラム録画をプレゼントオンライン完結
無料体験レッスンを受けてみる ▶

17年間・累計2,000名以上の受講実績