アイキャッチ画像を画像編集ソフトで作るときに文字と背景を入れたいだけなのに、
配置を細かく調整する必要があるのが面倒…
だと思うことはありませんか?
ゆーそうとITブログのアイキャッチ画像作成メーカーなら、画像をアップして文字を入力するだけであっという間にアイキャッチ画像やカバー画像などが作成できます!
![](https://usortblog.com/wp-content/uploads/2017/05/cropped-usortblog_favicon-2-150x150.png)
ぜひ試してみてください!
アイキャッチ画像作成メーカー・ツールはSNSヘッダーやInstagramも作れます!
![](https://usortblog.com/wp-content/uploads/2023/06/fb80f71fa6c6b08dd8853612fe8d6a54-1024x433.jpg)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/fb80f71fa6c6b08dd8853612fe8d6a54.jpg?resize=1024%2C433&ssl=1)
アイキャッチ画像作成メーカーでは基本的に画像やテキストのサイズを設定できるため、さまざまなプラットフォームに対応した画像を作成できます。
特に以下のアイキャッチ画像などは、画像やテキストのサイズをボタン一つでちょうどよくしてありますのでぜひご使用ください!
- WordPressのアイキャッチ
- YouTubeのサムネール
- YouTubeヘッダー
- Twitterヘッダー
- Facebookカバー
アイキャッチ画像作成メーカー・ツールでWordPressのブログ用にアイキャッチ画像を作成〜WordPressに指定する方法
ゆーそうとITブログのアイキャッチ画像作成メーカーを使ってWordPressのブログ用にアイキャッチ画像を作成〜WordPressに指定する方法をご紹介します。
この章ではまず簡単にアイキャッチ画像作成メーカーでWordPress用にアイキャッチ画像を作ってみます。
アイキャッチ画像作成メーカー・ツールの初期設定でアイキャッチ画像を作る方法
ゆーそうとITブログのトップページにあるこのバナーかメニューの「アイキャッチ画像作成メーカー」をクリックしてください。
![](https://usortblog.com/wp-content/uploads/2023/06/DB144159-16B3-418B-A5BB-93C655947CD2-1024x492.jpg)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/DB144159-16B3-418B-A5BB-93C655947CD2.jpg?resize=1024%2C492&ssl=1)
ここからでもOKです
アイキャッチ画像作成メーカーのページに移動しました。
ファイルを選択をクリックして
![](https://usortblog.com/wp-content/uploads/2023/06/image-56.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-56.png?resize=908%2C355&ssl=1)
使いたい画像を選んで「開く」をクリックしください。
![](https://usortblog.com/wp-content/uploads/2023/06/image-55.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-55.png?resize=970%2C475&ssl=1)
画像を選択できたら画像に表示したい文字を入力します。
![](https://usortblog.com/wp-content/uploads/2023/06/image-57.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-57.png?resize=463%2C222&ssl=1)
STEP2の画像とSTEP3のテキストができたら、これでアイキャッチ画像を作ってみることができます!
「作成する」ボタンをクリックしてアイキャッチを作りましょう。
![](https://usortblog.com/wp-content/uploads/2023/06/image-58.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-58.png?resize=891%2C73&ssl=1)
作成するボタンを押したら、アイキャッチ画像が作られました!
![](https://usortblog.com/wp-content/uploads/2023/06/image-59.jpg)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-59.jpg?resize=897%2C604&ssl=1)
幅が700ピクセルだった時の表示も確認できます。
![](https://usortblog.com/wp-content/uploads/2023/06/image-59-1.jpg)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-59-1.jpg?resize=931%2C511&ssl=1)
画像をダウンロードをクリックすると、今作った画像をダウンロードすることができます。
![](https://usortblog.com/wp-content/uploads/2023/06/image-59.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-59.png?resize=597%2C150&ssl=1)
![](https://usortblog.com/wp-content/uploads/2017/05/cropped-usortblog_favicon-2-150x150.png)
![](https://usortblog.com/wp-content/uploads/2017/05/cropped-usortblog_favicon-2-150x150.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2017/05/cropped-usortblog_favicon-2.png?resize=80%2C80&ssl=1)
アイキャッチ画像メーカーでTwitterのカバーやInstagramの画像を作成する方法はInstagramの説明で書いていますのでそちらもご覧ください!
アイキャッチ画像作成メーカー・ツールの初期設定の画像をカスタマイズする方法
「アイキャッチ画像メーカーの初期設定でアイキャッチ画像を作る方法」で作った画像を元にアイキャッチ画像をカスタマイズします。
テキストの細かなデザインを変更します。テキスト設定を見てみましょう。テキスト入力のほかに、フォントサイズや行間、フォント種類を変更することができます。
![](https://usortblog.com/wp-content/uploads/2023/06/image-60.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-60.png?resize=412%2C162&ssl=1)
フォントの形を確認したいときは全フォントを表示をクリックすると、指定できる全てのフォントを見ることができるので好きなフォントを見つけましょう!
![](https://usortblog.com/wp-content/uploads/2023/06/image-62-1024x595.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-62.png?resize=1024%2C595&ssl=1)
私はこのYuseiMagic-Regularがお気に入りなのでフォント種類で油性マジックレギュラーを指定します。
YuseiMagic-Regularのフォントを指定するとすぐにフォントの下に表示されている文字にもフォントの指定が適用されます。
![](https://usortblog.com/wp-content/uploads/2023/06/image-61.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-61.png?resize=425%2C148&ssl=1)
![](https://usortblog.com/wp-content/uploads/2017/05/cropped-usortblog_favicon-2-150x150.png)
![](https://usortblog.com/wp-content/uploads/2017/05/cropped-usortblog_favicon-2-150x150.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2017/05/cropped-usortblog_favicon-2.png?resize=80%2C80&ssl=1)
これでフォントデザインを指定できました!
次からはデザインを変更します。
画像サイズの下に画面白レイヤーの透明度があります。これはアップした画像が目立ちすぎる時に、画像を半透明にしたいときに数字を指定します。
![](https://usortblog.com/wp-content/uploads/2023/06/image-63.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-63.png?resize=405%2C109&ssl=1)
文字背景帯の色は白か黒を指定することができます。
![](https://usortblog.com/wp-content/uploads/2023/06/image-65.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-65.png?resize=413%2C78&ssl=1)
文字背景帯の幅や高さも変更できます。今の帯の幅と高さを見てみて10%ぐらい減らしてみました。
![](https://usortblog.com/wp-content/uploads/2023/06/image-64.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-64.png?resize=386%2C86&ssl=1)
他にも文字背景帯の透明度も変更できます。
![](https://usortblog.com/wp-content/uploads/2023/06/image-66.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-66.png?resize=160%2C83&ssl=1)
枠線表示するをチェックすると画像の内側に枠線が表示されます。
その時の枠線の色はお好きな色に指定することができます。
![](https://usortblog.com/wp-content/uploads/2023/06/image-67.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-67.png?resize=489%2C311&ssl=1)
これでデザイン設定は終了です!
![](https://usortblog.com/wp-content/uploads/2017/05/cropped-usortblog_favicon-2-150x150.png)
![](https://usortblog.com/wp-content/uploads/2017/05/cropped-usortblog_favicon-2-150x150.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2017/05/cropped-usortblog_favicon-2.png?resize=80%2C80&ssl=1)
これでデザイン設定は終了です!
作成するをクリックするとこのようになりました!
![](https://usortblog.com/wp-content/uploads/2023/06/image-66.jpg)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-66.jpg?resize=912%2C638&ssl=1)
初期設定と同じ画像とテキストでも、テキスト設定とデザイン設定でかなり違うイメージのアイキャッチになります。
テキストやデザインを修正したい時は作成完了画面のまま変更し直してください。
アイキャッチ画像作成メーカー・ツールで作った画像をWordPressに設定する方法
WordPressの投稿や固定ページなどの編集画面で、アイキャッチ画像作成メーカーで作った画像をWordPressのアイキャッチに指定します。
WordPressの編集画面で右のカラムにある「アイキャッチ画像」の「アイキャッチ画像を設定」をクリックします。
![](https://usortblog.com/wp-content/uploads/2023/06/image-72-1024x353.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-72.png?resize=1024%2C353&ssl=1)
ファイルをアップロードタブでファイルを選択をクリックします。
![](https://usortblog.com/wp-content/uploads/2023/06/image-73.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-73.png?resize=940%2C556&ssl=1)
先ほど作成してダウンロードした 画像を選択し、
![](https://usortblog.com/wp-content/uploads/2023/06/image-70.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-70.png?resize=985%2C491&ssl=1)
「アイキャッチ画像を設定」をクリックしてください。
![](https://usortblog.com/wp-content/uploads/2023/06/image-74.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-74.png?resize=189%2C60&ssl=1)
プレビュー画面でアイキャッチを確認してみます。
![](https://usortblog.com/wp-content/uploads/2023/06/image-71.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-71.png?resize=247%2C187&ssl=1)
アイキャッチが表示されました!
![](https://usortblog.com/wp-content/uploads/2023/06/image-75.jpg)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-75.jpg?resize=914%2C703&ssl=1)
アイキャッチ画像作成メーカーでInstagramの投稿用画像を作成する方法
ゆーそうとITブログのアイキャッチ画像作成メーカーを使ってInstagramの投稿用画像を作成する方法をご紹介します。
この章では前提として「アイキャッチ画像メーカーの初期設定でアイキャッチ画像を作る方法」で作った画像を元にInstagram用を画像を作ります。そのため初期設定はこちらの項目をご確認ください。
アイキャッチメーカーの簡単設定には色々な画像の大きさを設定できるボタンがあります。
この中のInstagramをクリックすると、画像サイズが1080×1080、フォントサイズが70になりました!
![](https://usortblog.com/wp-content/uploads/2023/06/image-68.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-68.png?resize=911%2C517&ssl=1)
一旦画像を作成して作成した画像の状態を確認します。作成するとそのままの設定だと文字がはみ出してしまっているようです。
![](https://usortblog.com/wp-content/uploads/2023/06/image-69-1024x773.jpg)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-69.jpg?resize=1024%2C773&ssl=1)
こういった場合はテキストの改行の位置を変えてみましょう。テキスト入力欄で改行を追加してみました。この状態で画像を作成してみます。
![](https://usortblog.com/wp-content/uploads/2023/06/image-69.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-69.png?resize=722%2C514&ssl=1)
今度は文字のはみ出しがなくなりました!この状態でダウンロードしてInstagramにアップしてみてくださいね。
![](https://usortblog.com/wp-content/uploads/2023/06/image-70.jpg)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2023/06/image-70.jpg?resize=964%2C796&ssl=1)
Youtube動画でアイキャッチ画像作成メーカー・ツールの使い方を解説
![](https://usortblog.com/wp-content/uploads/2017/05/cropped-usortblog_favicon-2-150x150.png)
![](https://usortblog.com/wp-content/uploads/2017/05/cropped-usortblog_favicon-2-150x150.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2017/05/cropped-usortblog_favicon-2.png?resize=80%2C80&ssl=1)
Youtubeのチャンネル登録もお願いします!
まとめ:アイキャッチ画像作成メーカー・ツールで簡単にアイキャッチ画像を作ろう
この記事のまとめです!
- アイキャッチ画像作成メーカーを使用すると、画像とテキストだけで簡単にアイキャッチ画像やカバー画像が作成できる。
- アイキャッチ画像作成メーカーは、WordPressのブログ用やSNSヘッダー、Instagramの投稿用画像などを作成できる。
- アイキャッチ画像はダウンロードして利用できる。
- アイキャッチ画像メーカーでは、テキストの改行やフォントデザイン、画像の透明度や文字背景帯の設定が可能。
![](https://usortblog.com/wp-content/uploads/2017/05/cropped-usortblog_favicon-2-150x150.png)
![](https://usortblog.com/wp-content/uploads/2017/05/cropped-usortblog_favicon-2-150x150.png)
![](https://i0.wp.com/usortblog.com/wp-content/uploads/2017/05/cropped-usortblog_favicon-2.png?resize=80%2C80&ssl=1)
ゆーそうとITブログのアイキャッチ画像作成メーカーを使って簡単にアイキャッチ画像を作ってみてください!
コメント