
作例をご覧ください。グラフィックスタイルでデザインできるので、ノンデザイナーでもサムネイル作成を楽しみながらIllustratorとPhotoshopの操作も含めて学べます。
サムネイルとはなにか?YouTubeでも重要なサムネイルについて理解できます。
【ヘルプ】動画が再生できない、音が聞こえない、ダウンロードできない場合
ダウンロードファイルを別名保存して練習用ファイルを作成します。
テンプレートのレイヤーの構造が理解できます。
イラレの文字ツールに隠れている便利なショートカットキーとその具体的な使い方がわかります。知ってるとかなり重し作業時間が劇的に短縮されます。
文字レイアウトにはコツがあります。わかりやすくレクチャーします。
写真配置にはコツがあります。具体的なやり方を実例でレクチャーします。
文字を拡大縮小する時のコツをレクチャーします。
グラフィックスタイルの使い方をレクチャーします。
文字を一部だけ小さくする方法です。これにより「メリハリの強いサムネイルデザイン」を実現します。
メリハリを強くしながら楕円形のグラフィックスタイルを適用するレクチャーです。
ベースラインシフトと欧文ベースラインの使い方です。
整列のコツがわかります。
アウトライン不要で文字を自由に変形できる「文字タッチツール」の使い方がわかります。
文字を詰める「アキなし」の適用方法の実演です。
別名保存しサムネイル作成を完成させましょう。
WEB書き出しでJPEG保存する方法。
ノックアウトテンプレートを別名保存します。
Photoshopで画像解像度を最適化する方法です。
イラレにリンク画像を配置する方法です。
グラデーションマスク適用と解除方法のレクチャーです。Illustratorに配置した写真画像の「つなぎ目」をなじませる方法がわかります。
イラレからWEB書き出しで「JPEG保存」する方法です。この方法で高画質JPEG画像を作りましょう。
背景を透明PNGで書き出す方法がわかります。Adobe Premiere Proなどで便利な「背景が透明な画像」を作ることができるようになります。これを知ってると動画タイトルや動画テロップ作成にも応用できます。
アピアランスのカスタマイズ方法がわかります。これにより、グラフィックスタイルを自分好みに改造して使うことができるようになります。
ダウンロードしたファイル内容(リソース)の確認方法。テンプレート.aiデータを別名保存し練習用のイラレファイルにする流れがわかります。
イラレのグラフィックスタイルでワンクリックにてサムネイルのタイトル文字をデザインする方法。
イラレでキラキラのパターンブラシを適用します。その使い方がわかります。
サムネイルデザインで利用するベクターIllustratorについての解説です。著作権フリーです。ご自由にお使いください。
拡大縮小ツールと手のひらツールの使い方がわかります。
イラレに写真をリンク配置する方法と、キーボード入力による移動操作での細かいレイアウト方法がわかります。
細かなレイアウトが簡単かつ正確にできるようになります。
イラレの単位を即席で変更する裏技がわかります。複数の単位を使い分ける時もこの方法で楽に対応できます。
サムネイル作成イラレテンプレートファイルの「デザイン確認用レイヤー」についての解説です。
便利なテンプレートの使い方を理解することで効率的なデザインが可能になります。
イラレで編集しながらサムネイルデザインの「仕上がり結果」を確認する(トリミング表示の使い方と特定レイヤーを印刷、WEB書き出ししない)方法がわかります。知っていると超便利です。
アートボードの外側にあるデータが行方不明にならない基本操作がわかります。イラレ初心者の方は特に重視して作業してください。
タイトル文字デザインは「ポイント文字」と「エリア内文字」の使い分けが大切です。
具体的なやり方をまるごとお見せします。
イラレのレイヤーロックとピンポイント移動のやり方法がわかります。
レイヤーとレイヤーの間を自由に選んでいるオブジェクトだけ移動させることができます。
イラストレイアウトと「ベタ打ち」についての解説です。
文字ツールオプションのメニュー表示方法がわかります。
メリハリと欧文ベースライン、ベースラインシフトについての解説です。
文字詰め、オプティカル、メトリクスの使い方がわかります。
カーニングとトラッキングでの文字詰めのやり方とコツがわかります。
グラフィックスタイルの使い方。ベタ打ちの単なる文字を「サムネイルタイトル」に適したデザインにする方法がわかります。
レイアウトをチェックする方法です。余白もガイドで確認し適切に微調整できるようになります。
ベクターの線画イラストを拡大縮小する時に、線幅を自由に拡大縮小する裏技がわかります。
線幅を最適化して自分の好みの太さに修正しながらレイアウトできるようになります。
キラキラの効果をパターンブラシで簡単に適用する方法がわかります。
WEB書き出し(WEB用に保存)で究極キレイにサムネイル画像を作る方法がわかります。
テンプレートの使い方がわかります。
イラレでの「縦組み文字」と「横組み文字」の作り方がわかります。
イラレで「文字組み方向」を後から変える方法がわかります。
イラレで「縦組み文字」をアクション化する方法がわかります。
作成したアクションを登録する方法がわかります。
さきほど作成したアクションを使って組方向をショートカットで変える方法がわかります。
アクションセットを保存する方法です。
アクションのウィンドウの左側にチェックを入れているかを確認しましょう。
テンプレートデータの解説。そして別名保存で練習用ファイルを作成する方法です。
イラレのグラフィックスタイル、文字情報をリセットする方法がわかります。
グラフィックスタイルやアピアランス情報、文字情報を一発で消去できるようになります。
Photoshopで画像の解像度変更を行い.psd形式で保存します。
イラレにPhotoshop画像をリンクで配置する方法です。いつでも自由にPhotoshopで編集加工できる状態になります。
リンク画像の配置レクチャーです。
リンク配置のメリットデメリットおよび注意点がわかります。
埋め込め画像のメリットとデメリットがわかります。
【Photoshop】カンバスサイズの基準位置とサイズ変更方法の解説。
写真画像を望むサイズに変更できるようになります。
【Photoshop】コピースタンプツールの使い方レクチャーです。
【Photoshop】スポット修復ブラシと指先ツールの使い方のレクチャーです。
【Photoshop】画像解像度変更とPSD保存を行います。
地球をイラレに配置しましょう。
レイヤー内でデータをピンポイント移動させる方法です。
文字レイアウトをおおざっぱに実行します。
文字装飾デザインを進めます。
パターンデータサイズを目視で微調整する方法がわかります。
WEB保存でJPEGを書き出しましょう。
【予備】Udemyからリソースをダウンロードできない場合は下記をクリック
テンプレートの解説です。
練習用データを作成します。
文字をおおざっぱにレイアウトしましょう。
Photoshopで解像度を変更しましょう。
写真レイアウト、アートボード整列の使い方です。
グラフィックスタイルを適用してサムネイルのタイトルを装飾しましょう。
改造したアピアランスをグラフィックスタイルに登録する方法がわかります。
数値入力で文字に角度をつける方法がわかります。
Photoshopでレイヤーマスクで写真画像をマスクする方法がわかります。
写真をキーオブジェクトに整列させる方法がわかります。
ガイドで位置を微調整するときのコツがわかります。
WEB書き出しでJPEGにしましょう。これで完成です!
このセクションで学ぶ内容の解説です。まず目的が存在しそれを実現させる手段としてデザインが必要になります。目的を明確にし手段としてデザインを研ぎ澄ませて鋭く目的に切り込みましょう。
サムネイルがクリックされる確率(CTR)について理解できます。
サムネイルデザインの重要指標「インプレッション」について理解できます。
SEO対策を行うことで動画タイトルで勝つ具体的方法がわかります。
YouTubeで実際に行ったテスト結果を公開します。
ボーナスレクチャー
■ 受講条件
この講座は「超初心者用Adobe Illustrator使い方講座」の続編です。初心者の方は受講しないでください。Adobe Illustrator、Adobe Photoshopの基本操作のできる「上級者用」のコースです。
※Illustratorの操作技術とノウハウを網羅した「超初心者用Adobe Illustrator使い方講座」を先に受講してから当講座に挑戦してください(詳細はわたしのプロフィールを参考)。
■ コース内容
自由度の高いサムネイル作成は「デザイン入門」に最適です。
Photoshopを使ったサムネイルデザインに「面倒」と「難しさ」を感じる
サムネイルデザインが「ワンパターン」になってしまう
Illustratorでサムネイル作成する時、「写真」を上手に組み合わせることができない(Photoshopと併用できてない)
デザインに自信がない
作業を効率化して生産性を高めたい
上記に該当する方は当コースに最適です。
フォトレタッチ作業だけPhotoshop CC。その他の作業は、Illustrator CCで行います。
そして、作業を効率化させるアピアランアス、グラフィックスタイル、ブラシ、スウォッチデータデータを使います。
それにより文字を入力するだけで「袋文字」や「ノックアウトデザイン」も一瞬でできるようになります。ブラシでなでるだけでキラキラをつけることもできるようになります。
当講座はテンプレートごとワンセットで付いてきます。素材付きの「テンプレ」データからサムネイルデザインがスタートできます。
素材データは完全オリジナルです。商用利用も含め自由にお使いください。