読者です 読者をやめる 読者になる 読者になる

技術を磨くだいぱんまん

ごはんと自由が大好き。

はてなブログのPC&スマホ用トップ画をibisPaint Xを用いて自作してみた

インターネット

こんにちは、だいぱんまん(@donchan922)です。

ブログにオリジナル感を出すために、トップ画を自作してみました。
まずは、完成品をご覧ください。

・PC用
f:id:donchan922:20150506160236p:plain

・スマホ用
f:id:donchan922:20150506160027p:plain

どうでしょう、このとんでもない手作り感
いい味出してませんか。

  1. 使用アプリ
  2. 作成手順
  3. はてなブログでのトップ画設定方法

が気になる方は続きをどうぞ。

使用アプリ

作成アプリは、ibisPaint Xです。


アイビスペイントX - お絵かき イラスト ペイント 無料 アプリ

アイビスペイントX - お絵かき イラスト ペイント 無料 アプリ

開発元:ibis inc.
無料

posted with アプリーチ

iPhoneとiPadのどちらとも対応しています(Android版もあります)。僕は、画面が大きいiPadで作成しました。

有料版もありますが、無料版でも十分使えます。今回作った絵も無料版で事足りました。

このアプリを選んだ理由は、3つ。

  1. 手描きできる
  2. 無料で使える
  3. 人気がある

実際使用してみて、特に問題なく絵を描けたので満足です。ただ、細かな描画をするときに指先だけでは難しいところがありました。スタイラスペンがあればもっと正確に作成できたと思います。

次に作成手順を説明します。

作成手順

f:id:donchan922:20150506203655p:plain
メニュー画面はこちら。
単に絵を描きたいときは、「マイギャラリー」を選択。

f:id:donchan922:20150506203656p:plain
最初に絵を描き出すときは、右上の「+」ボタンをタップ。
絵を作成する画面に遷移します。

f:id:donchan922:20150506203702p:plain
すると出てくるのがこの絵を描く画面。
画面下部にたくさんボタンがありますが、僕が使ったのは以下の4つのボタンのみ。

  1. 描画ツール(ペン、消しゴム等)
  2. 取消&やり直し
  3. 保存

これだけで、十分いい感じの絵が描けます。

f:id:donchan922:20150506203704p:plain
絵をアプリ内に保存したら、あとはそれをフォトライブラリ(iPhoneまたはiPadの写真アプリ)に保存しましょう。

上の画像の通り、フォトライブラリに保存したい絵をタップし、画面右上の出力ボタンをタップ。そして、「静止画をフォトライブラリに保存」をタップして完了。

これで、自作の絵をiPhoneまたはiPad内に保存できました。

はてなブログでのトップ画設定方法

PC用

f:id:donchan922:20150507070135p:plain
「ダッシュボード」⇒「デザイン」⇒「スパナマーク」⇒「ヘッダ」⇒「ファイル選択」からトップ画のファイルを選択してください。
また、ブログトップを画像だけにしたい方は、「画像だけ表示」を選択してください。
僕は、余計なテキストを挿れたくなかったので、「画像だけ表示」を選んでいます。

スマホ用

f:id:donchan922:20150507070144p:plain
「ダッシュボード」⇒「デザイン」⇒「スマホマーク」⇒「ヘッダ」まで行ってください。
PC用の画像と違うものを設定したいという方は、「スマートフォン用に画像を設定する」を選択してください。

そして、「ファイル選択」からトップ画のファイルを選択してください。PC用の画像と違うものを設定したいという方は、「PCを同じ画像を表示する」を選択してください。

以上で、はてなブログでのトップ画設定は完了です。

完成イメージはこちらです。
・PC
f:id:donchan922:20150507065644p:plain

・スマホ
f:id:donchan922:20150507065658p:plain

個人的にすごく満足いく仕上がりになりました。

まとめ

f:id:donchan922:20150506164905p:plain
こんな絵でも描いては修正してを繰り返しました。その証拠が上の画像です。*1

久々に絵を描きましたが、楽しいですね。お絵かき楽しいので、皆さんにも是非おすすめします。


アイビスペイントX - お絵かき イラスト ペイント 無料 アプリ

アイビスペイントX - お絵かき イラスト ペイント 無料 アプリ

開発元:ibis inc.
無料

posted with アプリーチ

*1:画像はEvernote内のノートブックをスクリーンショットしたものです。