デザインノウハウ

こんな感じで作りました!動画サムネイルデザイン一言解説〜その3〜

当サイトはアフェリエイト広告を利用しています
ユウ
ユウ

僕のYouTube動画のサムネイルデザイン解説だよ!

同じ内容のYouTube動画はこちらから!

僕の動画のサムネイルデザインを簡単に解説します。

二十一本目:イラレの画像の基本

イラレの画像の基本

まずは二十一本目、イラレで画像データの配置方法や、画像のリンクについて解説した動画です。

机とカメラのイラストをフラットに作成、カメラのレンズに映り込んでいるような形で若葉マークを配置しました。

若葉マークは少し魚眼レンズ効果をつけて、映り込んでいるような雰囲気を強めました。

二十二本目:クリッピングマスクで画像を切り抜く方法

クリッピングマスクで画像を切り抜く方法

次は二十二本目、画像をクリッピングマスク機能でくり抜く方法について解説した動画です。

四角形オブジェクトをいくつかランダムに配置、重なっている部分だけ画像が見えるようにしたデザインです。

画像は不透明度を下げているので、四角形が重なっている部分は他の場所より濃く見えるようになっています。

二十三本目:イラレの画像トレース機能の使い方

イラレの画像トレース機能の使い方

次は二十三本目、イラレの画像トレース機能について解説した動画です。

通常の画像と、イラレでトレースした画像を比較配置したシンプルなデザインです。

画像は飾り枠を使って額縁のような雰囲気で仕上げています。

二十四本目:イラレのパッケージ機能の使い方

イラレのパッケージ機能の使い方

次は二十四本目、イラレのパッケージ機能について解説した動画です。

パッケージという言葉から連想して、ダンボールをモチーフに作成したデザインです。

単純な四角形と立体のダンボールを使うことで、デザインに奥行き感を出しています。

二十五本目:イラレの文字ツールの基本

イラレの文字ツールの基本

次は二十五本目、イラレの文字ツールの使い方について解説した動画です。

「Aa」で文字ツールを表現しつつ、周囲に色んなフォントで書いたテキストをカードのような形で散らしました。

最初は若葉マークを逆さにして「A」に見せていたのですが、分かりにくかったので結局こうなりました。

二十六本目:文字のカーニングとアウトラインについて解説

文字のカーニングとアウトラインについて解説

次は二十六本目、文字のカーニングやアウトラインについて解説した動画です。

枠上にベタ打ちしたテキストを、枠内にカーニングとアウトラインでデザインしたテキストを配置しました。

テキスト自体がサムネイルのキャッチコピーになっているという、無駄のないデザインです。

二十七本目:イラレのパス上文字ツールの基本

イラレのパス上文字ツールの基本

次は二十七本目、イラレのパス上文字ツールについて解説した動画です。

パス上文字ツールの代表的な使い方、円と波線に沿わせたテキストを使ったシンメトリーなデザインです。

円はグラデーションでメダル風にあしらっています。

二十八本目:下線文字を使いやすくする小技紹介

下線文字を使いやすくする小技紹介

次は二十八本目、イラレの下線付きの文字を使いやすくする小技を紹介した動画です。

ノート風の背景に自作の蛍光ペンのフラットイラストを使って下線文字を表現しました。

こういう簡単なイラスト素材ならいちいち探すより自作してしまった方が早かったりします。

二十九本目:飛び出す文字の作り方

飛び出す文字の作り方

次は二十九本目、イラレで立体感のある飛び出す文字を作る方法について解説した動画です。

飛び出す文字をただ配置するだけだと躍動感がなかったので、漫画の効果線を使って強調しました。

キャッチコピーも吹き出し形の枠を使ってコミック風のデザインに寄せています。

三十本目:素材感を出すテクニック紹介

素材感を出すテクニック紹介

最後は三十本目、イラレで大理石とか木といった素材感を出すためのテクニックについて解説した動画です。

素材感をデザインで表現するアイデアが思いつかず、結局、背景に文字を大きく配置しただけのデザインになりました。

一応全体にザラザラ感を出して素材感をプラスしていますが、パッと見て分かりにくいデザインになってしまいました。

ということで、僕の動画のサムネイルデザインを二十一本目から三十本目まで解説しました。

サムネイル制作の参考になれば嬉しいです。