こちらのツールはPCでの使用前提のものです。
できる範囲ではありますが、適宜、
不具合解消＆性能向上にとりくんでいます。
| 9/11：ペンの精度向上 |
イラスト補助ツール v5.5.1
描く前の「向き・視線・ポーズ・奥行き」をブラウザ上で組み立てるガイドです。
3Dモデルと比率の見方
3Dポリゴンモデル
頭蓋・顔面・顎・鼻・耳・首を立体面として構成し、向きを変えると同じ3D形状そのものが回転します。 正面図を横方向へ変形する方式ではなく、横顔・斜め・上下方向でも奥行きを持つ頭部として表示します。
顔型とパーツ
ベース型・卵型・三角型は、頭蓋幅・奥行き・頬幅・顎幅・顎先を個別に変える3D形状です。 目・瞳・鼻・耳も頭部と同じ3D座標で回転し、横向きでも鼻や耳が消えない立体構造として扱います。
参考資料そのものが示している比率
| 区間比率 | 比率 |
|---|---|
| 頭頂 → 顎 | 1 |
| 頭頂 → 目 | 1/2 |
| 目 → 顎 | 1/2 |
| 生え際 → 顎 | 1 |
| 生え際 → 眉 | 1/3 |
| 眉 → 鼻の下 | 1/3 |
| 鼻の下 → 顎 | 1/3 |
横の比率
比率表示は3Dモデルの描画方式から独立した計測ガイドとして残しています。 頭頂→顎の1/2と、生え際→顎の1/3区分をモデルの向きに合わせて確認できます。
比率ガイド
3Dモデルをドラッグして顔を360°回転できます。左右ドラッグで水平回転、上下ドラッグで上下方向を調整します。
顔設定
眉・目の輪郭・顔の輪郭をドラッグで調整し、ブラウザ内にプリセット保存できます。
目の輪郭
赤い点をドラッグして眼裂の形を調整します。
眉
赤い点をドラッグして眉頭・弧・眉尻を調整します。
顔の輪郭
赤い点を左右へドラッグして、額・こめかみ・頬・顎の幅を調整します。
手・指ポーズガイド
掌・手首・各指を連続した3D表面として確認しながらポーズを作ります。赤い点は関節の操作ハンドルです。
手の比率を人間寄りに調整し、空白部分ドラッグや視点スライダーで360°確認できます。プリセットと指の可動スライダーで形を調整できます。
全身ポーズガイド
赤いポイントは関節・回転軸の操作ハンドルです。首・腰・四肢を人体の接続関係を保ったまま動かし、全身と顔は奥行きを含めて回転できます。
本ツールは無料で提供されていますが、動作の保証はいたしかねます。
万が一、データ損失や不具合が発生しても、製作者は一切の責任を負いかねます。ご利用は自己責任にてお願いいたします。
ご案内
こちらはブラウザ上で手軽にイラスト作成や画像編集ができる多機能ペイントツールです。
細かい綺麗な線を書きたいという方には向きませんが、簡単にお絵描きしたいときに便利。
レイヤー機能、合成モード、図形描画やテキスト挿入など、
在ったら嬉しい最低限な機能を備えています。
マウス操作はもちろん、タッチ操作にも対応しています。
作成した画像はそのままお手元のデバイスに保存可能。
更に新機能追加！
顔のアタリを設定できるようになりました。全身や手も一応作りましたが、こちらはあくまでオマケ。
顔の向きと瞳の位置を変える機能を特にお勧めします。
使い方
色々押して遊んでみてください。
カーソルを合わせると名前が出てきますので目印に。
- 基本操作:
画面左側のツールバーから「ペン」「消しゴム」「塗りつぶし」などを選択して描画します。
- レイヤー機能:
画面右下のレイヤーパネルで「＋」ボタンを押すと、新しい層を追加できます。
背景と分けて描くことで、修正や加工が楽になります。
上下移動も可能。
- 透明pixelロック:
レイヤーの中にある機能。
これを押すことで、現在そのレイヤーに書いている描画部分にしか編集ができないようになります。
- 参照レイヤー：
レイヤーの中にある機能。
これを押すことで、選択しているレイヤーを基軸にできます。
この線を基準に、別のレイヤーで色塗りするで～ボタンです。
- 設定:
ショートカットキーを自分で設定登録できるようになっています。
- キャンバスの操作:
マウスホイール（または画面右側のズームボタン）で拡大・縮小が可能です。
- 画像読み込み:
複数の画像を読み込み、お絵描きに活用できます。レイヤを分けて使って遊んでみてください。
- 選択:
選択ボタンを押せば、その部分だけ編集可能。
選択を止めるときは画面外でクリックすると消えます。
- 画像の保存:
画面上部のメニューにある「PNG保存」または「JPEG保存」をクリックすると、
作成した画像がダウンロードされます。
- 補助ツールの使い方：
- 「顔の向き」「手・指」「全身ポーズ」から、描きたいものに合わせて選択
- 好みの形に変形させる
- お絵描きツールにある「補助ツール連動」を有効にすると、作成したガイドが専用の「補助ガイド」レイヤーに表示されます。
- 補助ガイドレイヤーを操作することで、お絵描きツールからも形を変えることが可能！
- ガイドを調整しながら描いてみてください。
注意
ときどき予告を忘れて、ツールリライトをする可能性があります。
また、細かく検証をしていないので、
コマンド複合技をつかうことによってエラーが起きる可能性があります。
- データの保存について:
本ツールはブラウザ上で動作しています。
ページをリロード（再読み込み）したり、ブラウザを閉じたりすると、作成中のデータは消去されます。
作業中もこまめに「保存」ボタンから画像をダウンロードすることをお勧めします。
- 動作環境:
最新版の Google Chrome、Microsoft Edge、Safari での利用を推奨します。
お使いの端末のスペックや、作成するキャンバスサイズが大きすぎる場合、動作が重くなることがあります。
- プライバシー:
本ツールで描いた内容がサーバー側に自動で送信・保存されることはありません。安心してご利用ください。
- リサイズ:
描画中にキャンバスサイズを変更（適用）すると、
描画内容は削除されます。
サイズ設定は、描き始める前に行うのが最適です。
- 高性能なペン機能は保証しません：
滑らかな書き心地や粗くないペン描画はこの環境下では難しいので保証できません。
余談
メインPCにCLIP STUDIO（買い切り）をダウンロードしているんですが──
サブであるノートパソコンにはダウンロードしていません。
そのためノートパソコンを持ち歩いたとき、思ったんです。
「このPCでもお絵描き出来たら便利なのに…！」
なので、作りました。
AIもおおいに活用しながら、やはり今回も時間をかけ、ようやく完成…ケツが痛い…
同じく、サブパソコン持ち歩いた先でお絵描き機能が欲しい人や、ちょっとパソコンでお絵描きして見たい人に役立てば幸いです。
【宣伝】
現在ツール作りにはまっています。
「こんな機能欲しい」「これ不便だな」など気軽にコメントで教えてください。
実装できそう＆時間と興味が合えば作っちゃいます＾＾
