無料でキャラクター作成、ハロウィンカードを作る

無料でキャラクター作成、皆さん、こんにちは。

今回は、少し実用的に、アバター入りのカードを作りました。

背景は、いつものイラストACさん、アバターの衣装は、BOOTHから、ハロウィンの無料衣装と帽子を利用しています。ありがとうございます。

イラスト使用サイト

無料イラスト・フリー素材なら「イラストAC」
イラストACは、無料でおしゃれなかわいい季節のイベント・人物・動物・フレーム・子供などのイラストがAI・JPEG・PNGでダウンロードできる素材サイトです。
作者タイトル検索ワード検索場所
みたらしさんシンプルで可愛いハロウィーンの背景素材ハロウィンイラストAC
ぽむっちょさん魔女の帽子とマントセットハロウィンBOOTH
金平堂さんウィッチ風ドレスセット(正式版)ハロウィンBOOTH

少しづつ、進めて行くと、使い方につまづく事が有ります。私が、オンラインゲームを始めた頃、ゲーム内で質問をすると”そんな事も知らないのか”みたいな空気になる事が有りました。

アバター作りも相対的には、初心者に優しくない気がします。BOOTH衣装付け方も本当に丁寧な説明が付いていて有難い事も有るのですが、何の案内も無くご自由に!みたいな物も多いです。

色々な、パターンが有りますので、出来るだけご案内します。皆さんの参考になれば幸いです。

アイテム購入サイト

BOOTH - 創作物の総合マーケット
BOOTH(ブース)とは、pixivと連携した、創作物の総合マーケットです。無料で簡単にショップを作成でき、商品の保管・発送代行サービスも提供しています!
ご利用の際には、必ず使用許諾書をお読み下さい。

では、進めて行きます。

先ず、今回はカード作成でしたので、その大きさで新規プロジェクトを作りました。

そこに、エクスプローラーから、背景画像を載せて来ます。

この作業をしていると、もう一つ、エクスプローラの画面が開きたい事、有りませんか?

タクスバーに有るエクスプローラーのアイコンを押す時、SHIFTのボタンを押したままもう一度アイコンをクリックすると、もう一つ、エクスプローラーの窓が開きます。

イラストを探す際に、有る程度先行したイメージが有る場合、検索ワードを入れて、更に①から、②で画像の種類を制限しておくと、これ良いなぁと思った時に、JPGしか無い!とかなりません。

只、作者さんによっては、お考えからJPGしか載せていない方も有り、最初に制限してしまうとそれが見えなくなるので、時間にゆとりが有れば、全体の中から選拓した方が良いかもです^^。

これで、背景の準備は出来たので、文字を入力して行きます。

使用フォント使用種類使用場所
Peace SansRegularHappy halloween
Plasma Drip [Empty]RegularTrick or Tret

Happy halloweenの所、①文字ツールから、お好きな文字を選びます。もし、作例の文字が気に入ったら、名前をコピーして、②探すの所に、上段の編集からペーストを選ぶと、それが出て来ます。

結構頻繁に使いそうだな!と思ったら、③★印をチェックしておくと、次回の目安になるかもです^^。

Trick or Tretの所、Plasma Drip [Empty]には、文字を完全に塗りつぶした(BRK)バージョンもあります。

続いて、文字にワープを使います。

①上段のワープを選択、②形状を選択、③今回は弧を使っています。スライダーを使って、角度などを調整して、④OKボタンを押して、完成です。

最後に、アバターに衣装を着けて、ポーズを付けます。

大まかな流れをスライドでご覧下さい。

3925
3926
3927
3928
3929
3931
3932
3933
3937
3938
3939
3940
3941
3942
3943
3944
3945
3946
3947
3948
previous arrow
next arrow

BOOTHで購入出来るアイテムには、3つの拡張子が有りますす。.png .vroid .vroidcustomitemです。

.pngは既存のアイテムに重ねて使用するタイプ。

.vroidcustomitemはカスタムアイテムとして読み込むタイプ(これが一番簡単です)。

.vroidはアバター込みで読み込んで、必要なアイテムをコピーするタイプです。

今回は、.png .vroidcustomitemをやって見ます。

PNG画像の場合

最初に購入したアイテムに近い衣装に行きます。説明が有る物も有りますが、今回は、有りませんでした。

