PR Cocoon ブログ運営 ワードプレス

【初心者楽勝】アバター画像を無料で作成してCocoonの吹き出しに設定する方法を徹底解説

2022年8月31日

前回の記事

【初心者】WordPressテーマCocoonのヘッダー設定方法と無料でヘッダー画像を作る方法

前回の記事ではワードプレステーマCocoonが適用されている ...

続きを見る

前回の記事ではデザイン作成サイトCanvaを使って無料でヘッダー画像を作成する方法とCocoon適用サイトでヘッダー画像を設定する方法を解説しました。

今回の記事ではアバター画像を無料で作成してCocoon適用ブログで吹き出しを設定する方法を画像と動画を使って初心者さんにもわかりやすく解説してみたいと思います。

解説ポイント

  • アバター画像を作成する
  • アバター画像を吹き出しに設定する
マンガ好きのボクにはただの文章よりも頭に入ってきやすくて好きなんだ
後輩ネコ
後輩ネコ
とのぽん
とのぽん
親しみやすさと安心感にもつながるからぜひ設定しておこう!

アバター画像を無料で作成する

作ってみよう

  • CHARAT MAEで作成(無料)
  • ビオレママ顔メーカー3で作成(無料)
  • ココナラで依頼(有料)

ここでは上記3種の方法でブログ用アバターを作成する方法を紹介します。

ボクは無料で作りたいなあ
後輩ネコ
後輩ネコ
とのぽん
とのぽん
もちろんそれでOK!余裕があればココナラで依頼して差別化を図ろう!
最新情報も反映可能!AIで記事作成する方法教えます 作業時間7割削減! SEO対策済みの記事生成プロンプト付き!

CHARAT MAEで作成(無料)

それでは動画解説とスクショ解説に移ります

動画解説

スクリーンショット解説

大体上の画像にあるような流れでアバター画像を作成することができます。

まずはアバター作成サイトCHARAT MAEにアクセスしたら画面を下にスクロールして、『START』をクリック

続いてアバター作成画面が表示されます。

アバターのベースとなるテンプレートが用意されているので好みのモノを選択して『OK』をクリックします。

画面下に輪郭・口・目元・耳・ひげなどのパーツごとに様々な種類が用意されているのでこれを組み合わせてアバターを作成します。

アバターが完成したら画面右上のカメラマークをクリックし、『保存』をクリックしてPCにダウンロードしましょう。

以上でアバターの無料作成は完了です。

ビオレママ顔メーカー3で作成(無料)

それでは動画解説とスクショ解説に移ります

動画解説

スクリーンショット解説

ビオレママ顔メーカー3のサイトにアクセスしたら、ひとりであそぶ』のところの『START』をクリック

続いて表示されるページの利用規約を読み、『同意して次に進む』をクリックしましょう。

続いて、性別と年代(大人か子どもか赤ちゃんか)を選択し、髪型(パーツの組み合わせ時に変更できます)を選び、『次へ』をクリックします。

続いて表示されるページでは髪型・目・鼻・口・眉・輪郭・飾りなどのパーツを組み合わせてアバターを作成していきます。

パーツは大きさや位置を変えることが出来るので適宜変更していきましょう。

アバターが完成したら『この顔に決定』をクリックし続けて『決定』をクリックします。

最後に『ダウンロード』をクリックしてPCにアバター画像を保存しましょう。

ココナラで依頼(有料)

無料でアバター画像を作成する方法を2つ紹介しましたが、パーツテンプレートの組み合わせで作るアバターは他のブログのアバターとどうしても似てしまったりします。

もちろんそれでもかまわないのですが、ブログを訪問してきた人に『なんか見たことあるアバターだな』と思われるのがイヤという人はココナラでプロのイラストレーターさんに頼むというのもオススメです。

とのぽん
とのぽん
ちなみに私のアバター画像は上の画像にあるイラストレーターさん(ちゅんのすけさん)に作ってもらいました。 有料ですが完全オリジナルになるので他ブログとの差別化が図れます。

ちゅんのすけさんに依頼してみる

Cocoonでアバター画像を吹き出しに設定する

とのぽん
とのぽん
それでは無料または有料で作成したアバター画像を吹き出しに設定していきましょう!

動画解説

スクリーンショット解説

ワードプレス左サイドバーより『Cocoon設定』⇒『吹き出し』と進みましょう。

続いて表示される画面にはあらかじめCocoon作成者様が用意してくださった吹き出し画像が用意されていますが、これを変更していきます。

記事の投稿画面で最も少ない操作で表示させることができる吹き出しが一番下の吹き出し(サンプルの1)なのでこれを変更します。

『編集』をクリックしましょう。

まずは吹き出しを記事内で使用した際にアイコン画像の下に表示される名前を入力しましょう。

続いてアイコン画像を変更していきます。

『アイコン画像』のところの『編集』をクリック

『ファイルをアップロード』タブをクリックして、『ファイルを選択』をクリックします。

あらかじめ作成してPCにダウンロードしていた画像を選択して『開く』をクリックしましょう(画像のダブルクリックでもOK)。

『画像の選択』をクリックします。

吹き出しのスタイル・配置・アイコンのスタイルなどを適宜変更していきましょう。

スタイルや配置は記事投稿画面でも直接変更カスタマイズできます。

最後に『保存』をクリックして吹き出し画像の変更・設定は完了です。

吹き出し画像を用意したアバター画像に変更出来たので、実際に記事で吹き出しを使った時にブログの訪問者さんからどのように見えるのか確認してみましょう。

記事作成画面(投稿⇒新規追加)に移動しましょう。

記事作成画面の段落ブロック横の『+』マークをクリックして『吹き出し』を選択します。

吹き出し横に文字を入力してプレビューで確認します。

上の画像にあるように、このような形でブログ訪問者さんに吹き出しが表示されることが確認されました。

わぁついにあこがれの吹き出しが!たくさん使っていこう
後輩ネコ
後輩ネコ
とのぽん
とのぽん
お疲れ様!どんどん視覚的に分かりやすいブログにしていこう!
  • この記事を書いた人
  • 最新記事

とのぽん

ブログアフィリエイトで月収10万円達成ブロガー。 ネコとお酒が好きなアラフォーサラリーマンのとのぽんです。 メインは資産ブログ形成ノウハウの発信ですが、その他40代ならではの悩みをみなさんと共有して解決していければと思います。

-Cocoon, ブログ運営, ワードプレス
-