デザインノウハウ

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

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

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

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

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

一本目:オススメのショートカットキー

オススメのショートカットキー

まずは記念すべき一本目、オススメのショートカットキーに関する動画です。

キーボードのイラストとイラレのツールバーを配置してショートカットを分かりやすく表現しました。

キーボードのイラストは見切れるくらい大きくして、デザインにインパクトを出しています。

二本目:イラレのちょっとしたテクニック

イラレのちょっとしたテクニック

次は二本目、イラレのちょっとしたテクニックについてまとめた動画です。

枠付きの背景に動画の内容に関するモノを配置したシンプルなデザインです。

動画の内容的に、デザインのモチーフが決めづらかったので無難な感じでまとめました。

三本目:イラレの書き出し方法の違い

イラレの書き出し方法の違い

次は三本目、イラレの書き出し方法の違いについて解説した動画です。

イラレの書き出しメニューを背景に、筆文字で力強くキャッチコピーを入れたデザインです。

最初の方だからか、あまり捻らずに直球でデザインしてます。

四本目:画像形式の違い

画像形式の違い

次は四本目、画像形式の違いについて解説した動画です。

紹介する画像形式をYouTubeでよく見るサムネイルを真似した分かりやすいデザインです。

色は逆に目立つかなと思って、素人っぽく配色、画像はGIFの表現が、我ながら秀逸だと思います。

五本目:配色方法の違い

配色方法の違い

次は五本目、RGBやCMYKなど配色方法の違いについて解説した動画です。

テーブルの画像を背景に、立体的な色相環や色見本を配置して動きを出したデザインです。

色見本や色相環は最初は普通に平面で置いていたのですが、寂しい感じがしたので、3D機能で立体にしました。

六本目:デザインをするときの色選びのコツ

デザインをするときの色選びのコツ

次は六本目、デザインをするときの色選びのコツについて解説した動画です。

左下はカラーパレットのような形で、右は実際に色を検討しているような雰囲気でカラフルにデザインしました。

質感を変えたり、影をつけたりして全体が平坦な印象にならないように気をつけています。

七本目:イラレのスウォッチ

イラレのスウォッチ

次は七本目、イラレのスウォッチについて解説した動画です。

スウォッチの画像を大きく配置、初心者向けの動画なので若葉マークを配置した分かりやすいデザインです。

薄緑の背景と若葉マークが優しい雰囲気で気に入ったので、以降は初心者向けの動画は同じ形式で作成しています。

八本目:イラレでデザインを作り始める時の設定

イラレでデザインを作り始める時の設定

次は八本目、イラレでデザインを作り始める時の設定について解説した動画です。

データ作成時のウィンドウは見切れるくらい大きくして、ウィンドウに合わせてタイトルを配置しました。

それだけだと流石に寂しいので、キャッチコピーは縦書きにして変化をつけて全体のバランスをとっています。

九本目:イラレのワークスペース

イラレのワークスペース

次は九本目、イラレの作業時の画面「ワークスペース」について解説した動画です。

ワークスペースのウィンドウをただ並べただけだと、前回の動画と同じようなサムネイルになってしまうと思ったので、背景はデジタルな雰囲気のある画像にして、ウィンドウはワープ効果で変形させて立体的に並べました。

十本目:イラレのパターン

イラレのパターン

最後は十本目、イラレのパターンについて解説した動画です。

動画内で紹介しているボーダー、ドット、和柄の3つのパターンを背景にタイトルを配置したポップなデザインです。

柄を3つも使っているので、タイトルは白背景に文字を置いただけにして全体がうるさくならないように調整しました。

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

今後も定期的にやっていこうと思っているので、サムネイル制作の参考になれば嬉しいです。