このトレーニングでは、弊社のエージェンシー業務について少し語ります。 PSD-Tutorials.deの背後には、4eck Mediaというエージェンシーがあり、昨年、地域の中小企業へのピッチに招待されました。
このピッチは2段階でした:最初の段階では、エージェンシーとして資格があるかどうか、次のラウンドに進むべきか、実際の依頼は次に行かなければなりません。
配布資料 - 概要
そして今回の企業プレゼンテーションには、取締役に手渡したいハンドアウトも作成しました。その全容はこちらで示します:
これが私が配布したハンドアウトです。
プレゼンテーションのステーションを左側に可視化し、右側にはメモを取るための場所を用意しました。
こちらが参照概要です。
私はここで表示したくないいくつかのページを省略しました…
最終ページには、全体プレゼンテーションの概要も記載されています。
ハンドアウトの基礎:プレゼンテーション
「これは一体どんな奇妙なプレゼンテーションなのだろう?」と思う方に、どのようなものかをご紹介したいと思います。私はこれをPreziで作成しました。プレゼンテーションを開いて、なぜこのようなハンドアウト構造になっているかを理解してもらいたいと思います。これが最初のページです。
そして、プレゼンテーションにはPreziを使用し、非常に強力にズームインし、スウィッチングするソフトウェアを活用していますので、以前経験のない視聴者に…
… かなり効果的な驚きを与えることができます。最初のスライドは「我々はミューリッツアーです」というものでした。
プロジェクトについて説明し、…
… 何を作成し、パンフレットやビデオトレーニングなど、メディア製品として提供したかについても触れました。
そしてそれ全体を氷山に包みました。
次に、4eck Mediaの氷山に拡大し、当社の総合能力を紹介しました。
次に、お客様の依頼で行った作業について続けました。さまざまな依頼にズームインし、ビデオを再生することもできました。Preziはその点非常に適していて、私にとって気に入りましたし、そこにいた人々にも好評でした。
なぜ私たちはよく合っているか、についていくつかのポイントを挙げました。
そして、ロゴ付きのロケットをおまけに入れ、空に向かっており…
… そして、事前に取締役と行った電話を再度取り上げました。私は1時間でこれを説明しました。
私のハンドアウトがこのように構築されている背景についてはここにあります。したがって、Preziプレゼンテーションで行った個々の段階をハンドアウトに反映しています。
印刷所とパンフレットの指示
パンフレットを作成するためには、明らかにInDesignを使用しました。しかし、最終的に印刷される場合、どのようにアプローチするのが最善でしょうか?
私は、必要なフォーマットでこのようなパンフレットを提供してくれる印刷業者を検索しました。そして、viaprintoで見つけることができました。
まず21 x 21 cm(1)の正方形のブックレットを見つけました。私は12ページしかなかったので、クランプステープルで十分でした。部数は少し少なかったです、たぶん当時10部印刷していたと思います(2)。
もちろん常に問題は次のとおりです:最終的にドキュメントが印刷安全で出力されるようにするにはどうすればよいですか? そして、ここでviaprintoは私のためにいくつかの印刷テンプレートをすでに用意してくれています。これはDetails und Vorlagen(詳細とテンプレート)からダウンロードできます(1)。コンテンツにはDatenblatt(データシート)(2)があります。
これは私が正方形でブックレットをレイアウトする場合にどのように気をつける必要があるかを示しています。特にトリミング、余白要素、画像のフォーマット…
…ヒンジングがどのように見えるか、どの種類の紙が使用可能か。最初にこれを読むことができ、それらを考慮する必要もあります。
そして、簡単にInDesignの印刷テンプレートをダウンロードするのが理にかなっています。
ドキュメント設定
私はまずInDesign CCで簡単に始めます。しかし、今示すすべての手順は、CS2またはCS3でも理解できると非常に確信しています。なぜなら、それらは非常に基本的なものだからです。
ここでも、今後気をつけるべき重要なヒントがviaprintoによって提供されています(1)。これらのヒントは非表示のレイヤーにあり、簡単に非表示にできます(2)。それは私には必要ないからです。
それで、始められます: ますますドキュメントの構造をチェックします。これが表紙であり、これが裏表紙です(1)。もちろん、まだいくつかのページが足りません、最終的に12ページにしたいので。
したがって、私は今、私のドキュメントを設定します(2:Datei>Dokument einrichten…またはStrg + Alt + P)。ここで、ページ数を12として(3)、ダブルページとして(4)、つまり印刷用紙として設定します。OK(5)。
こうして私は思い描いたページを持っています。 2番目のページは最後まで取っておきます(1)。そして、ここ(2および3)でスパインマージンを余白に設定しました。ページ1とページ12は、viaprintoが印刷テンプレートで提供したページそのままです。
表紙デザイン:グラフィック
今、最初のページのレイアウトを始めます(1)。長方形ツールを使用してそれを引き伸ばします(2)。別の色を使用したい場合(3):Cyan(シアン)は60%、Magenta(マゼンタ)が25%、Yellow(イエロー)が10%、Schwarz(ブラック)が0%とします(4)。この色は後で何度も必要になるかもしれません, すぐにCMYKカラーパレットに追加しておくことができます(5)。OKで確認します(6)。
今、とりあえず長方形をインスティンクティブに引き伸ばしましたが、私には高さが108 mm必要です。そのため、高さを修正します(1)し、四角形を端に引き伸ばします。常に、トリミング余白上にあることを確認することも重要です(2)。少しはみ出ても構わないかもしれません、理論的には問題ありません。これが私の青い領域です。
次のカラーパネルはこのオレンジ色の領域です。これもインスティンクティブに四角形を引っ張りますが、その際にShiftキーを押し続けて、正方形を取得します(1)。
ここで、ファーストフィルレイとカラーパネルを回転させ、次の値を入力します:Cyanは0%、Magentaは85%、Yellowは100%、そしてSchwarzは0%です(2)。 そして、あとでもう一回使うかもしれないので、次の色もCMYKカラーパレットに追加します(3)。OKで確認します(4)。
領域には境界線を付けます。 それを有効にして、それに白い色を付けます(5および6)。 幅を7 ptに設定します(7)。
そして、私はサイズを再度非常に簡単に調整します。 この場合、辺の長さは70 mmである必要があります。したがって、サイズを連動させます(1)、それを幅として入力し、それを高さにも適用します(2)。
そして、今、正方形を整列しようとすると、配置を助ける自動ガイドが表示され、ちょうど中心を見つけるのを助けてくれます(3)。
現在、オレンジ色の領域、70 mm幅を持つ、しかし高さはたった20 mmです。 です。 したがって、再び四角形ツールを使用します(4)、ドキュメント内をクリックし、表示されたウィンドウに値を入力します(5)。
色には以前にCMYK-カラーパネルとして追加したオレンジトーンを取得します(6)。 そして、四角形を簡単にここにドラッグして、ガイドラインのおかげで中心にすぐに移動できます(7)。
表紙のデザイン: テキスト
ここにはラベルがまだありません。それには テキストツール (1)を使用します。フォントは Aller Regular を選択し、サイズを87 Ptに設定し、行間を62 Ptに設定します。水平スペースは-15に設定します(2)。そこで「4eck」と書いたテキストフィールドに書き込みます(3)。しかし、黒ではなくオレンジ色にしたいので、すでに定義されたカラーフィールド(4)を使用します。
その下には「メディア」と書いてあります。これをグレーに変更し、サイズを62 Ptに変更して、0の 水平スペース にします(1)。すべてを中央に揃え、正方形の上に配置します(2)。
また、"ハンドアウト"と書かれたテキストボックスも必要です。フォントサイズは48 Pt、白色に設定します。透過度は40 %に調整し、さらに中央揃えにし、少し下にずらします。
最後に、下部の四角に置かれる最後のテキストブロックが足りません。サイズを13 Ptに設定し、 オールデザインを太字に選択します。白で、行間を18 Ptに減らします(1)。インターネットアドレスも追加して、レギュラーに設定します(2)。さらに中央揃え(3)、下端に配置(4)して、最初のページがデザインされます。
2ページ目のデザイン
次に進みます。これは完全に青いページでした。そのため、単に青い面を描写します(1)。
下部にはいくつかの連絡先情報があります。これらはテキストドキュメントからコピーします。テキストボックスを配置し(2)、フォントサイズを15 Pt、行間を19 Ptに設定し、フォントカラーを白にします(3)。そこに連絡先情報を貼り付け、配置を調整します。
3ページ目のデザイン
次のページに進みます。ここには開始テキストが含まれるべきです。このテキストをコピーし、フォントサイズを23 Pt、行間を40 Ptに設定します。フォントカラーは、先に70 %の黒で定義した灰色にします。他のすべては0 %です。
さらに、私は2つの会社名を少し大きくフォーマットすることにしました。弊社のエージェンシーは27 Pt、顧客会社はさらに大きくなります。そうすれば、自分たちがカタログの1等星であることに気づいたときに喜ぶでしょう。
また、プレゼンテーションに含まれている最初の図形も配置します。これには Ctrl + D を押します。写真はすでに用意してあります。これらは以前にプレゼンテーションからスクリーンショットで取り出し、Photoshopで高解像度に調整しています。ここに挿入したいのは、「ロケットマン・ルーディ」というフィギュアです…
そして、このページも完成です。
余白と列の設定
次のページのために、レイアウトを変更し、余白を設定します。これには レイアウト>余白と列... (1と2)に移動し、それぞれのテキストや画像にドキュメント境界までの余白を持たせたいためです。また、2つの 列 で構成し(3)、それらに10 mmの 列間隔 を与えます(4)。
これはすべての他の両面ページで繰り返します(すべての空白の両面ページで 余白と列 のステップを繰り返す)。
4ページ目のデザイン
Ctrl + D (1)で最初の画像(2)を配置し、少し小さく切り取ります(3)、その後フレームの上端に移動させます(4)。
そして、灰色のテキストで Aller Bold Italic 、12 Ptの フォントサイズ 、 行間 はわずか16 Ptとします(5)。
"お客様へのサービス:"と書かれています。このフォントをよく使うので、すぐに 文字形式 として保存します:マークアップ(1)を行い、 文字形式 に移動(2)、新しい 文字形式 を作成します(3)、それをダブルクリック(4)します。開く 文字形式オプション のウィンドウ(5)で見出しを変更し、 OK (6)をクリックします。
(1)の下に単一のサービスを書きます。ただし、太字や斜体を使用せず、斜体のみを使用します。それについても文字形式を作成します。これはテキストを選択してステップ(3)から(6)を繰り返すことで行います(8)。
文字フォーマットはInDesignがフォーマットを記憶するためのものです。つまり、私が基本テキストフォーマットを見ると、すべてが保存されています。
ここに箇条書きも追加したいです。そのために、段落書式に入ります (1) そして選択した "Leistung A" (2) に 段落書式 (3) を作成します。その後、ダブルクリックで入ります (4) ...
そして "箇条書き" と名付けます (1)。"箇条書きと章番号" タブ (2) で 箇条書きリスト (3) とその字種を選択します (4)。
そうして、すでにできているのですが、テキストから離れすぎているので、タブ位置で4mmほど寄せてみます (6)。これで完了です。
そして、"Leistung B" も箇条書きであるとします (1)。これで全てのタスクが完了しました ...
これを次の段落で続けます。ここで指定します (2): テキストボックスは続ける位置にあり、そのテキストボックスを広げます (4)。
ここで、ベースラインが一直線になっているかをヘルプライン (1) で確認します – だめ – ですのでテキストボックスをさらに上に移動します。そして、プロジェクトに目指す次の作業を挙げます (2)。これでこのページも完成です。
メモフィールドのデザイン
次のページに見出しを挿入します: "あなたのメモ" (参照 1: 12 Pt フォントサイズ、太字, グレー色)。
そして、破線を挿入したいのです。これは簡単に、ラインツールを使い、Shift-キーを押しながらラインを引くだけです (2)。既に輪郭は設定されていますが、その太さを1 Ptに縮小します。さらに、70%の黒に設定し、輪郭スタイルを 点線 に変更します (3)。そうすると、ラインはこのようになります (4)。
この線は複数必要です。従って、それをマーキングします (1) オブジェクト>変換>移動... を選択すると、移動-ウィンドウが表示されます (2)。
ここで 縦方向 の値を10mmに設定します (3)。そして、プレビュー をクリックすると (4) それを移動させます (5)。
ただし、単に確認はしません。代わりに コピー を選択します (6)。そうすると、オフセット付きの線がコピーされます (7)。
InDesignの素晴らしい点は、このコマンドを繰り返すことができるところです。もし オブジェクト>再度変換 を眺めると 再度変換 - シーケンス とそのショートカット Ctrl + Alt + 4 があります。それを簡単に押します。そして、コピーした線を選択し、ショートカットを押すと、点線が続けて複製されます (8)。
これで全体をマーキングし、Ctrl + C と Ctrl + V を選択します。そして、コピーを右の列に移動させます。
それで、こうなります (1)。全ページをコピーし…
… 次のページと最後の前のページに挿入します。そのために右クリックし、それぞれ 元の位置に挿入 を選択します。
次のステップは、ほとんど先程ご紹介したものと同じです。ここにフォーカスの大きい画像が入ります (1)。ここでもメモが必要なので再度挿入し、その位置に適切に配置します (2)。
ただし、背景が色付きなので、完璧ではないかもしれません。これを修正するために、長方形ツールを使い長方形を描きます (1)。そこに白色を設定し (2)、効果-パネルで透明度を70%に設定します (3)。それに続いて、順次長方形を背面に配置します (参照 4: 右クリック>並び替え>背面へステップ).
さらに、角を丸くする場合は、オブジェクト>角のオプション... に移動し、アンカーをアクティブにした状態で 丸める を選択します (5)。
それで終わりです。そこの全体を引き継ぎます。これをマークして、コピーして、Ctrl + Vで再度挿入して、右側のエリアに配置します。
残りのページ
他のページでは、上で示したように、画像を挿入し、それに対応するテキストを追加します。
この部分は興味深いです。なぜなら、これをInDesignで再現したからです(画像に赤い枠が付いています)。つまり、私のPreziのプレゼンテーションにはそのエリアがありましたが、それをPhotoshopで塗りつぶし、InDesignで新しく設定しました。そのために、特別にYanone Kaffeesatzというフォントを取得しました。これはたとえばGoogle Webfontsで入手できます。
これは、フォントサイズが28ポイント、行間が36ポイントである、行間付きでした。そして、このフォントエリアが印刷時に鮮明になるようにしました。元のスクリーンショットだとフォントが粗くなってしまうので、フォントに変えると、エリアがベクターベースとなり、最終的に印刷時にもクリアになります。
最後のページについては、ただ最初のページ(1)をコピーして、最後のページに貼り付けます。ハンドアウトを削除します(2)。そして、青い領域を全体の概要のための枠として使用します。つまり、それをマークして、Ctrl + Dでイメージを挿入します(3)。
これで私のハンドアウトはすでに完成しています。ページ番号を意図的に省略しました。なぜなら、これは非常に短いパンフレットだったからです。
印刷用にエクスポート
そして、ここで問題となるのは、どのようにエクスポートすれば、最終的に印刷できる保証が得られるのか、ということです。これは私の考えでもありました。この中堅企業は私に電話し、プロジェクトの推薦を希望すると言いました−1週間後に会社に来て、弊社を紹介したいと。したがって、ハンドアウトにはあまり時間がなく、印刷所に提出した最初の試みを成功させたかったのです。
そのため、私はviaprintoを選びました。第一に、評判がすばらしかったからです。第二に、viaprintoにはサポートがありました。ここに入ると(1)、何が重要かを見てみます。ここにガイド(2)とここにソースドキュメントの作成(3)があります。私はPC(4)を使用し、PC用 Adobe InDesign(5)を利用しています。
そして、viaprintoは今、エクスポート時にも考慮すべき点を明確に教えてくれます。ここには、PDF/X-3の形式で、PDF 1.3を互換性として設定するよう指示されました。 圧縮設定、 トリムマーク、 印刷出力 に関する情報があります−これが重要な部分です。
私はこれまで、普段通りの方法で出力してきました。最高規格のPDF/X-4(1)を選択し、パンフレットに名前を付けました(2)。
圧縮は変更しませんでした(1)。版刷指示を含むマークとトリム(2)−それは文書から取得します(3)。
印刷出力では、単に変換後の目標プロファイル(値を保持する)(1)に入力し、仕事のカラースペース(2)を使用しました。viaprintoの指示通り、ISO Coated v2でPDF/X-3にするように言われましたが、私は常に最高の標準で試してみます。過去に他のオンライン印刷会社で名刺やフライヤーを出力した経験があり、そこでは透明度の問題にほぼ毎回遭遇しました。 viaprintoではそれが起こりませんでした。したがって、私は説明通りに行い、透明度の問題は発生しませんでした。他のオンライン印刷会社では通常、透明度の問題が発生しないようにPDF/X-1aで出力する必要がありました(5)。
しかし、viaprintoが求める標準はすでに明かされています。私の10部のパンフレットについては、そこまで厳密にしなくてもよかったでしょう。しかし、1,000部のハイグレードなパンフレットを印刷する場合、viaprintoが望む方法に従うべきです、最終的な印刷が期待通りになるように。
そして、彼らは今、ターゲットとしてCMYK working color space - ISO Coated v2 (ECI)を使用すると述べています。これを見ると(6)、InDesignの設定には標準で用意されていないことがわかります。InDesignの設定にこのカラースペースは見当たらず、なぜ標準で含まれていないのか、私は考えました。
したがって、ここでの私のヒント:単純にECI.org-サイトにアクセスしてください、つまりEuropean Color Initiative. ここで、ダウンロードからこれらの標準をダウンロードすることができます。 これがそれらです:ECI_Offset_2009。これにはviaprintoが望むプロファイルが含まれています。 viaprintoだけでなく、他のオンライン印刷業者もこれらのプロファイルを持ちたいと思っています。 だからダウンロードしてください。
では、これをInDesignで表示するための適切な場所はどこかという質問です。 ファイルブラウザに移動します。 ここにダウンロードされたECIプロファイル(赤でマークされている)があります。そして私の場合、それらはWindows\System32\spool\drivers\color. フォルダに入れます。 あなたがMacを使用している場合でも、あなたの場合は異なる場所になるかもしれません。
したがって、もうひとつの小さなヒント:単純にICC形式(*.icc)についてハードドライブを検索してください。 このようにして、ファイルを配置する場所を見つけることができます。 …
… そして、そうすることでInDesignも私が必要としているプロファイルを持つことになります。
今、冊子をエクスポートします。 これで私は私のドキュメントを持っており、これをviaprintoで簡単にアップロードできます。 それを見せましょう…
オンライン印刷業者にドキュメントをアップロードする
私はviaprintoのホームページに行き、再び冊子(1)を選択し、フォーマット(2)を構成し、部数を10冊に設定します(3)。 ステープル留めが正しい(4)。 コンテンツページは8ページで、表紙ページは4ページであることを指定します(5)。 色調が適切で、用紙も適しています。 今、ドキュメントをアップロードできます(6)。 ちょっと待って…
オーケー、ファイルがアップロードされ、変換されましたし、興味深いことに、私はここで私の表紙とコンテンツページのレイアウトを設定する機会もあります。 ドロップダウンメニューを開きます…
標準設定では表紙外側および内側と内容(1)が選択されています。 すでにわかるように:ここに私の表紙ページがあり、裏表紙、表紙(2)、内側の表紙の表(3)とこちらが内側の表紙の裏(4)があります。
したがって、ドキュメントを制作する際に内側の表紙ページがあることを考慮していない場合、後から特定の空白ページを追加する機会があります(5)。 つまり、たとえば表紙があり、その後すぐに目次が続くように作成した場合、当然、そのままの状態で内側の表紙ページにそのコンテンツが表示されたくありません。 その場合、簡単に表紙外側と内容をアクティブにすることができます(5)。 これにより、内側の表紙ページに2ページの空白が生じます(6)。 そして、こちらでも同様の操作ができます(7)。 図抜けるために使用できる3つの異なるモードがあります。
私はInDesignで希望通りの方法に設定したので、標準設定(1)でそのまま残します。 ここで、プレビューではすべてが正しく配置されていることが確認できます(2から4)。 プレビューもしてみましょう…
これはviaprintoで非常に便利だと思います、なぜなら、これをインタラクティブなPDFのように使用し、一度めくりながら …
… そして、こう言うことができます:はい、これこそ私の望むものであり、これが私が最初のプレゼンテーション段階で手渡すために準備したい資料であり、弊社エージェンシーの推薦として良い印象を残したいと思います。
これが私がプレゼンテーションに備えていた時の実際の手順でした。 そして、その結果、準備が整い、自信を持って取り組める良い感じを持てました。
このように手ごろなハンドアウトを作成すると、本当に良い印象を与えると思います…
… そして、したがって、このような簡単な一覧を提供したかったのです…
… 我々がやり取りした方法について。
このようにプレビュー画面では、ハンドアウトが表示されます– 最終製品も見てみましょう。
開封:手に取ったハンドアウト
こちらが私のハンドアウトです。 トレーニング用に、わざわざ再度注文しました … 印刷されたコピーを取り出します。
ハンドアウトは再度包装されています。印刷がどのように成功したかを見てみましょう。
表紙はとても良くできています。
成功したでしょう。
写真の品質も非常に良いです。
そして、スクリーンショットを持っていたと言わなくてはいけません、…
… 300 dpiにいつも到達しなかったものもあった。…
… 特にこの中央の画像では、おそらくただの130 dpiだけど、それでも印刷の品質は非常に良いです。
全体的に見て、非常に良い仕上がりですね。
皆さんに気に入ってもらえたら嬉しいですし、少しは教育的であったらいいのですが。誰かが何かを持ち帰れるといいなと思います。それでは、修正作業も楽しんで、引き続き制作を楽しんでください。
Matthiasより