BLOGGING

ワードプレスでカッコいい画像をフリー素材だけで作る方法【簡単に作れます】

2019年8月29日

ブログを始めるうえで魅力的な画像も重要なひとつだと思います。

しかしこれがなかなか難しいと感じる人は多いかもしれません。

 

わたしも絵のセンスはゼロで娘に「お父さんお絵かきしよ~」とせがまれてもなかなかうまい絵がかけずに四苦八苦しております。

 

この記事では、そんな絵のセンスがひとつもない素人のひとでも魅力的な画像の作り方を紹介します。

 

準備するもの

準備するものをは以下のとおりです。

  • もととなる画像
  • 画像を編集するソフトウェア
  • WEBサービス

 

もととなる画像

今回は例として、「写真ACという著作権フリーの写真」を利用させていただきます。

 

あなたが良いとおもった画像を選んでください。

 

※なお、無料提供していただいている写真ACでは以下の規約があります。

下記は写真ACの利用規約の抜粋です。

写真をダウンロードした利用者は、商業目的その他目的を問わず、写真を自由に改変、編集および使用することができます。 ダウンロードした利用者が利用することはもちろん、取引先への提供の為に、あるいは教育目的のために、あるいは、広告やパンフレット等の印刷物や、ホームページ等のマルチメディアコンテンツ、映像、ゲーム、ソフトウエア等の構成要素の一部として、使用することも自由です。
ただし、以下の使用方法は禁止されます。禁止事項に違反する利用方法は、弊社の著作権の侵害となりますので、ご注意ください。

 

写真ACでは、このように画像は自由に使ってもよいと明記されているので安心して利用できます。

他サイトでの画像の利用はそのサイトの利用規約に沿った利用をお願いします。

 

画像編集ソフトウェア「PhotoScape」

この編集ソフトはフリーでありながら結構高度なことまでできてしまう優れたソフトウェアです。

 

下記よりダウンロード、PCへインストールしてください。

 

こちらも写真ACと同様、利用規約に注意してください。

まあ、普通に使う分には問題はないです。

 

これで準備が整いました。

 

画像作成の開始

いよいよ、PhotoScapeを使って画像作成に入ります。

 

画像編集

step
1
先ほどインストールしたPhotoScapeを起動しましょう。

下図のように起動出来たら先ほど写真ACなどからダウンロードした画像を読み込みます。

 

step
2
読み込みが完了すると画像が表示されます。

「トリミングタブ」をクリックします。

 

step
3
画像をトリミング(切り抜き)します。任意の大きさに切り抜きましょう。

切り抜き範囲を選択できたら、「トリミング」ボタンをクリックします。

 

step
4
切り抜きが完了しました。

続いて、「オブジェクト」をクリックします。

 

step
5
次にタイトルを入力します。

本ブログのタイトル名は「HAYAMIZ Blog」ですので、デカデカと設定しました。

 

主に設定する箇所は下記になります。

 

フォントタイプ・フォントサイズ・文字色

わたしのサイトの例で説明すると、フォントタイプは游ゴシック、フォントサイズは85、文字色は黒となります。

 

アウトライン

適用にチェックを入れ、好きな色を設定します。わたしのサイトの例では白を選択しています。

 

シャドウ

これは好みですね。シャドウ(影)をつけると立体的でかっこいいイメージになります。

 

step
6
サブタイトルも入力した画像が以下となります。

以下で一通り、完成です。とっても簡単です!

 

step
7
最後に画面右下にある「保存」をクリックして、作成した画像を保存して完成です。

ただ、まだ、少しさみしいなと思いましたので、追加でアイコンを作成します。

 

アイコン作成

Design Evo

 

上記のサイトはWEBブラウザー上でタイトルロゴ作成などがフリーでできてしまう素晴らしいサイトです。英語ではありますが、直感的に操作ができ、英語がわからない方でも安心です。

ちなみにピンとこないであろう英語をまとめました。ご参考にどうぞ。

  • Transparent トランスペアレント:透過する
  • Background バックグランド:背景
  • Layout レイアウト:アイコンや文字の構成
  • Preview プレビュー:画像確認
  • Undo アンドゥ:戻る
  • Redo リドゥ:進む

 

step
1
以下はDesign Evoの画面です。

アクセスが完了すると下図のような画面になりますので、はじめにアイコンサイズを決めます。

デフォルト(初期値)では500×500pxですが、そのままでも良いです。

 

step
2
Search millions of now...の部分にて検索するアイコン名を入力します。

かなり曖昧な部分ですが、わたしのサイトで使っているアイコンでは「RSS」と検索しました。するとアイコンがずら~っと並びますので、お好きなアイコンを選んでください。

難点は、英語で検索しなければならないという点ですね。

 

step
3
アイコンができました。

色が黒いので下記の部分をクリックして、色を選びます。

 

step
4
色の変更が完了しました。

ちなみに「Gradient」を選ぶと、グラデーションをつけることができます。

 

step
5
アイコンが完成したら「Download」をクリックして、ファイルを端末へ保存します。

ダウンロードする際は、DESIGNEVOを宣伝してくださいといったメッセージがでますので、いいなと思ったらぜひ拡散してください。

 

ダウンロードが完了すると、下記の3つの画像データが取得できます。

