Photoshopでストーリーボードを作成する方法

Photoshopのストーリーボード
(画像クレジット:Mark Evan Lim)

Photoshopでのストーリーボードは、アイデアをマッピングするための優れた方法です。このワークショップでは、レイヤーコンプと、このPhotoshopツールがストーリーボードのワークフローと編成を高速化するのにどのように役立つかについて学習します(ただしこれに限定されません)。私の目的は、このメニューセットを強調し、レイヤーコンプがどのように機能するかを説明し、それらを試してみるように説得することです。このワークショップは、サムネイルとストーリーがロックされており、図面に飛び込む準備ができていることを前提に開始します。

レイヤーコンプは非破壊的であることを知っておくことが重要です。いつでも削除して、ペイントしたときと同じようにレイヤーを作成できます。これらは主に、レイヤーを異なる方法で表示する目的で使用されます。始める前に、ここでは5つのパネルのストーリーを使用しますが、ストーリーに必要な数のレイヤーコンプを作成できます。

クラス10SDカードのベストバイ

さらにヒントやコツが必要な場合は、 Photoshopチュートリアル 、そして私たちをチェックしてください 描き方 レッスン。



01.ドキュメントを設定します

Photoshopのストーリーボード

(画像:Mark Evan Lim)

サムネイルとスクリプトの準備が整いました。今度は描画を開始します。私は通常、アスペクト比を確立することから始めます。開始する前に、プロジェクトまたは割り当ての要件を確認することをお勧めします。このワークショップでは、1,080 x 720で作業します。これは、ほとんどのアニメーションプロジェクトでかなり一般的な解像度です。キャンバスが設定されました。今度は描画します。

Layer Compsツールの最も優れている点は、作業方法に対応できることです。気に入らない場合は、フォルダ内にフォルダを追加しないでください。それは完全にあなた次第です。例として、ストーリーボードプロジェクトからの抜粋からの5つのパネルを使用します。 Layer Compsツールを使用すると、単一のPhotoshopファイル内で複数のレイアウトを作成、管理、および整理できます。各レイヤーコンプは、表示されている現在のレイヤーのスクリーンショットと考えてください。

02.テキストを追加して、描画を開始します

Photoshopのストーリーボード

(画像:Mark Evan Lim)

次のステップはオプションですが、ストーリーにセリフがある場合は、通常、使用する可能性のあるテキストや効果音のために、下部にある黒い長方形をブロックします。ここから、iPadからサムネイルを取り込み、クリーンアップを開始します。図面をクリーンアップするとき、私は通常、レイヤーを後ろから前(後ろ、中、前景)に分割します。整理された状態を保つことが重要です。これは、後でレイヤーコンプに役立ちます。

03.線画のレイヤーを追加します

Photoshopのストーリーボード

(画像:Mark Evan Lim)

ここでは、Line、Tone、Dialogueの各レイヤーを配置します。必要に応じて、ポーランドのレイヤーを追加するなど、レイヤーを追加できます。ショットをレイヤードケーキのように考え、ラインワークからトーンまで徐々に積み上げていくのに役立ちます。次に、レイヤーコンプを作成します。

イラストレーターでパターンを作成する方法

04. LayerCompsウィンドウを探索する

Photoshopのストーリーボード

(画像:Mark Evan Lim)

Photoshopのトップツールバーで、[ウィンドウ]> [レイヤーカンプ]をクリックすると、ウィンドウがポップアップ表示されます。これは、ショットとシーンを管理および整理できるレイヤーコンプウィンドウです。このツールを使用すると、ショットの再配置、内訳のテスト、編集をすべて1つのパネルから柔軟に行うことができます。

05.最初のレイヤーを作成する

Photoshopのストーリーボード

(画像:Mark Evan Lim)

レイヤーコンプについてもう少し理解できたので、最初のコンプを作成しましょう。プラスアイコンをクリックすると、上記のウィンドウが表示されます。ここで、レイヤーコンプの名前を変更できます。次に、[表示]、[位置]、[外観(レイヤースタイル)]のチェックボックスをオンにして、[OK]を押します。 Voilà、あなたはあなたの最初のレイヤーコンプを持っています!

06.次のパネルでも同じことをします

Photoshopのストーリーボード

スピードペイントの作り方
(画像:Mark Evan Lim)

これで、描画したレイヤーをオフにして、2番目のパネルの手順を繰り返し始めることができます。以前にパネルを参照する必要がある場合は、レイヤーコンプの名前の横にある小さなボックスをクリックするだけで、そのパネルで使用されているすべてのレイヤーがオンになります。ストーリーが完成するまで、ショットごとにレイヤーコンプを作成し続けます。移動しながら、Layer Compウィンドウの矢印ボタンを押すと、すべてがどのように見えるかを確認できます。レイヤーコンプの横に感嘆符が表示されている場合は、感嘆符が更新されておらず、新しいレイヤーの一部が追加されていないことを意味します。

07.エクスポートの準備をする

Photoshopのストーリーボード

(画像:Mark Evan Lim)

この段階でレイヤーコンプが作成され、エクスポートする準備ができたので、その方法を説明します。 Photoshopから通常の画像をエクスポートするのと同様の方法で、[ファイル]> [エクスポート]> [レイヤーカンプをファイルに]を選択します。ここでは、いくつかのオプションから選択できます。これらには、これらのレイヤーコンプを移動するディレクトリ、またはこれらのファイルタイプが含まれます。

08.レイヤーカンプをエクスポートします

Photoshopのストーリーボード

(画像:Mark Evan Lim)

完了したら、[実行]をクリックすると、各レイヤーカンプのエクスポートが開始されます。プロセスが完了すると、ウィンドウがポップアップ表示されます。ここから、ディレクトリセットに移動して、そこにあるすべてのcomps / imagesを確認できます。

記章50インチ4KFireTVレビュー

09.エクスポートを確認します

Photoshopのストーリーボード

(画像:Mark Evan Lim)

すべての画像がディレクトリセットにエクスポートされました。ここで、それらをPDFに結合するか、ピッチやプレゼンテーション用にそのままにしておくことができます。これで、すべてのパネルのフォルダーが作成され、クリエイティブプロセスの次の段階に備えることができます。

これがすべて理にかなっていて、ワークフローでレイヤーコンプの場所を見つけられることを願っています。

この記事はもともと、世界をリードするデジタルアートマガジンであるImagineFXに掲載されました。 ここでImagineFXを購読する

続きを読む: