この記事には広告が含まれています。

AFFINGER6:会話吹き出しの作成方法-画像を準備する方法も紹介!

AFFINGER6:会話吹き出しの作成方法【初心者向け】
パパくま
パパくま

AFFINGER6では簡単にこんな感じの「会話吹き出し」が作成できます。

この記事ではAFFINGER6で「会話吹き出し」に必要な画像を準備する方法から作成手順までを解説しています。

「会話吹き出し」作成前の準備

会話吹き出し機能をスムーズに使用する為にまず次の準備をしておきましょう。

  • アイコン画像を用意する
  • アイコン画像をアップロードする

アイコン画像を用意する

アイコン画像を用意するには次のような方法があります。

  • 無料のイラスト素材サイトを利用する
  • 有料でオリジナルアイコン画像を作成してもらう
  • 自分で作成する

① 無料のイラスト素材サイトを利用する

プロフィール用画像を用意する一番簡単な方法は無料のイラスト素材サイトなどを利用することです。

お勧めの無料イラスト素材サイトをご紹介します。

② 有料でオリジナルアイコン画像を作成してもらう

また、有料になってしまいますがオリジナルのアイコン画像を作成してもらうのもお勧めです。

私の場合、オリジナルのアイコン画像というだけでブログ作成のモチベーションアップにも繋がっています。

オリジナルのアイコン画像は「ココナラ」でイラストレーターさんに依頼して作成してもらうのがお勧めです。

私も「ココナラ」でプロフィール用のアイコン画像を作成してもらいました。

「ココナラ」でアイコンを作成してもらう流れについてはこちらの記事をご覧になってください。

関連記事

③ 自分で作成する

イラストレーターなどを使える方なら自分でアイコン画像を作成することも可能です。

また、現在ではAIによる画像作成がとても簡単にできる時代になりました。

AI画像作成サイトやアプリなどで自分のアイコンを作成することも可能ですが、AIによる画像作成に関しては著作権の問題で今後どのような扱いになるのか不透明なところがあります。

AIによって作成したアイコン画像を使用する際は著作権について注意するようにしましょう。

AI画像の著作権について文化庁の見解・参考資料を確認することができます。

いくつか参考になるような項目をまとめておきます。

  • AI画像もAIを利用せずに絵を描いた場合と同様の著作権が適応される
  • AI生成物が既存の著作物と「類似性」と「依拠性」が認められる場合はNG,
  • 「類似性」と「依拠性」が認められる場合でも権利者から許可があればOK
  • 私的鑑賞での生成物はOK
  • 授業目的の複製はOK

何か難しくてAI画像の利用に不安を感じるかもしれないですね。

しかし、AI画像の利用がどんどん一般化しています。

著作権に注意しながらAI画像を積極的に利用していく時代になったのかなと感じています。

AI画像生成ってどうやってやるの?

という方もいると思います。

有名な画像生成AIサービスとしては「Stable Diffusion (ステーブル・ディフュージョン)」を挙げることができます。

Stable Diffusion (ステーブル・ディフュージョン)は無料で利用できますが、始め方や使い方の面で初心者には少しハードルが高い感じです。

そこでもっと初心者にも使いやすくした多くツールが有料で提供されています。

初心者はそちらを利用するほうがお勧めです。

例えば、次のようなツールです。

→ ブラウザだけでできる 本格的なAI画像生成 【ConoHa AI Canvas】

アイコン画像をアップロードする

アイコン画像が準備できたら、その画像をアップロードして登録しておきます。

アイコン画像を登録する手順は次の通りになります。

① 「AFFINGER管理」→「会話アイコン」で「会話アイコン設定」の画面を開く

「AFFINGER管理」→「会話アイコン」で「会話アイコン設定」の画面を開く

② 「会話アイコン設定」の画面からアイコン画像をアップロードする。

「アイコン名」は「会話吹き出し」で使用した際に表示される名称になるので、表示させたいキャラネームを入力してください。

「会話アイコン設定」の画面からアイコン画像をアップロードする画面

「アップロード」のボタンを押すと下の画面がでるので、アイコンとして登録したい画像をドロップまたはファイルから選択してください。

アップロードが終了したら「会話アイコン設定」画面下の「Save」ボタンをクリックして保存するのを忘れないで下さい。

「会話アイコン設定」では最大8つまでアイコン画像を登録できます。

あらかじめ複数のアイコン画像を登録しておいた方が便利です。

これで記事に「会話吹き出し」を設置する下準備が整いました。

「会話吹き出し」の作成方法

下準備が完了していれば「会話吹き出し」を記事内に設置するのは簡単です。

