WEB制作 ブログ運営

【簡単】短時間でサムネ、バナーを作る手順!

簡単なサムネ、バナーの作り方!

こんにちは、よしです。

私はこのブログのサムネはできる限りしっかり作り込もうと思っており、時間がある時にサムネ作成をしています。

例えば、

【文系もOK】レバテックルーキーの評判、口コミと使ってみた感想
レバテックルーキーの評判・感想【文系もOK】

続きを見る

のように、サムネだけで内容がわかるように心がけています。

しかし、サムネ作成に時間をかけすぎては本末転倒になってしまいますよね。

そこで今回は簡単に短時間でサムネ作成をする手順について解説していこうと思います。

この記事のサムネを実際に作りながら解説していきます。

【バナー作成ステップ1】入れる情報を決める

まずは、サムネに入れたい情報を決めていきます。

今回は、サムネを簡単に作る手順を解説する記事なので、キーワードとしては

「サムネ」「バナー」「簡単」「短時間でできる」「作成方法」

などの情報を盛り込んでサムネ作成していくことにします。

私は以下のように入れたいキーワードを適当に配置しておきます。

スクリーンショット 2021 08 19 13.48.30

【バナー作成ステップ2】カラーを決める

次に、メインとなるカラーを選んでいきます。

サムネの内容にあったイメージカラーがあればその色をメインにします。

今回は特にイメージカラーは無いのでメインカラーは赤にしていこうと思います。

【バナー作成ステップ3】使用する写真、イラストを決める

文字だけのサムネイルとイラストや写真を使ったサムネイルがありますが、私はよくアイソメトリックのイラストを使用しています。

アイソメトリックとは、物体を斜め上から移した立体的なイラストのことを指します。

海外風なサイトやモダンなwebデザインによく使用されるおしゃれな素材が多いのでおすすめです。

数はそれほど多くありませんが、ISOMETRICというサイトで無料・商用利用可のイラストが配布されています。

SVG,PNG両方の画像が配布されるので環境に合わせてさまざまな用途で使用できます。

【バナー作成ステップ4】要素の優先順位をつけ、配置を決める

入れるキーワード、使用するイラストが決まったら、それぞれの優先順位をつけます。

サムネやバナーは、見て2秒で内容が理解できるようにする為、優先順位をつけ、情報の強弱をつけることは大切です。

今回のキーワードは、

1、サムネ、バナー作成方法

2、短時間でできる

3、簡単作成

のような優先順位をつけました。

優先順位が決まったら、それに応じたフォントサイズフォントの種類を選び、先ほど選んだイラストと配置します。

スクリーンショット 2021 08 19 14.37.09

【バナー作成ステップ5】フォントを装飾する

フォントのサイズ、位置が決まったら、フォントを目立つように装飾していきます。

アピアランスでフォントの縁取りをしたり、ドロップシャドウやあしらいをつけることで目立たせたい部分を強調していきます。

スクリーンショット 2021 08 19 14.48.11

【バナー作成ステップ6】フォントをさらに目立たせる、背景にあしらいをつける

ステップ5までで基本的なサムネ作成は完成しました。

しかし、個人的に少し物足りなさを感じてしまいます。

一番優先順位が高い「サムネ、バナー作成方法」の部分をもう少し目立つようにしていきます。

また、背景がシンプルすぎるので、フリー素材のあしらいを薄く入れておきます。

完成!!!

スクリーンショット 2021 08 19 14.55.41

まとめ サムネ作りを楽しもう

いかがでしたか?

今回は実際にブログのサムネを作りながら、短時間でサムネ作成ができる方法を解説していきました。

一度作り方がわかると、基本的には同じような流れで作っていくことができるので短時間でサムネ作成ができるようになります。

ブログのサムネを自作することで、デザインの勉強にもなるし、何より結構楽しいです。

ブログ運営をしている人は自作サムネに挑戦してみてはいかがでしょうか!

それでは!

no image

WEB制作

2022/1/12

【メンタリングがいらない人向け】テックアカデミー「はじめての副業コース」のLiteプラン

no image

仮想通貨 NFT

2022/1/5

【簡単】コインチェックで仮想通貨を購入・MetaMaskに送金する手順

no image

NFT 仮想通貨

2022/1/5

【2022年】メタマスクの使い方・送金方法を徹底解説【初心者でも簡単】

no image

仮想通貨

2022/1/24

【実体験】仮想通貨初心者にコインチェックがおすすめな理由

no image

仮想通貨

2022/1/24

【2022年】コインチェックの口座開設方法を5段階で解説

no image

NFT

2022/1/6

【バズるコツも紹介】NFTギブアウェイ(Giveaway)のやり方とメリット・デメリットを解説

no image

仮想通貨

2022/1/6

Hi Dollars(ハイダラーズ)アプリのマイニングで仮想通貨を貰おう【無料でゲット】

no image

NFT

2021/12/30

NFTエアドロップの受け取り方・送り方を解説【初心者でも簡単】

no image

NFT

2021/12/26

NFTアートが売れないときの対処法と稼ぐコツ【今すぐできる】

no image

NFT

2022/1/5

OpenSeaでのNFTアートの作り方【出品手数料やガス代も解説】

no image

WEB制作 プログラミング

2021/12/21

分割払いできる?デイトラの支払い方法を解説!【結論:カード使えば分割可能】

no image

プログラミング

2021/12/7

【退会料はかかる?】レバテックルーキーの退会方法【他のIT就活サービスも紹介】

no image

WEB制作

2021/12/5

デジタルハリウッドSTUDIO by LIG(Webデザイナー専攻)の学習内容と評判【2021年最新】

no image

NFT

2022/1/24

【NFTアートの作り方】おすすめアプリやツールを紹介!

no image

WEB制作

2021/12/4

CodeCamp/コードキャンプ(デザインマスターコース)の内容と評判

no image

WEB制作 ブログ運営

2021/12/12

WEBMARKSの評判・口コミと学べる内容【SEO特化型スクール】

no image

WEB制作 wordpress

2021/12/8

デイトラのWebデザインコースとWeb制作コースの違い【評判や内容を比較】

web制作 稼げない人の特徴

WEB制作

2021/11/16

【Web制作】稼げない人の特徴と稼ぐための対策

no image

WEB制作 ブログ運営 プログラミング

2021/12/20

評判はどう?ZeroPlusの口コミと学べる内容【プログラミングスクール】

no image

大学生

2021/12/13

【いつまで続ける?】大学生がバイトを辞める時期と円満に辞める方法

-WEB制作, ブログ運営

© 2022 よしブログ Powered by AFFINGER5