あっぷるる雑記帳

もうすぐアラサー。引きこもり専業主婦が離婚して独立する。現在フルタイムの仕事と副業で日々奮闘中。どん底人生まっぴらごめん!残りの人生自由に楽しく生きる!毎日ブログ更新中。

【アイビスペイント】はてなブログのスマホタイトル画像を自分で作ってみた

f:id:applele:20180913060905j:plain

 

どんどんブログを賑やかにしていきますよー!

あっぷるるの現在のスマホタイトル画像がこちら。

f:id:applele:20180913033833p:plain

スマホで簡単に作れちゃいます。

今回はこのようなタイトル画像の作り方を初心者の方でも作成できるように画像付きで解説していきます(∩´∀`)∩☆

 

 

 

 

アイビスペイントで新規キャンパスを作成する

超ド定番の本格お絵描きアプリ・アイビスペイントXをインストール。

f:id:applele:20180913041103j:plain

アプリを開いて[マイギャラリー]を選択。

 マイギャラリーの左下の[+]を選択して新規キャンパス画面へ。

 

f:id:applele:20180913041650j:plain

はてなブログ推奨サイズの幅1000px、高さ200pxで作ります。

 

塗りつぶし機能

f:id:applele:20180913042108j:plain

左から2番目のアイコンをタップ→塗りつぶしを選択。

左から4番目のアイコンで色の変更ができます。

白紙のキャンパスをタップして色付けしてください。

 

レイヤー機能

f:id:applele:20180913042645j:plain

 右から2番目のアイコンをタップ→選択レイヤー画面へ。

[+]を選択してレイヤーを増す。2番のレイヤーを選択する。

 

☆お絵描きアプリはレイヤーを重ねて作成していきます。

下のレイヤーに上のレイヤーの絵が重なっていくイメージ。

 

文字入れ機能

f:id:applele:20180913042034j:plain

左から2番目のアイコンより[文字入れ]を選択。

キャンパスをタップして[文字追加]を選択する。

 

f:id:applele:20180913044715j:plain

文字のフォント、文字サイズ、文字カラー、文字の間隔スペースなどお好みで作成。

作成した文字をキャンパスに移動させてください。

 

文字のふちどり機能

☆先ほどの文字入れの際にスタイル機能で文字をふちどることも可能でした。

今から解説するふちどり機能の方法は複雑なイラストもふちどることができます。

f:id:applele:20180913045720j:plain

選択レイヤーのアイコンをタップすると、アイビスペイントが親切に2番の新規レイヤーを作成してくれています。

2番の新規レイヤーを選択する。

 

f:id:applele:20180913045955j:plain

左から2番目のアイコンを選択→[フィルター]を選択。

 

f:id:applele:20180913050227j:plain

[ふちどり(外側)]を選択。

 

☆【上のレイヤーを参照】の下の一覧内にあるので、今回でいえば文字が入った3番レイヤーに対してふちどりを行いますということになります。

 

f:id:applele:20180913050603j:plain

ふちどる幅、カラー、明るさ、透明度などお好みで編集する。

 

ブラシ機能でお絵描き

f:id:applele:20180913051350j:plain

新規レイヤーを作成します。

ペンマークアイコンのブラシ機能をお好みの線、線の太さ、線の透明度、カラーを駆使してイラストを描いてみましょう。

自分で描くとオリジナル感が出ますね( ˘ω˘ )

 

作成した画像を保存する

完成したら一番右のアイコン[←]を選択してマイギャラリーに戻る。

 

f:id:applele:20180913054222j:plain

右から3番目のアイコンを選択してファイル形式を表示させる。

画像なのでPNGまたはJPEGで保存。

 

作成したタイトル画像をはてなブログへ設定する

デザイン設定→スマホ設定→ヘッダ→タイトル画像にて画像をアップロード。

設定をスマートフォン用に画像を設定するにチェック。

サイズ設定は画像の高さに合わせるを選択してください。

[変更を保存する]で完了です!

 

アイビスペイントにはまだまだいろんな機能がありますので、実際に使って試して機能を駆使してオリジナルの画像を作成してみてください。

お疲れさまでした ^^) _旦~~