①テクスチャを編集をクリックすると、画面が切り替わります。今回の型紙は、ワンピース(半袖)テクスチャの上に記入が有ります。②レイヤー横の小さなボタンをクリックして、レイヤー1を作ります。③レイヤー1で右クリックして、小窓が出たら、④インポート、⑤購入したアイテムを選択して、⑥開きます。

  • エクスプローラーで見ると、小さいですが展開図が出ています。最初に選んだアイテムが違っていると、インポートしたファイルが上手く乗りません。①テクスチャを編集をクリックして画面が切り替わった時にアバターの隣に展開図が出ますので、おおよその形が有っているか見ているとやり直しが少ないと思います。私は、良く間違って…😿。

今回は、ダウンロードした画像にインナーと言う物が有りました。インナーは体形の所から、進めてきます。

①上段の体型から、②テクスチャを編集をクリックすると、画面が切り変わるので、小さなでレイヤー1を作ります。③レイヤー1で右クリックして、小窓が出たら、⑤インナーを選択して⑥開きます。

なんとなく展開図が近い感じがしますね💦。

.vroidcustomitem画像の場合

①上段の髪型から、頭に付く物は、②アホ毛💦やつけ毛が多いです。③カスタムを選んだら、④インポート、エクスプローラーが出ますので、⑤購入したアイテムをクリックして、⑥開きます。⑦すぐに着用でも良いですし、この段階で⑧にアイテムが表示されていますので、後でも簡単に着用出来ます。

最後に、ポーズを付けます。

今回は、ポージングデスクトップのみんなのポーズを使いました。①上段のポーズ選択から、小窓が出たら、②みんなのポーズをクリックします。更に小窓が出ますので、お好きなポーズのボタンをクリックすると、適用に変ります。この段階で、④イントールに入っていますので、次回からは、簡単に呼び出せます。ボタンが適用になったら、適用をクリックすると、ポーズが反映されます。ポーズが反映された状態で、⑤お気に入りに保存する事も出来ます。

みんなのポーズは、沢山の方が思い思いに付けたポーズが投稿されていて、直ぐに検索と言う感じではないですが、時間にゆとりが有る時にあれこれ見て、お気に入りを探すのも楽しいと思います。

次は、此方です。

今回、利用させて頂いたアイテムです。

イラスト使用サイト

無料イラスト・フリー素材なら「イラストAC」
イラストACは、無料でおしゃれなかわいい季節のイベント・人物・動物・フレーム・子供などのイラストがAI・JPEG・PNGでダウンロードできる素材サイトです。
作者タイトル検索ワード検索場所
sworcさん宮殿の廊下 室内 手書きイラストAC
ライラックさんゴールドとブラックのハロウィン背景ハロウィンイラストAC
バシさんハロウィンハロウィンイラストAC
ぴケの創作屋さんVRoidStudio Halloween Witch&CatハロウィンBOOTH

では、進めて行きます。

これで、黒い影のレイヤーが出来ました。

影を、180°回したら、①上段の編集から、②自由変形、③展望と進みます。角の部分をクリックして、移動させますと、変形して行きます。

続いて、影の長編の中間の位置でクリックしたまま移動させますと、影をひっくり返す事が出来ます。(この時、上段の鎖のマークに印が付いていましたら、クリックして解除させて下さい)

これで、影を貼り付けられました。

作った影を、ぼかして行きます。①上段のフィルターから、②ガウスぼかし、数字を入力(下のスライダーでもOKです)、効果を見ながら、問題無ければ④OKボタン。

続いて、⑤不透明度を50%にして、最後に、⑥ブレンドオプションのインナーグロウを使いました。

最後に、全体の画像を合わせて行きます。

左が、素材をそのまま使用した物、右が少し調整した物です。

調整の意図は、先ずハロウィンカードなので、文字が一番目立ちたい!続いてアバター、最後に全体の順番で、やって見ました。

文字には、アウターグロウを使用して、周りの画像は、不透明度を50%にしています。

以上で、終了です。

VRoidstudio のバージョンアップをした所、新しいハロウィンの衣装が追加されていたので、もう1枚カードを作りました。衣装は、男女有ったので、2名のアバターを使って居ます。

今回、利用させて頂いた素材です。

作者
タイトル検索ワード検索場所
th0852 さんソファー CGソファーイラストAC
Ainaさんハロウィン148キラキラ月夜とお城と…ハロウィンイラストAC
図案屋さんシームレスなクリスマスボールの背景ハロウィンイラストAC

今回は、ソファーだけを、使いたかったので、後の部分は切り取っています。

イラストACさんを、検索していて、Ainaさんのイラストを見た時、背景に大きく使ったら綺麗だなぁと思ったので、中央の文字は、コピーツールで消させて頂きました・すみません。

ソファー後ろの壁全体に、ハロウィンのポスターが貼って有る感じに、仕上げました。

ソファー
ドロップシャドウブレンドモード不透明度角度距離拡散サイズノイズ
通常81%0°0px2%24px0%
アバター
アバター
ドロップシャドウブレンドモード不透明度角度距離拡散サイズノイズ
通常100%0°0px2%32px0%
文字
ストロークサイズ位置ブレンドモード不透明度
1px外側通常100%
アウターグロウブレンドモード不透明度ノイズカラー技術拡散サイズノイズ
通常42%0%柔らかい10%60px0%
ドロップシャドウブレンドモード不透明度角度距離拡散サイズノイズ
通常45%0°0px2%0px0%

以上で、完成させました。

読んで頂いている皆さんの、何かの参考になれば幸いです。

おつかれさまでした^^。

コメント

");const o=ie?ie.createHTML(e):e;if(nt===tt)try{t=(new W).parseFromString(o,at)}catch(e){}if(!t||!t.documentElement){t=le.createDocument(nt,"template",null);try{t.documentElement.innerHTML=ot?ae:o}catch(e){}}const i=t.body||t.documentElement;return e&&n&&i.insertBefore(r.createTextNode(n),i.childNodes[0]||null),nt===tt?ue.call(t,Ie?"html":"body")[0]:Ie?t.documentElement:i},bt=function(e){return ce.call(e.ownerDocument||e,e,H.SHOW_ELEMENT|H.SHOW_COMMENT|H.SHOW_TEXT|H.SHOW_PROCESSING_INSTRUCTION|H.SHOW_CDATA_SECTION,null)},St=function(e){return e instanceof B&&("string"!=typeof e.nodeName||"string"!=typeof e.textContent||"function"!=typeof e.removeChild||!(e.attributes instanceof z)||"function"!=typeof e.removeAttribute||"function"!=typeof e.setAttribute||"string"!=typeof e.namespaceURI||"function"!=typeof e.insertBefore||"function"!=typeof e.hasChildNodes)},Rt=function(e){return"function"==typeof b&&e instanceof b},wt=function(e,t,n){pe[e]&&u(pe[e],(e=>{e.call(o,t,n,ut)}))},Ct=function(e){let t=null;if(wt("beforeSanitizeElements",e,null),St(e))return _t(e),!0;const n=st(e.nodeName);if(wt("uponSanitizeElement",e,{tagName:n,allowedTags:Ne}),e.hasChildNodes()&&!Rt(e.firstElementChild)&&_(/<[/\w]/g,e.innerHTML)&&_(/<[/\w]/g,e.textContent))return _t(e),!0;if(e.nodeType===J)return _t(e),!0;if(Me&&e.nodeType===Q&&_(/<[/\w]/g,e.data))return _t(e),!0;if(!Ne[n]||Ce[n]){if(!Ce[n]&&Dt(n)){if(we.tagNameCheck instanceof RegExp&&_(we.tagNameCheck,n))return!1;if(we.tagNameCheck instanceof Function&&we.tagNameCheck(n))return!1}if(Ye&&!qe[n]){const t=re(e)||e.parentNode,n=oe(e)||e.childNodes;if(n&&t){for(let o=n.length-1;o>=0;--o){const r=X(n[o],!0);r.__removalCount=(e.__removalCount||0)+1,t.insertBefore(r,$(e))}}}return _t(e),!0}return e instanceof R&&!Et(e)?(_t(e),!0):"noscript"!==n&&"noembed"!==n&&"noframes"!==n||!_(/<\/no(script|embed|frames)/i,e.innerHTML)?(ke&&e.nodeType===Z&&(t=e.textContent,u([fe,de,he],(e=>{t=g(t,e," ")})),e.textContent!==t&&(p(o.removed,{element:e.cloneNode()}),e.textContent=t)),wt("afterSanitizeElements",e,null),!1):(_t(e),!0)},Lt=function(e,t,n){if(Be&&("id"===t||"name"===t)&&(n in r||n in mt))return!1;if(ve&&!Le[t]&&_(ge,t));else if(De&&_(Te,t));else if(!Se[t]||Le[t]){if(!(Dt(e)&&(we.tagNameCheck instanceof RegExp&&_(we.tagNameCheck,e)||we.tagNameCheck instanceof Function&&we.tagNameCheck(e))&&(we.attributeNameCheck instanceof RegExp&&_(we.attributeNameCheck,t)||we.attributeNameCheck instanceof Function&&we.attributeNameCheck(t))||"is"===t&&we.allowCustomizedBuiltInElements&&(we.tagNameCheck instanceof RegExp&&_(we.tagNameCheck,n)||we.tagNameCheck instanceof Function&&we.tagNameCheck(n))))return!1}else if(Ze[t]);else if(_(Ae,g(n,Ee,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==T(n,"data:")||!Ke[e]){if(Oe&&!_(ye,g(n,Ee,"")));else if(n)return!1}return!0},Dt=function(e){return"annotation-xml"!==e&&h(e,_e)},vt=function(e){wt("beforeSanitizeAttributes",e,null);const{attributes:t}=e;if(!t)return;const n={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:Se};let r=t.length;for(;r--;){const i=t[r],{name:a,namespaceURI:l,value:c}=i,s=st(a);let p="value"===a?c:y(c);if(n.attrName=s,n.attrValue=p,n.keepAttr=!0,n.forceKeepAttr=void 0,wt("uponSanitizeAttribute",e,n),p=n.attrValue,n.forceKeepAttr)continue;if(At(a,e),!n.keepAttr)continue;if(!xe&&_(/\/>/i,p)){At(a,e);continue}if(Me&&_(/((--!?|])>)|<\/(style|title)/i,p)){At(a,e);continue}ke&&u([fe,de,he],(e=>{p=g(p,e," ")}));const f=st(e.nodeName);if(Lt(f,s,p)){if(!We||"id"!==s&&"name"!==s||(At(a,e),p=Ge+p),ie&&"object"==typeof G&&"function"==typeof G.getAttributeType)if(l);else switch(G.getAttributeType(f,s)){case"TrustedHTML":p=ie.createHTML(p);break;case"TrustedScriptURL":p=ie.createScriptURL(p)}try{l?e.setAttributeNS(l,a,p):e.setAttribute(a,p),St(e)?_t(e):m(o.removed)}catch(e){}}}wt("afterSanitizeAttributes",e,null)},Ot=function e(t){let n=null;const o=bt(t);for(wt("beforeSanitizeShadowDOM",t,null);n=o.nextNode();)wt("uponSanitizeShadowNode",n,null),Ct(n)||(n.content instanceof s&&e(n.content),vt(n));wt("afterSanitizeShadowDOM",t,null)};return o.sanitize=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=null,r=null,i=null,l=null;if(ot=!e,ot&&(e="\x3c!--\x3e"),"string"!=typeof e&&!Rt(e)){if("function"!=typeof e.toString)throw A("toString is not a function");if("string"!=typeof(e=e.toString()))throw A("dirty is not a string, aborting")}if(!o.isSupported)return e;if(Ue||ft(t),o.removed=[],"string"==typeof e&&(je=!1),je){if(e.nodeName){const t=st(e.nodeName);if(!Ne[t]||Ce[t])throw A("root node is forbidden and cannot be sanitized in-place")}}else if(e instanceof b)n=Nt("\x3c!----\x3e"),r=n.ownerDocument.importNode(e,!0),r.nodeType===V&&"BODY"===r.nodeName||"HTML"===r.nodeName?n=r:n.appendChild(r);else{if(!Fe&&!ke&&!Ie&&-1===e.indexOf("<"))return ie&&ze?ie.createHTML(e):e;if(n=Nt(e),!n)return Fe?null:ze?ae:""}n&&Pe&&_t(n.firstChild);const c=bt(je?e:n);for(;i=c.nextNode();)Ct(i)||(i.content instanceof s&&Ot(i.content),vt(i));if(je)return e;if(Fe){if(He)for(l=se.call(n.ownerDocument);n.firstChild;)l.appendChild(n.firstChild);else l=n;return(Se.shadowroot||Se.shadowrootmode)&&(l=me.call(a,l,!0)),l}let m=Ie?n.outerHTML:n.innerHTML;return Ie&&Ne["!doctype"]&&n.ownerDocument&&n.ownerDocument.doctype&&n.ownerDocument.doctype.name&&_(q,n.ownerDocument.doctype.name)&&(m="\n"+m),ke&&u([fe,de,he],(e=>{m=g(m,e," ")})),ie&&ze?ie.createHTML(m):m},o.setConfig=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};ft(e),Ue=!0},o.clearConfig=function(){ut=null,Ue=!1},o.isValidAttribute=function(e,t,n){ut||ft({});const o=st(e),r=st(t);return Lt(o,r,n)},o.addHook=function(e,t){"function"==typeof t&&(pe[e]=pe[e]||[],p(pe[e],t))},o.removeHook=function(e){if(pe[e])return m(pe[e])},o.removeHooks=function(e){pe[e]&&(pe[e]=[])},o.removeAllHooks=function(){pe={}},o}();return oe}))
タイトルとURLをコピーしました