SHIINBLOG

ウィリスの宇宙交信記

超絶怒涛のスーパーミラクル雑記ブログ

ブログアイキャッチ作成!Macで画像文字入れするならSkitchが使いやすい!

【スポンサードリンク】

f:id:uxirisu:20170912041452p:plain

どうも!ウィリスです

 

みなさんブログのアイキャッチってどうしてますか??

アイキャッチっていうのはブログがこんな感じで表示される時についてくる画像のことです

 

www.uxirisu.tokyo

 

これだと手がいっぱいある画像がアイキャッチってことですね!

そこには文字がついています

 

 

このアイキャッチ一つのデザインでブログへのアクセス数が全然変わってくることが知られてるんです

その工夫の一環としてアイキャッチに文字を入れるという手法がよく取られています

 

今日は画像に文字を入れる方法を紹介します!

 

 

Skitchとは

f:id:uxirisu:20170912035523p:plain

今回使用するのはSkitchというソフトです

かなり感覚的にわかりやすく使えるソフトでパソコンに詳しくない人にもおすすめです!

最低限使う機能を使いやすさ重視でまとめ上げた感じですね

 

無料で使えますが、現在Macでしか配信していません

昔はWindowsもありましたが今は廃止されているようです

 

 

インストール方法

f:id:uxirisu:20170912035921p:plain

Skitchのホームページに行ってソフトをダウンロードしましょう

Skitch ダウンロード

 

zipというデータ形式でダウンロードされます

おそらく「Finder」の「ダウンロード」に保存されるので、ダブルクリックで解答しましょう

 

すると、Skitchアプリが出現します

f:id:uxirisu:20170912035804p:plain

 

このアプリは「Finder」の「アプリケーション」に入れておくと良いでしょう

ドロップアンドドラックで「ダウンロード」から「アプリケーション」に移動させておきます

 

f:id:uxirisu:20170912035842p:plain

 

これでいつでもSkitchを使えるようになりました!

 

使い方

Skitchのアプリをダブルクリックすることでソフトを使用できます

f:id:uxirisu:20170912035952p:plain

開けると次のような画面が登場します

f:id:uxirisu:20170912035707p:plain

 

画像を開く

文字入れをしたい画像を選択して

Skitchに読み込ませましょう

 

今回は例としてこの画像を使用することにします

f:id:uxirisu:20170912040016j:plain

 

画像をSkitchにドロップアンドドラックするだけでOKです!

 

f:id:uxirisu:20170912040109p:plain

これで編集できるようになります

 

 

文字を入れる

文字を入れるには「a」という左サイドバーにあるボタンをクリックします

f:id:uxirisu:20170912040201p:plain

 

するとテキスト入力する枠が登場します

ここにキーボードでそのまま文字を入力します

f:id:uxirisu:20170912040236p:plain

 

ここではこんな風に書いてみました

f:id:uxirisu:20170912040250p:plain

 

 

 

色を変える

左サイドバーの色選択ボタンをクリックすることで文字の色変えることができます

f:id:uxirisu:20170912040359p:plain

 

色の種類は次のような8種類から選べます

f:id:uxirisu:20170912040319p:plain

(一番下の虹色ボタンはより多彩な色を選択できるボタンです)

 

試しに、「青色」を選択してみましょう

このようになります

f:id:uxirisu:20170912040419p:plain

 

ちなみに一番下の「虹色」ボタンは任意の色を選択することができます

f:id:uxirisu:20170912040447p:plain

これをクリックするとカラーパッドが現れ、色を好きなように変えることができます

f:id:uxirisu:20170912040501p:plain

円状の気になる色の部分をクリックし、その下のスライドバーで明度を調節します

 

 

文字のスタイルを変える

文字部分をクリックするとこのような枠が現れます

その中でも下画像のような「a」というボタンをクリックすると

f:id:uxirisu:20170912040639p:plain

文字周辺の白い枠が消えます

f:id:uxirisu:20170912040640p:plain

 

ブログのアイキャッチを作る際は、白い枠はあった方が良い場合が多いです

背景画像にまぎれて文字が見えにくくなるのを防止する効果があります

 

大きさを変える

サイドバーの一番下のボタンをクリックすると文字の大きさを変えることができます

f:id:uxirisu:20170912040733p:plain → f:id:uxirisu:20170912043542p:plain

 

ちなみに一番小さいものをクリックするとこのようになります

f:id:uxirisu:20170912040756p:plain

一番大きいものを選択すると次のようになります

f:id:uxirisu:20170912040810p:plain

 

しかし、これでは

任意の大きさの文字にできませんよね・・・

 

毎回決まった大きさを選択できるというメリットはありますが

やはり自在に大きさ変えたい時もあるでしょう

 

そんな時は文字枠右下の●をクリックしたまま引き伸ばしことで

文字の大きさを変更できます

f:id:uxirisu:20170912040918p:plain

 

文字を思い通りの大きさにすることができました!

f:id:uxirisu:20170912040936p:plain

 

あとは、文字をクリックしたまま好きな場所に移動させることができます

 

ということで、このような完成図になります!

 

f:id:uxirisu:20170912041029p:plain

 

保存する

最後に保存の仕方です

画面左上に「ファイル」というタグがあるのでクリックします

f:id:uxirisu:20170912041111p:plain

 

「エクスポート」を選択します

f:id:uxirisu:20170912041134p:plain

あとは、保存場所、保存形式を選択すればOKです!

 

 

まとめ

f:id:uxirisu:20170912035523p:plain

 

以上、Skitchの紹介と使い方でした! 

 

ちなみに、SkitchをインストールしなくてもMacにデフォルトで入っているソフトで画像に文字入れする方法も紹介しています

こっちは文字周りに白い淵をつけれませんが簡単です!

www.uxirisu.tokyo