AFFINGER６：会話吹き出しの作成方法【初心者向け】

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

※　ver20241022から「しゃべるモード」でしゃべるようなタイピングアニメーションを付加することが可能になりました。

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

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

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

アイコン画像を用意する

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

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

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

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

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

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

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

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

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

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

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

『ココナラ』でアイコン画像を作成してもらう手順

この記事では「ココナラ」で自分だけのオリジナルのアイコン画像を作成する手順を解説しています。 アイコン画像を作成してもらう手順 公式サイトで会員登録する（無料） 作成してもらうイラストレーターさんを決 ...

③　自分で作成する

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

では、実際に「会話吹き出し」を記事内に設置してみましょう。

「記事の編集」画面で「会話吹き出し」を作成したい場所で「+」マーク（ブロックを追加）を押すとメニューが表示され、「STINGER:会話ふきだし」が選択できます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

AFFINGER6の会話吹き出し機能で出来ること

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

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

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

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

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

しゃべるモード

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

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

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

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

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

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

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

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

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

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

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

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

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

無料お試しがずっと可能なAIライティングツール

「記事作成にAIを活用してみたいなぁ」 「でも料金はかけたくないなぁ」 そんな方に無料お試しがずっと可能なAIライティングツールをいくつか紹介します。 もちろん無料お試しなので、機能をフルに使用するこ ...

AFFINGER6：記事一覧

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

AFFINGER6の設定関係

AFFINGER6の使い方

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