イラストでアイキャッチ画像を作成する方法。アイビスペイントでできちゃいます!

アイキャッチ画像
SPONSORED LINK

 

こんにちは。カトー(@hisayosky)です。

 

けん子
自分で描いたイラストでアイキャッチ画像作れるんじゃない?

できれば簡単に作りたいなあ。。。

 

今回はこんな疑問にお答えします。

 

このブログのアイキャッチ画像は自分で描いたイラストで作っています。イラストはアイビスペイントという無料のお絵描きアプリで描いています。

作り方は単純で自分で描いたイラストに文字を入れているだけです。

たったそれだけですがアイキャッチ画像でほかのブログと差別化が図れます

 

今回はイラストを使った簡単なアイキャッチ画像の作り方を紹介していきます。

アイビスペイントの基本的な使い方がわからない方は参考記事から読んだほうがスムーズに理解できますよ。

◆参考記事
>>アイビスペイントの超基本的な使い方。これだけでとりあえずイラスト描けます

 

アイビスペイントのアプリがない方はこちらからインストールできます。実際に操作しながら読んだほうがわかりやすいです

アイビスペイントX
アイビスペイントX
開発元:ibis inc.
無料
posted withアプリーチ

 

 

ちなみにペンはいりません。指でぜんぶできますので。

ではいってみましょう。

この記事ではアンドロイド版のアイビスペイントを使用しています。iPhone版と若干違うところはありますが基本は同じです。安心して読み進めてください。

 

SPONSORED LINK

今回作るアイキャッチ画像

コーヒーのアイキャッチこちらを作っていきます。

なおコーヒーのイラストはもう描いてあることにします。

コーヒーのイラストをきれいに描く方法はこちらの参考記事で読めます。

◆参考記事
>>アイビスペイントでコーヒーカップのアイコンを描く方法【画像27枚】

 

イラストのレイヤーをまとめる

あらかじめ色と線のレイヤーをを1つのレイヤーに統合しておきます。

一度に移動したり大きさを変更したりできるのはレイヤー1枚分だけだからです。

レイヤーの場所

①をタップします。

 

レイヤー画面

まとめたい2つのレイヤーのうち①上のレイヤーをタップ。レイヤーが青くなっていればOK。

できたら②の下矢印をタップすればレイヤーが統合できます。

統合するレイヤーは基本「線が上、色が下」です。

 

統合したレイヤー

2つのレイヤーがひとつになりました。

 

イラストの位置と大きさを変える

移動アイコンの場所

①をタップすると上にメニューが出ます。②の「移動変形」をタップします。

 

移動したイラスト

あとはイラストにタッチしながらスライドさせれば移動できます。

 

大きくなったイラスト

画面上で2本指を広げたり縮めたりすれば大きさも変えられます。

できたら右下の緑のチェックをタップすれば確定されます。

画面からはみ出した部分はいったん確定すると消えてしまいます。よく考えてから確定しましょう。

 

イラストに文字を入れればアイキャッチ画像になる

文字入れのアイコン

「T」のアイコンをタップします。

 

文字追加画面

「文字追加」と書かれている枠のなかをタップします。

 

文字入れ画面

大きな枠が出ますので①文字を入れて、②で確定します。

 

サイズ調整

文字の大きさは画面下の「サイズ」をタップして上のスライダを動かせばOK。

両端の「+」「-」で1つずつ大きさが変えられます。

 

スタイル変更画面

文字色やふちどりを付けたいときは「スタイル」をタップします。

文字やふちどりの色は上の四角をタップすれば選択できます。

ふちどりの太さはスライダーで変えられます。

 

文字間隔画面

さらに文字や行の間隔も変えられます。上のスライダーが文字間隔、下が行の間隔ですね。

 

文字が入ったイラスト

あとは文字の位置を変えるだけです。

上の画像のように赤枠の状態なら移動できます。文字をタッチしたままスライドするだけです。

 

もし枠が赤くなっていなかったら文字をタップしてみましょう。

それでも赤くならなかったらレイヤーが選択されていない可能性があります。文字のレイヤーを選択するところからやってみてください。

文字を書き直したいときは赤枠下の白抜きのペンをタップします。

コーヒーのアイキャッチこれで完成です。

今回のアイキャッチはとても簡易ですが、応用すれば写真に文字を入れることも可能ですよ。

ぜひ試してみてください。

家のアイコンなおアイビスペイントでこんなほのぼのアイコンを作る方法も書いてます。アイキャッチ画像の作り方とあわせて読んでみてください。

◆あなたにおすすめの記事
>>【アイビスペイント】初心者でも簡単にできるほのぼのアイコンの作り方。

 

まとめ:アイキャッチ画像の作成にアイビスペイントは使える!

自分で描いたイラストをアイキャッチにするなら以下の3つを行いましょう。

  • レイヤーをまとめる
  • イラストの大きさと位置を調節する
  • 文字を入れる

 

◆アイビスペイントについてもっと詳しく知りたい!
>>アイビスペイントでコーヒーカップのアイコンを描く方法【画像27枚】

>>アイビスペイントの超基本的な使い方。これだけでとりあえずイラスト描けます

>>【初心者OK】アイビスペイントで桜のアイコンがきれいにできる方法を解説します




関連記事



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です