【cocoon】吹き出しの画像を設定する方法。サイズを合わせる手順なども解説します。 

広告
こぷー
こぷー

「吹き出し」?

吹き出しって、何だべ?

ピグ
ピグ

・・・・・・

ボクたちのことだよ。

 

当ブログでは、ワードプレス用の無料テーマ「cocoon」を使ってます。

カンタンに「吹き出し」を作れますが、画像の設定には準備が必要です。

 

吹き出しの画像をテキトーに選ぶと、
【cocoon】吹き出しの画像を設定する方法。サイズを合わせる手順なども解説します。 

なんか横長の画像になったり、

【cocoon】吹き出しの画像を設定する方法。サイズを合わせる手順なども解説します。 

キャラクターが小さくなったりします。

こぷー
こぷー

なかなか上手くいかんだべさ。

ピグ
ピグ

そだね~。

 

こういう吹き出しにしたい!

元の画像はこちら↓

【cocoon】吹き出しの画像を設定する方法。サイズを合わせる手順なども解説します。 

これを、こうしたい!

【cocoon】吹き出しの画像を設定する方法。サイズを合わせる手順なども解説します。 

こぷー
こぷー

おしぇーて!

 

広告

画像のサイズと比率を確認。

吹き出しの編集画面。

アイコン画像の所にこう書いてあります。

【cocoon】吹き出しの画像を設定する方法。サイズを合わせる手順なども解説します。 
画像の条件

・ 160px以上の大きさ

・ 正方形である

大きさはともかくとして、

画像は正方形でなくてはなりません。

こぷー
こぷー

どうやんの?

ピグ
ピグ

次の項から、

やり方を紹介します!

 

windows10に搭載の「ペイント3D」で加工

windows10には、「ペイント3D」というツールが標準搭載されています。(ちゃんとアップデートされていれば)

ペイント3Dを使って画像を加工します。

 

【cocoon】吹き出しの画像を設定する方法。サイズを合わせる手順なども解説します。 

windowsのメニューを開いて、

「ペイント3D」 をクリック。

 

ペイント3Dが起動したら「開く」をクリックし、

吹き出しに使う画像を選択します。

 

画像をファイルを直接、ツール内にドラッグでもOK。

【cocoon】吹き出しの画像を設定する方法。サイズを合わせる手順なども解説します。 

① トリミングをクリックします。

② フレーミングを「1:1」にします。

これで、正方形にトリミングできるようになります。

【cocoon】吹き出しの画像を設定する方法。サイズを合わせる手順なども解説します。 

吹き出しにしたい部分を囲んでEnterを押すと、トリミングされます。

【cocoon】吹き出しの画像を設定する方法。サイズを合わせる手順なども解説します。 

大きさを変えたい場合は、

① 「キャンバス」をクリック。

② ピクセルに数字を入力すれば変更できます。

吹き出しは160px以上でしたね。

完成したら「メニュー」→「名前を付けて保存」で画像ファイルができます!

 

こぷー
こぷー

あんの~

ピグ
ピグ

ぶひ?

こぷー
こぷー

ボク、

windows10じゃないんですけど。

ピグ
ピグ

・・・・・・・。

 

ピグ
ピグ

Windows7,8にも搭載されている、

ただの「ペイント」でやる方法も紹介します。

ちょっとやりづらいだけです!

ペイントを使うやり方はこちら。
【cocoon】吹き出しの画像を設定する方法。サイズを合わせる手順なども解説します。 

① 「選択」をクリック。

② 一番下に表示されているpx数が、縦横同じになるようにして画像を選択。

③ トリミングをクリック。

【cocoon】吹き出しの画像を設定する方法。サイズを合わせる手順なども解説します。 

画像のサイズの変更方法です。

① 「サイズ変更」をクリック。

② 「ピクセル」にチェックを入れる。

③ 数値を入力して入力してEnter。

「ファイル」→「名前をつけて保存」。

こぷー
こぷー

あんがと。

 

まとめ

以上、吹き出しに使う画像についての紹介でした。

ピグ
ピグ

正方形の画像さえ用意できれば、

カンタンに吹き出しを作れます!

こぷー
こぷー

そだね。

 

以上です!

 

他にも「cocoon」に関する情報があります👇

 

タイトルとURLをコピーしました