今回は、3番目のTransparent版を使用します。

 

画像を合成する

PhotoScapeに戻り、PhotoScapeで作った画像とDESIGNEVOで作成したロゴを合成します。

 

step
1
下図の赤枠が示す部分のアイコンをクリックし、「Photo...」をクリックしてください。

 

step
2
先ほどDESIGNEVOで作成し、ダウンロードしたファイルから下記を選択します。

 

step
3
あらたに画像が追加されるので、配置したい場所へアイコンを移動させます。

サイズもこのとき適正なサイズに調整します。

 

step
4
最後に「保存」をクリックして画像を保存して完成です!

おつかれさまでした!!

 

おわりに

すべてフリーで入手、画像編集ソフト等を使って画像作成の手順を書きました。

 

絵のセンスがなくて、ハードルがたかいな~と思っている方でも十分にかっこいい画像は作れます!

わたしのようにセンスのない人間でもできたので、皆さんもできます。

 

ペイントショップなどの画像編集ソフトを使うことでより繊細な画像作成が可能です。

フリーだとやはり限界もあるので、本格的な画像作成には、こういった編集ソフトがあるととても便利ですね。

 

 

参考になれば幸いです。

 

WordPressブログのノウハウを詰め込んだ「WordPress大全」

 

WordPress大全(まとめ記事)はこういうお悩みを持つあなたにおすすめです。

ブログを始めたいけど、どこから手をつけていいのか分からない・・・。

ブログを開設したはいいけど、どんな設定をしていけばいいのかわからない・・・。

ブログの記事を高速化してユーザー満足度を向上させたいけど、むずかしそうで・・・。

 

ぜひWordPress大全をご参考にあなたのブログ運営の手助けになればとてもうれしいです。

日々記事を追加していますので、ぜひブックマークしていつでも参考に出来るようにしておくとグッドですね!

WordPress大全
基礎から学べるWordPressブログ大全!ノウハウをまとめました【保存版】

続きを見る

 

 

こんなに便利。3000万回線契約されているWiMAX!あなたはまさか損していませんよね?

タブレットやノートパソコンはインターネットに接続することができるってご存知ですか?

スタバなどのカフェで使えることは知っていても、場所を気にせずどこでもインターネットを使うことができるってことまではほとんど知られていません。

 

これって驚きですよね!

 

あなたはこんなことでモヤモヤとした気分になったことありませんか?

  • 仕事で自宅に帰れない。でもみたい動画があってなかなか見れずストレスが…。
  • スポーツを生観戦したいけど、スマホだと通信制限が気になって…。
  • 車の渋滞中・移動中の退屈しのぎに動画を家族に見せたいけど、通信制限が気になる…。

 

現代人はとても忙しいです。

動画はそんな忙しいあなたにとって手軽に情報を得ることができる近年重要視されているコンテンツです。

ですが、動画はデータが大きいのでスマホやタブレットはすぐに通信量がなくなってしまいますよね。

 

動画は便利で楽しいコンテンツである反面、スマホで思う存分動画を楽しむには敷居が高すぎます。

 

そこで注目されているのが、WiMAXを利用したモバイルルーターです。

モバイルルーターを利用すれば、家はもちろん、外でもインターネットが使えます。

最大の特長は、スマホのような厳しすぎる通信制限がありません。

 

想像してみてください。

 

あなたはモバイルルーターを契約したことで、、、

  • 好きな動画を仕事の合間に楽しむことができる
  • 大好きなスポーツ観戦がリアルタイムでどこでも観ることができる
  • 渋滞中の車内でも子供にアニメを見せることができる
  • 彼女と身を寄せ合ってひとつのスマホで動画を見る

 

楽しいことしか思い浮かびません。

 

「あ~あの動画見たいのに結局観れなかったなー・・。」といった何で自分だけこんな目に・・・といった悲しい気持ちになる必要もなくなります。

 

WiMAXのモバイルルーターは3000万回線が契約されています。

 

はや
わたしもWiMAX利用者のひとりです。

 

ちなみに契約した理由は、ストレスなく動画を見たかったから。

 

家族で外出することが多く移動中なので、どうしても子供が移動中飽きてしまうことが多いんですよね。

そこではじめはスマホで動画を見せていましたが、これが毎月サクッと通信制限に引っかかるんですよね。

 

もうストレスMAXでした。

 

ですが、WiMAXを契約してからは通信量を気にするストレスから開放されて、ここぞと言うとき躊躇せず動画を見せることができています。

 

はや
見せ過ぎにはもちろん注意しています。

 

動画コンテンツが増えてきた今、あなたは通信量を我慢するあまり有益な情報を見逃している可能性があります。

これってすごくもったいないことです。

 

でも、いきなり契約は・・・と、お考えかと思います。

わたしが6年間使用したWiMAXのモバイルルーターの使用感を記事にしましたので、まずはご覧になってみてください。

 

\ 上手なWiMAX選び /

GMO WiMAX公式はこちら

※ベスト・オブ・WiMAX

 

関連コンテンツ

\ あんなメモやこんなメモも!? /
にほんブログ村 IT技術ブログ IT技術メモへ
にほんブログ村
 

\ 応援お願いします! /

-BLOGGING
-

Copyright© HAYAMIZ BLOG , 2020 All Rights Reserved.