All Articles Photoshop
InDesignのとPhotoshopでつ折りパンフレット、パート1を設計し
Martin Perhiniak on Mon, May 27th 1 comments
Become an InDesign and Photoshop ninja with this 3-part tutorial by Martin Perhiniak that shows you how to create a beautiful trifold brochure. Watch out for Part 2 tomorrow.

この3つの部分チュートリアルでは、バリの美しい島へのツアーに特化して架空の旅行代理店のためのつ折りパンフレットを設計しようとしている。チュートリアルの最初の部分では、私はバリの修道院の取った私の写真のいずれかを使用して、Photoshopで作成されるタイトルの設計に集中するつもりです。第二部では、InDesignで当社パンフレットのデザインには、このタイトルの設計を組み込む予定、そして第三の部分で我々はこのようになりますPhotoshopでモックアップを見て3Dを作成します。

Bali brochure


まず最初のもの、我々はこのようになりますタイトルの設計に集中する必要があります:

Bali title


ステップ1 - Photoshopで写真を開く

このチュートリアルに沿ってフォローするには、以下の私の写真をダウンロードすることができます:

Bali


あなたがそれをダウンロードしたら、それは、プロジェクトフォルダを作成し、リンクと呼ばれる内部のフォルダを作成することをお勧めだろう。我々は画像にリンクする必要がありますようにInDesignでの作業を開始し、それはそれらを整理することが重要である場合に有用であろう。

一度あなたが我々はそれからタイトルデザインを作成しようとしているPhotoshopで写真を開くことができる場所にすべてを持っている。


ステップ2 - タイトル設計のためのテキストを追加します

我々は我々のタイトルの設計のためのテキストを追加する必要がまず​​第一。文字ツールを選択し、写真の任意の場所をクリックしてください。これは、自動的に写真のレイヤーの上に新しいタイプのレイヤーを作成します。あなたは、すべて小文字でバリを入力して単語全体を選択し、すべて大文字にそれらを有効にコントロール/コマンド+ Shift + Kを押すことができます。これは、同じキーボードショートカットであなたは常にそれを書き換えることなく小文字にそれを元に戻すことができるので、すべてのキャップを使用するためのより良い方法です。入力中に私は、前景の色などのテキストと黒の衝撃フォントを使用していました。

Pic 1


ステップ3 - 位置およびサイズ​​変更テキスト

あなたはいつも自由変形ツール( コマンド/コントロール-T)で簡単にテキストのサイズを変更し、移動ツールで再配置することができます。あなたは、修道院の高層屋根​​にテキストの上部を調整すると、画像の真ん中に大体それを移動する必要があります。あなたが水平に文字(Altキー/カーソルが2つの文字の間にアクティブである間にOptionキーを左/右矢印 )を調整するカーニングを使用できます。これは私が私のテキストを配置し、それを(色は最後に表示され文句を言わないので、それを変更する必要はありません)画像にそれを見るために簡単ですので、私はまた白に色を変更する方法です:

Pic 2


ステップ4 - テキストに画像をクリッピング

あなたは、クリッピングマスクを作成する必要があり、画像のコンテナとしてテキストを使用することができる。あなたは、一番上の選択キーを押します。コマンド/コントロール-Option / Altキー-G上の写真のレイヤーを持ちながら、その後(それを選択し、 コマンド/コントロール-Jを押す)の写真のレイヤーを複製し、テキストレイヤーの上に配置し、する必要があります。これは、画像はテキストだけ内側に見えるであろうことを意味し、テキスト、上からの写真をクリップします。この効果を見ることができるようにするには、層構造の下部層の他のバージョンを削除する必要があります。これはあなたが表示されるはずですものです:

Pic 3


ステップ5 - 白い背景の作成

我々の設計が適切に白背景レイヤーを作成することができます見ることができるようにする。このためには、層のいずれも背景レイヤーに設定されていないことを確認する必要があります。我々は、前の手順で元の写真のレイヤーを削除したため、2つの通常の層を持っていると、バックグラウンドで透明性が表示されるはずです。あなたはすぐに底層を選択することにより、白色の背景レイヤーを作成し、レイヤーパネルの下部にある新規レイヤーアイコンをクリックしながら、 コマンド/コントロールを押したままにすることができます。新規レイヤーが作成されたら、デフォルトの(黒と白)に戻し見本を設定する最初にそれを押すとDを選択し、白(背景見本色で塗りつぶし)で選択したレイヤーを埋めるためにコマンド/コントロール·Backspaceキーを押すことができます。

Pic 4


ステップ6 - テキストに屋根を追加する

このステップでは、我々は(それを選択し、 コマンド/コントロール-Jを押す)写真層の別の複製が必要になります。複製を作ることは再び画像全体が表示されます。今、私たちは、クイック選択ツール(Wはそのためのキーボードショートカットで、赤の矢印が下の画像上のツールバーでそれを示しています)を使用し、全体の青空が選択されるまで、空を描くことができます。また、このような塔の間に緑の木々を、選択しようとする:

Pic 5


私は赤で非選択部分を表示することができる方法は、クイックマスクモードを使用することです。それを有効にするには、Qを押すことができ、再度Qを押すと、通常の選択ビューに戻ります。また、ツールバーの下部に取り囲まアイコンをクリックすることができます。あなたの選択の準備ができたら、あなたは、レイヤーマスクにあなたの選択を回すために、レイヤーパネルの一番下のマスクアイコンをクリックすることができます。我々は、建物ではなく、空を表示するようにマスクを反転する必要があるため、まず最初に、それは良い見て文句を言わない。このためにあなたがする必要があるすべては、(マスクの色を反転します色調整、反転) コマンド/コントロール-Iを押している。あなたは、この結果を見ることができるはずです:

Pic 6


我々は唯一のテキストの上に屋根を見たいと思っていますので、我々は、しかし、まだ準備ができていない。不要な部分を取り除くためには、このような長方形の選択を行います。

Pic 7


選択したマスクとレイヤーを用意して、そこからレイヤーグループを作成し、同じ写真の層に影響を与える第二のマスクを作成するには、レイヤーパネルの下部にあるマスクのアイコンをクリックしてコマンド/コントロール-Gを押していることを確認します。

Pic 8


ステップ7 - マスクをファイナライズ

屋根の周りのすべての不必要な残りの部分を取り除くためには、ブラシツールを使用し、ブラックにフォアグラウンドカラーを設定することができます。あなたは小さなブラシサイズの不要な部分を上に描画を開始、その後、レイヤーパネルで選択されたマスクの1つを持っていることを確認してください。あなたは、デジタルタブレットを持っていれば、非常に正確にできますが、同様にマウスで良い結果を得ることができます。これはあなたがのために達するべきである:

Bali title


我々はこのステップから次の時間を続けますが、それまでパンフレットの最終的なデザインを見てすることができます:

Final brochure


継続するには...

Related Videos
Comments (1)

You must be logged in to comment.

  • Paul
    cant seem to be able to download picture
    • 7 years ago
    • By: Paul
    Reply
Putting It All Together
InDesign CC & CS6 106
Dream It. Do It.
Do you want to learn Putting It All Together?
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: