All Articles Photoshop
InDesignのとPhotoshopでつ折りパンフレット、パート3を設計する
Martin Perhiniak on Wed, May 29th 0 comments
Continuing from Part 2 in this 3-part InDesign and Photoshop tutorial, Martin Perhiniak shows you how to create a beautiful trifold brochure and hone your design ninja skills.

この3つの部分チュートリアルでは、架空の旅行代理店のためのつ折りパンフレットを設計しようとしている

Bali brochure


ステップ1 - のInDesignから書き出すJPEGファイル

まず第一に、我々は、Photoshopで彼らと仕事ができるようにInDesignでから保存されたパンフレットのひだを取得する必要があります。計画では、我々は唯一のこれらのページをエクスポートする必要がありますので、モックアップで内側折り目やパンフレットの前面を示すことです。このチュートリアルの前の2つの部分に続いているなら、あなたは、InDesignファイルを開き、 ファイルに行くことができます

Pic 1


あなたが外に保存する範囲]セクション内のページを指定することができます。ページの代わりに、[エクスポート]ダイアログでスプレッドを設定することが重要です。


ステップ2 - Photoshopのレイヤーにロードファイル

今、我々は、エクスポートひだを持っていることを、我々は、ファイルが橋にあるフォルダに行くことができます。一度あなたがツールを選ぶことができる4つのすべてのひだ(前面と三内部ひだ)を選択

Pic 2


ステップ3 - モックアップのためのキャンバスの拡張

今、私たちは、Photoshopであることを、我々は適切にすべてをフィットすることができるようにキャンバスを準備する必要があります。現時点では、キャンバスには一重と同じサイズです。私たちは、 画像を選択する必要

Pic 3


これは、文書は、これらの変化と同じようにどのように見えるかです:

Pic 4


ステップ4 - 背景レイヤーを作成する

モックアップが現実的に見えるように、私たちは素敵なグラデーションの背景を必要とします。まず、我々は、空の層を作成し、層構造の下部にそれを配置する必要がある。次に、我々はそれをダブルクリックして、以下の設定でグラデーションオーバーレイレイヤースタイルを追加する必要があります。

Pic 5


ステップ5 - ひだを整理する

我々は折り目での作業を開始する前に、我々は、彼らが組織化されていることを確認する必要があります。最高のために一緒に3の内側のひだを維持し、今は側に折り、別途フロントを移動することです。

Pic 6


ステップ6 - スマートオブジェクトの作成

我々はリサイズひだのいずれかを開始する前に、それはスマートオブジェクトに別々に各レイヤーを有効にするのが賢明だろう。これを行うことの利点は、それらをリサイズながら、我々は画像の品質を失う習慣ことである。これを行うには、単にレイヤーを右クリックしてスマートオブジェクトに変換を選択する必要があります。すべて倍層に対して、この手順を繰り返します。

Pic 7


ステップ7 - ひだに視点を追加

それは視点のいくつかの練習と理解を必要とするので、これはおそらく、チュートリアルの中で最も難しい部分です。あなたは何をまず行う必要がある内部のひだとのレイヤーを選択し、[ 編集]を選択することです

Pic 8


準備ができたらただ変更を受け入れるには、Enterキーを押します。


ステップ8 - ひだを回す

同じテクニックを使用して、我々はわずかに上向きに歪まそれらによって襞にさらに深みを追加することができます。このケースではあなたが自由内側に別々に左右に折り目変換を使用することを確認します。また、折り目(私の設計上の青い四角形のような)との間で重複するすべての要素を揃えてみてください。

Pic 9


Pic 10


ステップ9 - 影の追加

モックアップは、より現実的にするために、我々はまた、影を作成する必要があります。これを行う最も簡単な方法は、レイヤーにドロップシャドウレイヤースタイルを追加することです。あなたは、次の設定を使用することができます。

Pic 11


あなたは、一重にエフェクトを追加してから、Altキー/オプショングループにレイヤーを入れて効果をコピーするために、他の二つの層の上に層名の右側にあるFXアイコンをドラッグするか、またはあなたはそれを簡単な方法を行うことができますすることができますどちらかとグループに効果を追加すること。あなたがPhotoshopのCS6以降を使用している場合にのみ、これを行うことができます。

あなたは何をしなければならないことは、レイヤグループにそれらを結合して、効果を追加するグループのアイコンをダブルクリックするようにすべての3つのレイヤーを押しコマンド/コントロール-Gを選択することです。あなたは、上記と同じ設定を使用することができますが、このケースであなたの層構造は次のようになります。

Pic 12


ステップ10 - ひだにシェーディングを追加する

それは現実的なモックアップのために影を持ってするのに十分ではない、我々はまた、ひだ自体に陰影を必要とします。このために最高の技術がひだにグラデーションオーバーレイレイヤースタイルを追加することです。このケースでは、それはあなたがそれぞれ倍層に別々に適用した場合の効果を制御する方が簡単かもしれません。私は左の倍のために以下の設定を使用しました。

Pic 13


あなたは他のひだのために、この手順を繰り返すことができます。


ステップ11 - フロント倍用ポジショニングと適用効果

最後になりましたが、フロント折り目を追加して(歪み、キャストシャドウとシェーディング)にも同様の効果を適用することができます。

Pic 14


このモックアップの大きな利点は、あなたがPSDファイルとして保存する場合は、簡単にそれを更新することができるということです。次回は、同じまたは非常に類似したサイズのパンフレットを作成するときには、単に、レイヤーパネルのスマートオブジェクトレイヤーのサムネイルをダブルクリックして、新しいデザインで画像を置き換えることができます。一度あなたがあなたのモックアップは、新しい折り目に更新されていることがわかります(スマートオブジェクトのソース)は、これらの埋め込まれたドキュメントを保存。

うまくいけば、このチュートリアルシリーズを楽しんで、あなたは、そこからいくつかの新しい技術を学んだ。あなたの将来のパンフレットプロジェクトで頑張ってください!


InDesignのとPhotoshopでつ折りパンフレット、パート1を設計し

InDesignのとPhotoshopでつ折りパンフレット、パート2を設計する

InDesignのとPhotoshopでつ折りパンフレット、パート3を設計する

Related Videos
Comments (0)

You must be logged in to comment.

Working With Images
InDesign CC & CS6 105
Dream It. Do It.
Do you want to learn Working With Images?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: