ブログのフキダシを作る!イラスト作成から設定までやってみた。.wpcf7-submit:disabled{cursor:not-allowed}すたーすらっしゅホームサイトマップ当サイトについてプライバシーポリシーお問い合わせホーム創作イラストフキダシでブログを賑やかに!フキダシ用にイラスト描いてみた。フキダシでブログを賑やかに!フキダシ用にイラスト描いてみた。2019.04.28スポンサーリンクこんにちは。ブログでフキダシを使えると色々と便利ですよね?フキダシとは例えばこういうのすたーちゃんこんにちは~。ブログは基本的に文字が主体になりますがそんな中、キャラクターの絵からフキダシが出て何かセリフがあると雰囲気も変わりますしその部分のセリフを目立たせたりとなかなか便利です。フキダシ用のキャラクターがこの絵だけだとちょっと寂しいのでもっとバリエーションを持たせたいと思います。そこで今回はフキダシ用のイラスト作成について書いていきたいと思います。注意!ブロックエディターで使用後にフキダシ設定を変更すると・・・まとめキャラクターを描くベースとなるデザインいつもこのブログで登場しているすたーちゃんです。前回に、デフォルメポーズ集についての記事を書きましたが今回もデフォルメポーズ集に収録されているポーズカットを参考にしています。なぞってオリジナルチビキャラを描こう!簡単オリキャラ作成ポーズカット集を購入し、掲載されているポーズカットを元にオリジナルキャラを描いてみました。この方法ならイラスト初心者でも比較的容易にチビキャラを描けると思います。starslashblog.com2019.04.25パーツ分け今回はフキダシ用に色々な表情を作ることが目的となりますので特に顔のパーツについてはパーツごとにレイヤーを分けておいた方が後で色々と表情を変える時に便利です。今回はLive2Dのエディターにイラストのデータを取り込んで色んな表情のバリエーションを簡単に生み出せる状態を作りたいと思っているのでLive2Dでアニメーションさせる事を想定してパーツ分けをしました。ちなみにLive2Dで色々とバリエーションを出力する事については以前にアイキャッチ画像描く時にも同じ方法を取りました。記事ごとに違うアイキャッチ画像描くのも一苦労なので、ラクできそうな方法を考えてみた。ブログの記事ごとに一つ一つ違ったアイキャッチ画像を描きたいとは思っていますが、それをやると結構な手間になってしまいます。その手間を軽減してラクする方法がないか自分なりに考えてみました。starslashblog.com2019.04.11さて、イラストのパーツ分けですが顔のパーツは以下のように分けました。目のパーツ目の部分は次のようにレイヤーを分けています。左目も同じように分けています。眉毛の形は表情への影響が大きいのでちゃんとレイヤー分けして個別に変形ができるようにしたいところです。・まぶたまつ毛の上にある短い線です。目の形状に関わるパーツの中でも特に重要です。形状によっては片方のまつ毛だけで複数のレイヤーを使うこともあります。今回のイラストについては「曲線1本引いただけ」に近いシンプルな形状のため片側のまつ毛を描くのにレイヤー1枚で十分です。・目玉これも目の形状に関わるパーツとしては重要です。目玉を上下左右に動かしたり大きさを変えたりすることで様々なバリエーションの表情を生み出すことができます。・白目Live2Dにイラストを取り込む場合は白目は意外と重要なパーツで目を閉じたり、開けたりといった動作をさせる時に白目のパーツが分けてあると便利です。口のパーツ口に関しては以下の3つのパーツに分けました。口は開いたり、閉じたり、変形したりと案外多彩な動きができるパーツです。そのためパーツ分けも細かくした方が良いかと思います。下唇でレイヤー1枚に分ければ基本的な口の動作は作れます。口を開けている時に見える口の内部です。顔のパーツだけでも13レイヤーここまで顔のパーツ(右目、左目、口)だけでも合計13レイヤーを使用しました。イラストとしては相当シンプルな部類だと思いますがそれでもレイヤーは細かく分ける必要がありこれが意外に大変な作業ですね。細かいパーツ分けも必要ですし、そのパーツに対してアニメーションを設定する必要があるため、完成までが少々大変になるというデメリットがありますが、その分、完成すれば様々なポーズや表情のイラストを簡単に量産できるというメリットもあります。表情やポーズ違いのバリエーションを用意しない、または少数のみ用意する想定の場合ペイントソフトのみで事足りるのであまり細かくパーツ分けせずに描くだいたいこんな感じにパーツ分けのやり方を変えています。フキダシ用に用意したい表情バリエーションさて、パーツ分けしたイラストをLive2Dのエディターに読み込んでアニメーションを設定できたとします。ーちゃんLive2Dエディターの使い方は?説明してくれないの?Live2Dのエディターの使い方まで説明すると記事が相当に長くなってしまうのでここでは省略させて頂きます。フキダシ用に用意しておくと良さそうな表情を挙げていきます。用意しておきたい表情を2つ笑顔すたーちゃんにこっ!笑顔といっても大笑いするような表情ではなく軽く微笑む程度の笑い方です。色んなセリフに違和感が少なく使えると思います。色んなセリフで無難に使えると思います。感情のこもってない表情なので感情のこもったセリフを言わせると違和感が出てしまうかもしれません。表情のバリエーションを用意するのが面倒だという方ならとりあえず笑顔と真顔だけでも用意しておくとかなり多くの場面でフキダシとして使えると思います。ここからできれば用意しておきたい表情を紹介します。怒ったような表情です。悲しむような表情です。疑惑すたーちゃんホントに?疑惑の目を向けるような表情です。嬉しいすたーちゃんやった~!嬉しさを表す表情です。先ほど紹介した「笑顔」よりも大きな笑い方です。これだけバリエーションがあれば表情豊かなフキダシ会話が作れると思います。スポンサーリンクフキダシにイラストをセットではここからはワードプレスのブログで用意したイラストをフキダシとして使えるように設定していきます。ここでは、ワードプレスで使えるブログテーマ「Cocoon」での設定を説明します。ワードプレスでフキダシを設定するためのプラグインなどもありますが「Cocoon」自体にもフキダシ設定機能があるのでCocoonを利用している方は新しくプラグインを導入する必要はありません。このブログでもCocoonについては何度も取り上げていますが本当に機能が多彩ですね。フキダシ設定方法ダッシュボード>Cocoon設定>吹き出しを選択その後、画面上の方にある「新規追加」を選択するとこんな画面に移行します。フキダシ設定画面タイトルエディター上で表示名です。ブログ画面では表示されないのでご自身がわかりやすい名前を入れておけば良いです。名前キャラアイコンの下に表示される名前です。アイコン画像アイコンにしたい画像を選択します。吹き出しスタイル人物位置アイコンスタイルこちら3つについては、フキダシ表示のスタイルに関する設定です。リストから選ぶだけなので好きなものを選べば良いです。TinyMCEチェックは入れたままでOKです。あとは画面下の「保存」をクリックすればフキダシがブロックエディターで使えるようになります。実際にフキダシをブロックエディターで設定して表示させた後になってフキダシの形などの設定を変えたくなる事もあると思いますが・・・フキダシをブロックエディターで使用後に先ほど紹介したCocoon吹き出し設定で吹き出し設定を更新するとブロックエディター上で無効なコンテンツ扱いされます!こんな感じにこのブロックには、想定されていないか無効なコンテンツが含まれています。吹き出しのブロックがこんな表示になってしまいました。設定を変更したフキダシのブロックが全部この表示になってしまったのです!実際のブログ画面ではフキダシの表示は正常のままですがこのまま記事を更新するとどうなるか予測がつかないので該当のフキダシを使用した箇所を全て訂正することにしました。一度使用したフキダシについてはCocoonの「吹き出し設定」で編集しない方がいいです。吹き出しの設定を変更したい場合はCocoonブロックの「吹き出しEX」のブロックを作って個別で設定するか、もしくは新規で追加するのが無難かと思います。まとめフキダシ用に表情パターンをいくつか用意するとブログが賑やかになりそうです。ーちゃん表情豊かな方が面白いよね?私slashはリアルでは陰キャですがブログは賑やかにしたいと思っていますのでこれからもよろしくお願いいたします。PNG画像の容量圧縮ツール3種類を使ってみたブログにしても何にしても画像を使うデジタルコンテンツでは、画像の容量は少なくできた方がいいですよね。今回はPNG画像の圧縮に使えるツール3つを使って性能を比較してみました。イラストクリスタのゆがみ変形機能が案外便利な件。PAINT(クリスタ)。最近のアップデートで「ゆがみ変形」が使いやすくなりました。「平行ゆがみ」や「遠近ゆがみ」で画像や文字を変形するのも面白いので、今回はその使い方についてです。イラストクリスタでカンタン!イラストのフチ取りをしてみようクリスタでイラスト周囲をフチ取りする方法をいくつか紹介します。やり方を知っていればフチ取りはカンタンにできます。創作これで創作活動のモチベーションアップ?やる気の数式を使ってみよう!創作活動をやっていて、どうにもやる気が出ない時ってありますよね?今回はやる気の数式を使ってやる気を高める方法について考えてみました。【ゲーム制作】ちょっとだけ気が楽になる考え方「自信がなくても作品出してみればいい」ゲーム制作など、制作期間が長期になりやすい創作活動では途中で色んな不安が湧き上がってくることがあります。今回はそんな不安にどう対処するか?私なりの考えを書いてみました。あと、ついでに自分のゲームの宣伝もしてます(笑)イラストキャラ塗り上達術決定版を買ってみた。イラスト塗って楽しもう!プロの絵師さん達のキャラ塗りが詳しく解説されている本を買いました。STUDIOを使ってみた感想や、キャラ塗りを楽しむ事について書いていきます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。スポンサーリンク人気記事クリスタのゆがみ変形機能が案外便利な件。自由自在に変形させよう!2019.08.142019.10.27クリスタで線が引けない!色が塗れない!描けない原因14個を解説2019.08.17アニメ塗り、ギャルゲ塗り。2019.06.222019.08.13新着記事あなたは自分の頭で考えている?思考停止人間の特徴と投資戦略2020.02.17【RPGツクールMV】アツマールに投稿するならセーブデータ容量にも気を配ってみよう2020.02.13より正確に企業価値を見るために。株価収益率PERを、数年分の収益の「平均値」で見てみよう。2020.02.09アーカイブ2020年2月52020年1月72019年12月92019年11月92019年10月92019年9月102019年8月122019年7月112019年6月102019年5月102019年4月92019年3月5カテゴリーブログ9ブログ全般4初心者のワードプレス5マインド28創作28イラスト14ゲーム制作9創作全般6資産運用41プロフィールslashです。このブログでは日々の生活の中で思った事や、趣味に関する事などを色々と書いていきたいと思っておりますので、よろしくお願いいたします。人との付き合いが少ない。所謂、「陰キャ」とか「ぼっち」とかそんな感じの性格。そんな陰キャでぼっちな人生を楽しんでる。趣味:・イラスト女の子イラスト多めです。電子書籍での読書です。マンガや実用書など色々読みます。・ゲーム作り主にRPGツクールでのゲーム制作です。別ブログ「ツクラーりずむ」で書いています。ーすらっしゅ.メニューホームサイトマップ当サイトについてプライバシーポリシーお問い合わせホーム検索トップサイドバースポンサーリンク人気記事クリスタのゆがみ変形機能が案外便利な件。自由自在に変形させよう!2019.08.142019.10.27クリスタで線が引けない!色が塗れない!描けない原因14個を解説2019.08.17アニメ塗り、ギャルゲ塗り。2019.06.222019.08.13新着記事あなたは自分の頭で考えている?思考停止人間の特徴と投資戦略2020.02.17【RPGツクールMV】アツマールに投稿するならセーブデータ容量にも気を配ってみよう2020.02.13より正確に企業価値を見るために。株価収益率PERを、数年分の収益の「平均値」で見てみよう。2020.02.09アーカイブ2020年2月52020年1月72019年12月92019年11月92019年10月92019年9月102019年8月122019年7月112019年6月102019年5月102019年4月92019年3月5カテゴリーブログ9ブログ全般4初心者のワードプレス5マインド28創作28イラスト14ゲーム制作9創作全般6資産運用41プロフィールslashです。このブログでは日々の生活の中で思った事や、趣味に関する事などを色々と書いていきたいと思っておりますので、よろしくお願いいたします。人との付き合いが少ない。所謂、「陰キャ」とか「ぼっち」とかそんな感じの性格。そんな陰キャでぼっちな人生を楽しんでる。趣味:・イラスト女の子イラスト多めです。電子書籍での読書です。マンガや実用書など色々読みます。・ゲーム作り主にRPGツクールでのゲーム制作です。別ブログ「ツクラーりずむ」で書いています。タイトルとURLをコピーしました。