5分でできるランキングバナーのカンタンな作り方を大図解

2016-09-29 23:59:03

カテゴリー:パワーポイントの使い方

有希です。

ブログへのご訪問、ありがとうございます^^

 

 

本日は、前回動画でご紹介した

おしゃれなバナーの作り方を画像でご紹介します^^

 

テキストで解説していますが、細かなところまでは書ききれませんので、

動画の補助資料として見てください。

 

 

前回の記事はコチラ。動画もコチラからどうぞ。

パワーポイントなら5分でカンタンおしゃれなバナーの作り方

自分でオリジナル・バナーを作ることはカンタンです。

特別なツールを使わなくても、

おもしろいくらいカンタンに作れるんです。

 

 

慣れたら1つのバナーくらい、

5分程度でできちゃいますよ^^

 

 

 

┃おしゃれなバナーをササッと自分で作る方法

 

 

(1)まずはバナーに使う写真やイラストを選びます。

無料素材サイトなどから選んでもいいし、

自分で撮った写真やイラストを使ってもいいですね。

 

無料素材サイトなら、たとえばココとか。

ハイクオリティな写真がたくさんありますよ。

Pixtabay

 

このチョウチョはpixtabayで選んでいます。

背景がチェック模様のように見えますが、背景は無いです。

↓   ↓   ↓

makebanner001

 

気に入ったものを見つけたら、いくつかダウンロードして

ストックしておいてもいいですね。

 

 

 

 

(2)パワーポイントを起動して新規ページを開き、ダウンロードしたイラストや写真をコピペします。

大きさはあとで変更するので、適当な大きさで大丈夫です。

makebanner002

 

 

 

 

(3)書式のタブを選び、イラストの枠の形を決めます。

makebanner003

 

 

 

 

 

(4)「図ツール・書式」から「色」を選ぶと、イラストの色を

変更することができます。

makebanner005

 

 

 

 

(5)「図ツール・書式」の右下の▼をクリックすると、図形の書式設定が開きます。

背景の色を選んだり、影をつけるなどの設定ができます。

makebanner006

 

 

 

 

(6)図の書式設定から、塗りつぶしを選びます。

塗りつぶすスタイルにもいくつかパターンがありますが、

今回は単色で塗りつぶしています。

makebanner007

 

 

 

 

(7)単色で塗りつぶすには、下の画像の黄色い◯で囲んだ

箇所をクリックすると、色のパレットが出てきますので、

好きな色を選んでください。

makebanner008

 

上の図の右下、「その他の色」をクリックすると、

↓「色の設定」というウィンドウも出てきます。コチラからも選べます。

 

makebanner009

 

 

 

 

(8)一度決めた色の透明度を変更すると色の濃淡を変えられます。

「図の書式表示」⇒「影」⇒「透明度」で変更してみてください。

 

makebanner010

 

 

 

(9)「ポチッとお願いします」などのテキストを入れる場合は、

「挿入」のタブを選び、テキストボックスをクリック、

横書きテキストを選びます。

makebanner011

横書きテキストを選んだら、余白の何もない部分をクリック。

するとテキストボックスが出てきます。

 

たとえば「ぽちっとお願いします」と入力し、「描画ツール・書式」から、

「文字の塗りつぶし」で文字色を変えたり、「文字の輪郭」で

文字の枠線を入れることができます。

makebanner012

 

 

文字のスタイルが決まったら、文字を入れたテキストボックスを

ドラッグして、イラスト画像の中に移動します。

 

 

 

 

(10)イラストの画像と、テキストボックスをグループ化して、

ひとつの画像にします。

makebanner013

イラスト画像を選択した状態で、controlキーを押しながら、

テキストボックスをクリック。

すると2つとも選択されますので、「図ツール・書式」のタブを選択、

メニューから「グループ化」してください。

 

 

 

 

(11)これでバナーの形は完成です。

イラストを右クリックして「図として保存」を選び、jpgで保存します。

makebanner014

 

 

あとはサイズを変更するだけです!

 

サイズを変更するには「ペイント」というフリーソフトを使います。

どのパソコンにもほとんど入っている基本的なソフトです。

 

パワーポイントでは画像の大きさを「センチ」表記しかないので、

ペイントを使ってピクセルのサイズを使って変更します。

 

「センチ⇔ピクセル」の換算表もありますが、

ペイントで余白を切ることもできますので、

ペイントを使って処理しましょう。

 

 

 

 

(12)ペイントを起動し、保存したイラスト画像を開きます。

おそらく大きく表示されると思います(汗)

makebanner015

ペイントの右下にスライドバーがあるので、%の値を小さくすれば、

見た目の大きさを変えることができます。

 

 

 

 

(13)実際のサイズ変更は、サイズ変更をクリック。

makebanner016

 

 

 

 

(14)サイズ変更から「ピクセル」を表示させて、変更してください。

makebanner017

 

 

 

↓このバナーは、白い余白部分を入れて横250ピクセルです。

大きさの参考にしてください。


人気ブログランキングへ

 

 

 

 

サイズを変更したらバナーは完成!!

 

 

あとはランキング・サイトへ登録すれば、

ランキングバナーとして使えます。

 

 

ぜひ作ってみてくださいね^^

 

 

本日は以上になります。

最後まで読んで頂き、ありがとうございました。

 

 

 

記事がお役に立ちましたら、

チョウチョ・バナーをポチしてただけると、

大喜びします^^

 

↓   ↓   ↓

 


人気ブログランキングへ

このエントリーをはてなブックマークに追加 
 

コメント

ダイエット食品