メニューから「AFFINGER:会話吹き出し」を選択すればOKです。

AFFINGER6:会話吹き出し

「STINGER:会話ふきだし」を選択すると・・・

アフィンガー6で「会話吹き出し」を作成する方法

登録した「アイコン画像」と「吹き出し」が作成されました。

「アイコン画像」(登録済み)の種類を変更する方法

「ショートコード設定」から登録した「アイコン画像」を変更することが可能です。

アフィンガー6で「会話吹き出し」を作成する方法

「吹き出し画像」の向きを変更する方法

下画像の矢印部分の「向き」で吹き出しの位置を左右に変更することができます。

アフィンガー6で「会話吹き出し」の向きを変更する方法

複数のアイコン画像と吹き出しの向きを調整すれば、見やすい「会話吹き出し」が作成できます。

こんな感じに吹き出しを作成できます。

アフィンガー6で「会話吹き出し」を作成する方法

「会話吹き出し」の背景色を変更する方法

ハムタ
ハムタ

「会話吹き出し」の背景色を変更したいなぁ?

「会話吹き出し」の背景色は別の操作画面から変更できるよ。

パパくま
パパくま

① ワードプレスのメニューから「外観」→「カスタマイズ」を選択する。

アフィンガー6で「会話吹き出し」の背景色を変更する方法

② 「オプション(その他)」→「会話ふきだし」を選択する。

アフィンガー6で「会話吹き出し」の背景色を変更する方法

③ 登録した各「会話ふきだし」の背景色を設定する。

各「会話ふきだし」の背景色を設定したら「公開」ボタンをクリックしてください。

アフィンガー6で「会話吹き出し」の背景色を変更する方法

「編集」画面で確認してみると「吹き出し」部分が設定した背景色に変更されています。

アフィンガー6で「会話吹き出し」の背景色を変更する方法

AFFINGER6では8つまで「会話吹き出し」のアイコン画像を登録でき、それぞれに背景色を設定することができます。

ここで設定した背景色はそのアイコンキャラ専用の背景色になります。

カスタマイズで背景色を変更すると、そのキャラを使用した「会話吹き出し」は一括で設定した背景色になります。

AFFINGER6では会話吹き出しに次のような機能を付加することができます。

  • 会話アイコンを少し動かす
  • しゃべるモード

会話アイコンを少し動かす

会話アイコンを少し動かして視覚的にアクセントを加えることができます。

設定方法は「AFFINGER管理」→「会話アイコン」の画面で設定可能です。

AFFINGER6:会話アイコンを少し動かす設定画面

しゃべるモード

VER20241022から「しゃべるモード」が搭載されました。

これは、しゃべるようなタイピングアニメーションを付加する機能で視覚的にとても目を引くことが可能です。

既に、このブログでは設定をしているので会話アイコンがしゃべるようなアクションになっています。

ハムタ
ハムタ
パパくま
パパくま

「しゃべるモード」も「AFFINGER管理」→「会話アイコン」の画面から設定可能です。

「しゃべるモード」は読者の目を引く効果的な機能です。

ただし、設定すると全ての会話アイコンに適用されます。

個別に設定できたらより便利なのですが・・・

以上がAFFINGER6の「会話吹き出し」の作成方法になります。

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

ハムタ
ハムタ
パパくま
パパくま

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。

関連記事
AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説

2025/2/9  

AFFINGER6を使ってみたい!気になる!という方向けに AFFINGER6ってどんなテーマ? AFFINGER6でどんなことができるの? AFFINGER6を使うにはどうすればいいの? といった内 ...

(通常版)AFFINGER6と(上位版)AFFINGER6 EXの違い【まとめ】
(通常版)AFFINGER6と(上位版)AFFINGER6 EXの違い【まとめ】

2024/11/28    

AFFINGER6を購入しようと検討している方や既に通常版のAFFINGER6を使用している方で、その違いが気になる方も多いと思います。 そこで、この記事では(通常版)AFFINGER6と(上位版)A ...

『SWELL』ってどうなの?-実際に利用したメリットとデメリットをガチレビュー!
『SWELL』ってどうなの?-実際に利用したメリットとデメリットをガチレビュー!

2024/11/28    

SWELLはとても人気の高いテーマです。 この記事はSWELLが気になる方向けにメリットとデメリットを紹介しています。 価格 17,600円(税込み) シンプル&高機能なWordPressテーマ! 最 ...

AFFINGER6は初心者が購入しても大丈夫?-初心者にお勧めの理由
AFFINGER6は初心者が購入しても大丈夫?-初心者にお勧めの理由

2024/11/28    

AFFINGER6を購入しようと思っている初心者の方は、解らないことが多いからこそ購入に対して不安を感じるかもしれません。 この記事は、実際に知識ゼロからAFFINGER6を使用した私が断言できる内容 ...

AFFINGER6の購入とインストール方法

AFFINGER6の購入方法と購入プランの選び方
【知っておくべき!】AFFINGER6の購入方法と購入プランの選び方-⑤種類から最適を選択!

2025/2/10    

AFFINGER6を使ってみたい! という方に ちょっと待ってください! AFFINGER6を購入する際には複数のプランが存在しますので、自分の取り組み方に合った購入方法を選択した方がお得に購入できま ...

AFFINGER6(アフィンガー6)のインストール方法【画像付き!詳細解説】
AFFINGER6(アフィンガー6)のインストール方法-初心者でも安心!購入プランから徹底解説!

2024/12/29    

初心者でも大丈夫! AFFINGER6の購入からインストールして使えるようにするまでの手順や注意点を詳しく解説しています。 AFFINGER6は「稼ぐ」に特化した有名ブロガーさんも多数利用するテーマで ...

AFFINGER6(アフィンガー6)EX版の購入とアップグレードの方法
AFFINGER6(アフィンガー6)EX版の購入とアップグレードの方法

2025/1/8    

この記事ではAFFINGER6の上位版である「AFFINGER6EX」へのアップグレード方法を解説しています。 AFFINGER6EX版にアップグレードする為の条件 AFFINGER6からEX版にアッ ...

AFFINGER6の設定関係

AFFINGER6導入後にまず何をしたらいいの?-初心者にお勧めの初期設定4項目
AFFINGER6導入後にまず何をしたらいいの?-初心者にお勧めの初期設定4項目

2024/10/17    

「ブログで稼ぎたい!」 って思いブログを始めた初心者の方も多いと思います。 収益化するには何より記事を作成しなければ話になりません。 この記事ではAFFINGER6を始めたばかりの初心者の方向けに、い ...

WordPressお勧めプラグイン【アフィンガー6】
AFFINGER6(アフィンガー6)にお勧めのプラグイン【初心者向け】

2024/12/29    

AFFINGER6にお勧めのプラグインを9つ紹介しています。 初心者の方は何を導入すればいいのか解らないと思いますので、是非参考にしてみてください。 プラグインとは? 「プラグイン」とはワードプレスを ...

AFFINGER6のアップデート方法(2パターンを解説)
AFFINGER6のアップデート方法(2パターンを解説)

2024/12/30    

この記事がお勧めな方 AFFINGER6のアップデート方法を知りたい方 AFFINGER6の手動でのアップデート方法が知りたい方 AFFINGER6で自動更新のお知らせを設定する方法を知りたい方 AF ...

AFFINGER6(アフィンガー6)でグーグルアナリティクスを導入する方法
AFFINGER6(アフィンガー6)でGoogleアナリティクスを導入する方法

2024/7/18    

ここではAFFINGER6(アフィンガー6)でGoogleアナリティクスを導入する方法を初心者向けに解説しています。 AFFINGER6(アフィンガー6)では簡単にGoogleアナリティクスを導入して ...

AFFINGER6:Googleサーチコンソールへの登録方法
AFFINGER6:Googleサーチコンソールへの登録方法

2024/12/14    

Googleサーチコンソールではあなたのサイトが「どんなキーワードで表示されたのか」を確認することができたり、あなたのサイトのページが「どれくらいインデックスされているか」などを調べることができます。 ...

AFFINGER6のステマ規制対策-広告表記を表示させる方法
AFFINGER6のステマ規制対策-広告表記を表示させる方法

2024/7/18    

この記事ではステマ規制対策としてAFFINGER6(アフィンガー6)で記事に「広告」表記を表示させる方法を解説しています。 ステマ規制とは2023年10月から開始された「ステルスマーケティング」に対す ...

AFFINGER6の使い方

AFFINGER6の使い方
AFFINGER6の使い方【まとめ】-初心者向けガイド-

2024/11/5    

この記事はAFFINGER6(アフィンガー6)の使い方を初心者向けに詳しく解説しています。 見出しの作成方法 記事作成の基本!見出し作成や見出しについての記事です。 カテゴリーの作成とカテゴリーページ ...

AFFINGER6のデザインカスタマイズ

AFFINGER6:カスタマイズ方法
AFFINGER6のカスタマイズ方法-初心者向けガイド-

2024/11/21    

この記事ではAFFINGER6のカスタマイズ方法を初心者向けに詳しく解説しています。 デザインカードプラグインでサイトデザインを変更する方法 プラグインでサイトデザインを簡単に変更できるようになりまし ...