Just another WordPress site

フリーで簡単にブログのトップ画像を作る【いらすとやとToyViewer】

f:id:Macky1991:20190827112411p:plain

 

どうもこんばんわ。

 

先日今まで見続けていた海外ドラマ「THE BOYS」の最終回を観終えてしまい

制作中のシーズン2の公開が待ち遠しい1日を過ごしてました(汗)

 

ブログのトップ画像を作る

 

用意に手間取るブログのトップ画像

 

ブログのトップ画像やらなんやら

見つけたり作ったりするの大変だと伺います。

実は私もブログを始めた当初は大変だと思いまして

ブログのトップ画像のほとんどがスクリーンショットで済ませてます。

しかし、記事の顔となる大切な画像なので

記事によってはよりオリジナリティあるものを使って印象付けたいものもあります。

そこで今回は先日紹介した画像編集機能を備えたフリーソフト「ToyViewer」と

イラストのフリー素材を提供している「いらすとや」を使用して

フリーで簡単に作るので解説していきます。

 

製作するブログのトップ画像

 

www.macky1991.jp

 

今回製作するブログのトップ画像はこちらの記事にします。

パイソンのインストールサイトをスクリーンショットしただけなので地味ですね(汗)

 

イラストのフリー素材「いらすとや」

 

www.irasutoya.com

 

児童向けの教科書や紙芝居、絵本などに使用されているような絵柄のイラストが

フリー素材として利用できるこちらのサイトは日々新しい素材が追加されていくため

多種多様な素材で溢れておりとても活用性の高いサイトとなってます。

 

f:id:Macky1991:20190827115412p:plainf:id:Macky1991:20190827115742p:plain

 

今回はpythonをインストールする過程を題材にした記事なので

ヘビプログラマーのイラストを拝借します。

 

f:id:Macky1991:20190827120007j:plain

 

このふたつだけでは寂しいので背景は電脳空間を使用します。

 

合成は「プレビュー」でする

 

f:id:Macky1991:20190827120614p:plain

 

「いらすとや」から画像をダウンロードしたら早速画像編集に取り掛かります。

合成したい画像を開きます。

 

f:id:Macky1991:20190827120905p:plain

 

背景に載せたい画像をマウスで囲み「command」キーと「C」キーを同時押ししてコピーします。

コピーしたら背景の上で「command」キーと「V」キーを同時押しして貼り付けをします。

貼り付けたら画像の位置と大きさを調整します。

他の画像も同じ手順で貼り付けます。

 

f:id:Macky1991:20190827121846p:plain

 

背景に画像を合成したら保存します。

 

文字を入れるための半透明の背景を加える

 

これでもインパクトはるかも知りませんが

なぜ電脳空間にヘビとプログラマーがいるのか意味がわからない画像になってしまいます。

なので記事のタイトルを入れてみたいのですが

そのまま入れると読みづらくなるとことがあります。

テキスト用の背景を画像編集のフリーソフト「ToyViewer」で行います。

 

f:id:Macky1991:20190827122711p:plain

 

「ToyViewer」で画像を開いたら「特殊効果」の「ノイズ・モザイク」をクリックします。

 

f:id:Macky1991:20190827123217p:plain

「Tool Panel」ウィンドウが表示されました。

半透明の背景を入れたい範囲をマウスで囲みます。

これであとは「塗りかさね」を押すのですが

黒の半透明だと暗くなるので塗り重ねる色を変えます。

 

f:id:Macky1991:20190827123723p:plain

 

黒い四角をクリックすると「カラー」ウィンドウが表示されるので変えたい色に設定します。

「python」のアイコンをイメージして今回はオレンジにしてみます。

 

f:id:Macky1991:20190827123925p:plain

 

いい感じに半透明のテキスト用背景ができました。

今回はブログタイトルにちなんで「python01」という名前で「png」の保存形式で保存しました。

 

f:id:Macky1991:20190827124551p:plain

 

テキストは「プレビュー」で追加してあげてブログのトップ画像は完成です。

 

この作業は10分もかからないほど非常に簡単にできましたので

ブログトップ画像に悩まれたらフリー素材とフリーソフトを駆使して作るのもいいかかも知りません。

 

ここまでお読みいただきありがとうございます。

次回の記事をお楽しみに。

コメントを残す

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