Photoshopでのストーリーボード

Sep 14, 2025
操作方法
storyboard in Photoshop
(イメージクレジット:マークエヴァンリム)

Photoshopでのストーリーボードは、あなたのアイデアをマッピングするための素晴らしい方法です。このワークショップでは、レイヤーコンプと、このPhotoshop Toolがあなたがあなたのワークフローと組織をスピードアップするのを助けやすくすることができます(しかしこれに限定されない)。私の目的はこのメニューセットを強調表示し、レイヤのコンプがどのように作業し、それらを試してみるように納得させることです。私たちはサムネイルとストーリーがロックされているという仮定でこのワークショップを始めて、そしてあなたが図面に飛び込む準備ができているという仮定を持っています。

あなたのレイヤーコンプが非破壊的なものであることを知っておくことは重要です。あなたがそれらを描いたようにそれらを常に削除してあなたのレイヤーを持つことができます。彼らは主にあなたのレイヤーを異なる方法で見る目的を果たします。私たちが始める前に、私はここで5つのパネルの物語を使うことを言及したいですが、あなたはあなたの物語のために必要なものと同じくらい多くのレイヤーを作成することができます。

あなたがもっとヒントとトリックを望むならば、私たちの見解を見る Photoshopチュートリアル そして私たちのことをチェックしてください 描画方法 レッスン。

01.文書を設定します

storyboard in Photoshop

(画像:©Mark Evan Lim)

あなたはあなたのサムネイルとスクリプトを準備する準備ができています - 今すぐ描画を始める時が来ました!私は通常私のアスペクト比を確立することから始まります。開始する前に、プロジェクトまたは割り当ての要件を確認したい場合があります。このワークショップのために、私たちは1,080 x 720で働いています。これは、ほとんどのアニメーションプロジェクトのためのかなり一般的な解決です。あなたのキャンバスが設定され、それは今描く時間です!

レイヤーコンプのツールについての最良の部分は、どのように機能するかに対応できることです。あなたがそれを好きではない場合は、フォルダ内にフォルダはもうフォルダはありません。それは完全にあなた次第です。一例として、ストーリーボードプロジェクトからの抜粋から5つのパネルを操作します。 Layer Compsツールを使用して、単一のPhotoshopファイル内の複数のレイアウトを作成、管理、および整理することができます。各レイヤーCOMPを表示した現在のレイヤーのスクリーンショットとして考える。

02.テキストを追加して、図面を起動します

storyboard in Photoshop

(画像:©Mark Evan Lim)

次のステップはオプションですが、ストーリーに対話がある場合は、通常、使用できるテキストや効果音について、通常、下部の黒い長方形を遮断します。ここから私はiPadからサムネイルを持ってきて、クリーンアップを始めます。私の絵を片付けるときは、通常、私のレイヤーを背面から正面(背景、中新および前景)に分けます。組織化することが重要です。これにより、後でレイヤーのコンプがあります。

03.ラインアートの層を追加します

storyboard in Photoshop

(画像:©Mark Evan Lim)

ここで、私は私の線、音色、そして対話層を置きます。追加のポリッシュレイヤなど、必要に応じてレイヤーを追加できます。それはあなたの撮影のようなあなたの撮影のように、レイヤードケーキのように考えるのを助け、線作品からトーンへの作品から徐々に蓄積します。次に、レイヤーコンプを作成する時が来ました。

04.レイヤーコンプのウィンドウを調べてください

storyboard in Photoshop

(画像:©Mark Evan Lim)

Photoshopのトップツールバーで、[Window&GT]をクリックします。レイヤーコンプとウィンドウが表示されます。これは、ショットやシーンを管理および編成できるようにするレイヤーコンプウィンドウです。このツールは、ショットを並べ替え、内訳をテストし、編集をテストする柔軟性を提供します。

05.あなたの最初のレイヤーを作ります

storyboard in Photoshop

(画像:©Mark Evan Lim)

だから今、私たちはレイヤーのコンプともう少し知っているので、最初のものを作成しましょう。プラスアイコンをクリックすると、上記のウィンドウが表示されます。これがレイヤーコンプの名前を変更できる場所です。次に、必ず視認性、位置、外観(レイヤースタイル)ボックスを確認し、OKを押します。 Voilà、あなたはあなたの最初のレイヤーのコンプを持っています!

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

storyboard in Photoshop

(画像:©Mark Evan Lim)

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

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

storyboard in Photoshop

(画像:©Mark Evan Lim)

この段階では、レイヤーのコンプとそれらをエクスポートする準備ができているので、それを行う方法です。 Photoshopから通常のイメージをエクスポートするのと同様の方法で、ファイル&gtを選択します。輸出>ファイルへのレイヤーコンプ。ここに選択するいくつかのオプションが与えられます。これらには、これらのレイヤーのCOMPがどのディレクトリに入るか、またはファイルの種類が必要です。

08.レイヤーのコンプとエクスポートします

storyboard in Photoshop

(画像:©Mark Evan Lim)

完了したら、[実行]をクリックして各層のコンプのエクスポートを開始する必要があります。プロセスが完了したら、ウィンドウが表示されます。ここからディレクトリセットに移動して、そこにあるすべてのCOMPS /イメージを見てください。

09.輸出を確認してください

storyboard in Photoshop

(画像:©Mark Evan Lim)

すべての画像はディレクトリセットにエクスポートされました。これは、それらをPDFに組み合わせることも、ピッチまたはプレゼンテーションのために物事を保持することもできます。これで、あなたの創造的なプロセスの次の段階のためにすべてのパネルのフォルダが準備されています。

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

この記事は当初、世界をリードするデジタルアート誌であるImagineFXに登場しました。 ここでimaginefxを購読してください

続きを読む:

  • Photoshopをダウンロード: あなたが知る必要があるのはあなただけです
  • Photoshopショートカット あなたは知る必要があります
  • 最高の無料です Photoshopブラシ

操作方法 - 最も人気のある記事

Artrage 5で表現力豊かな肖像画のアートをペイントする

操作方法 Sep 14, 2025

ARTRAGEは人気のあるデジタルアートツールです。 ar ar はじめにこのチュートリアルで�..


アニメーションのための顔をリグする方法

操作方法 Sep 14, 2025

PlayStation 2のタイトルスーパーマン:私たちが使用したリグの影響を受けていたリグは、ほとん�..


バッドアス芸者を描く

操作方法 Sep 14, 2025

この芸者のイラストでは、私は汚れた、暗い、都市の雰囲気を捕らえたいと思いました。私は考..


錆から始めよう

操作方法 Sep 14, 2025

ページ1/2: ページ1 ページ1 2�..


これらの5つの要因と反応するように頭を取ります

操作方法 Sep 14, 2025

Learning React、FacebookとInstagramからユーザーインタフェースを作成するためのJavaScriptライブラリは�..


ZbrushcooreのPolypaint Toolとの3Dメッシュにペイントする

操作方法 Sep 14, 2025

pol pol Zbrushcore. 作成したら、モデルに色やテクスチャを追加できる素晴らしいツール�..


開発者のスキルを開発するための4つのヒント

操作方法 Sep 14, 2025

(イメージクレジット:ロバートピッツォ) スーパーフレンクディレクターダンモ..


Blend Shapesを使用して文字をアニメートする方法

操作方法 Sep 14, 2025

あなたの強制的な間に 3Dモデル 骨を使用することは非常に効果的であり得、時にはその方法は適切ではないことがあり�..


カテゴリ