このトレーニングでは、広告代理店の典型的な課題に立ち向かいますが、心配しないでください:私が書きたいのは、日々の狂気の日記ではなく、架空の建築事務所の名刺の現代的なデザインについてです。デザインプロセスに加えて、会社全体のスタッフの名刺を作成する方法についても学びます。
InDesignは非常に強力なプログラムであり、数々の自動化支援機能が提供されています。これにより、ワークフローを数倍に加速することができます。そして、私たちはそのような自動化支援機能を利用するのです – 具体的には、名刺のデータ結合についてです。これにより、後で数クリックで大量の名刺を簡単に作成できるようになります。10人、20人、50人、100人、1000人以上でも全く問題ありません。
最後に、このトレーニングの最後では、どのようにして準備するかについて説明します。その後、信頼できる印刷会社に正しく提出できるようにします。私の場合、viaprintoを参照し、輸出時に重要な設定がどのようになるべきか、そして最終製品をどのように準備すればアップロードできるかについて詳細に説明します。
ドキュメント作成 - 印刷所の基準に注意!
始める前に、印刷所がどのような規定を持っているかを把握する必要があります。そのため、viaprinto(1)のウェブサイトを訪れます。ここで、名刺(2)をクリックし、縦長(3)を選択します。次に、詳細とテンプレート(4)をクリックし、データシート(5)を開きます。
規定事項は以下のとおりです:最終サイズは55mm x 85mmです。viaprintoではさらに、3mmの余白が必要で、これは灰色で示される領域であり、製品の最終的なサイズに付け加えられる余分な領域です。これにより、切断プロセス中にブリーチングや他の予期しない問題が発生しないようになります。そのため、3mmの余白を追加する必要があります。
さらに、viaprintoはデザイン要素を配置する際に、ブリーチングが発生しないようにするだけでなく、切断と折り目の端からの安全マージンも確保するよう指示しています。ここでは4mm必要です。また、「余白内に全面的な画像を配置する」とも述べており、ブリーチングを避けるためにも重要です。おわかりいただけるかと思いますが、ブリーチングは道路でも嫌われるゲストだけでなく、印刷業界でも煩わしいものであり、避けるべきです。
他にも製品仕様を詳しく見て、画像を使用する場合は300dpiも考慮する必要があります。
それでは、InDesignに戻り、ドキュメントを作成します。ファイル>新規>ドキュメント… 目的には印刷を選択します(1)、両面は必要ない(2)。用紙サイズを新しく定義します:幅55mm、高さ85mm(3)。段組は1でOKです(4)。余白は全て同じに設定します(5)。各辺に4mm、viaprintoが推奨しているような余白を付け加え、全ての辺に3mmの余白を追加します(6)。このようにすることもできますが、ここに別の方法も紹介したいと思います…
これは再び印刷会社のウェブサイトに移動します(1)。そこでは、そのようなテンプレートを簡単にダウンロードできます。設定方法を知りたくない場合は便利です:簡単にInDesignをクリック(2)、ファイルを保存して抽出します。IDMLファイルを開きます…
… そして見てください:viaprintoがすべてを代わりに処理してくれました。これはとても便利で、設定プロセスを省略できます。今ここに見える情報はすべて削除する必要はありません - viaprintoがそれを別のレベルに配置しています。全体をロック解除し、目隠しアイコンをクリックして簡単に表示・非表示にできます。
… そうしていますと、仕様を再度確認できます。とても便利だと思いますのでそのままにしておきます。この段階でデザインを開始できます。
色を定義する
もちろん欠かせないのが、まずは担当カラーを定義することです:カラーパレットで3つの新しいカラーフィールドを作成します。メニュー新しいカラーフィールド…
ここでは印刷用に準備しているため、CMYK-色空間で作業します。まずは、2つのグレーを定義します: ブラック 85% で追加してください (1)。次に、少し淡い灰色(黒50%)を追加します (2)。次に、鮮やかなアップルグリーン: シアン 53%、マゼンタ 5%、イエロー 100%、ブラック 0% (3)。 追加 をクリックします。これで、カラーが設定されました。
ガイドラインを作成する
次に、ガイドラインを使用することも重要です。表側では、私はコアポイントまたは正確な中心を定義するのに役立つ2つのガイドラインだけを持ちたいと思います。そのためには、私は規則にカーソルをもって行き、マウスボタンを押したままでガイドラインを引き出します (1)。そのままにしておきます (2) そしてここでメニューの上で (3) X-軸を中心に「55/2」と入力するだけで、垂直に中心が合致します (4)。
さて、これを横方向にも行います:規則にクリックし、ガイドラインを引き出します (1) そしてY-軸で「85/2」と入力します (2)。
これで、ページの中心でクロスする2つのガイドラインができました (3)。
斜めの面を作成する
さて、レイアウトを埋めるための要素が必要です。再度、設計を見てみましょう:表側には対角線を持つ面だけでなく、直線の面、ロゴもあります... まずは面に注目します。
そのために、少しズームアウトしますが、これはAltキーとマウスホイールを使って行います。そして、大きな面を描くために長方形フレームツール (1) を選択し、大きな面を描きます (2) そしてそれをアンスラサイト色で塗りつぶします (3)。
それに続いて、リンゴ緑色の縁取り (1) 3ポイント (2) を行います。
それを斜めに配置して、ここで傾斜角度を定義できます:49° (1)。それから、ちょっと細部を調整します。
Wキーを押すと、この画面も変更され(2)、それを見ることができて、印刷されない残りを見ずにより良く判断できます。
同じものをここにも必要ですので、その複製を作成します。オブジェクトを選択し、Alt-キーを押します。 すると複製が作成されることを伝えるダブル矢印が表示されます。オブジェクトを左上隅に一度ドラッグします。
美しい対角線ができました。
バーを作成する
次に中央のステップを見てみましょう。ここで長方形フレームツール (1) を使用して再び長方形を作成し、その場所で引き延ばし (2)、高さに12mmを入力します (3)。そして、色、ダークグレー (4) を設定します。そして他の面と同じコントゥールが必要です (5)。しかし、ただ単にこの長方形にコントゥールを適用すると、ここ (6) でコントゥールが壊れてしまいます。それは好ましくありません。
そのためのトリック:コントゥールを取り除きます (1)、長方形をStrg + Cでコピーしてクリップボードに入れ、元の位置に再挿入します(2、Bearbeiten>An Originalposition einfügen)。
これで、オブジェクトが重なっているダブルができます。レイヤー(1)でそれを見ることができます:これが前面の長方形 (2) これが背面(3)。そして、これを緑色に変更します (4)。
高さを115 % に変更します (1)。その結果、三角形が再び崩れていることに気づきます。
しかし、レイヤー階層を変更できる利点があります。背面の長方形を選択し、背景に移動します (2)。
これで、望むようにきれいで整ったエッジを持つことができます。
ロゴを作成する:基本要素
これにアイデンティティを与える必要があります。そのためにロゴを作成します。これは見かけほど難しくないです。ここに再度設計があります。
四角形(1と2)から始めます。それに色を付けます(3)。ポリゴンツール(4)で三角形を作成します。ドキュメントをクリックすると、ポリゴンウィンドウが開きます(5)。 頂点の数は3で、OKをクリックします。輪郭を取り除き、色をグレーにします(6)。それを左揃えに配置して伸ばします(7)。
四角形が大きすぎるので、三角形も少し細くします(1)。
そして、パスファインダーを使用します。2つのオブジェクトを完全に結合する際に、非常に便利です。パスファインダーはこのパレットにあります(2)が、ウィンドウ>オブジェクト および レイアウト>パスファインダー でも見つけることができます。
両方のオブジェクトを選択します(3)。そして、パスファインダーでこのシンボル(4)をクリックします。これは、両方のオブジェクトを合計して1つの要素にすることを表しており、要素の追加とも言えます。これで家が完成します(5)。まずはページに配置してみます。
そして、背景をデザインします。四角形フレームツール(1)を使用して長方形を作成します(2)。両方の辺の長さが同じになるようにShift-キーを押しながらです。四角形に緑色を設定します(3)。 これから、複製を作成します(4)。そして、それぞれをもう一度作成します(5)。
そして、「Windowsウィンドウ」のように見えるもの(6)に今、角のオプションを指定します(オブジェクト>角のオプション…)。まずは四角形の左上に置かれます(7)。チェーンシンボルがオフになっていることに気を付けてください(8)。ここで、丸い角を選択し、それが適用されます(9)。
同じことを右上(1)、右下(2)、左下(画像には表示されていない)でも行います。
これで、4つの角丸四角形(1)ができました。少し大きくしても構いません(2)。四角形を青いガイドラインに合わせて配置します(2)。その上に家を配置し、手前に表示します(3と4)。
ロゴを作成:パスファインダーを利用
ここで、全体を切り分けます。再びパスファインダーが必要で、さらに個々のグループをもう一度統合する必要があります:左上と右下(1のように選択)をPathfinderで一つにまとめ(2)ます。同様に、右上と左下(3のように選択してから2を押します)も一緒にします。
この時点で移動すると、独立したオブジェクトになることがわかります(4)。すべて(5)も同様です。 Ctrl + Zで元の位置に戻せます。
そして、2つの背景要素が必要な理由は何でしょうか?それは、異なる色を使いたいためです:左上と右下は淡いグレー(1)に表示されます。他の2つは緑のままです。家の色を変えてみます(2)、そうでないと少し混乱します。
背景の両オブジェクトを選択し、グループ化します。これで1つの固まりになり、家だけが別々に残ります。
そして、これを中央に揃えます:Shiftキーで両方のオブジェクトを選択します(1)、次に配置を経由し、これらの2つのボタン(2)で中央に配置します。家はすでにほぼ中央に揃えられていますが、もう少し小さくしたいです。なので:Ctrl + Shift + Altで中心に揃えながら縮小します。コーナーを小さく引っ張ると(3)、コピーができます:Ctrl + C、それから編集>元の位置に貼り付け(4)。これで2つの家ができました。
グループを選択して、背景から緑の部分をPathfinderで引き離します(家と緑の部分を選択し、2を押します) (1)。グレーの背景から家を削除します(1)。これで、思い描いていた美しいロゴが完成しました(2)。すべてを再度選択してグループ化します(3)。
こうなります。そして、ロゴが1つのグループとして手に入りました。任意に複製、拡大、またはコピーすることができます。
テキストを追加する
今、子供に名前を付けます。それには、かなり大きなテキストボックスを引いて、Akko Rounded Proフォントを使用して「hausfiktiv das architekturbüro」と書きます。固有名前は15ポイントで大きく表示され、その下には7.3ポイントで表示されます。私は2行目が1行目にほぼ幅で合わせるように意図的に選択しました。
さて、これを下に移動させます。この例では、青いライン(1)に合わせています。ここをダブルクリックしてアジャスターをここで(2)クリックすると、正しいサイズに変換されます。Ctrl + Aでテキストを選択し、(3)で中央揃えにします。
それでは、全体を中央揃えにします。テキストボックス(1)と後ろのストッパー(2)をマークしました。 アラインメントで中央に配置できます(3)。そして、"haus"を鮮やかな緑色に、残りを光り輝く雪白色に変えます(4)。
グラフィックを配置
現在の結果はこちらです。最後に、この場所には実際にはイラスト要素しか欠けていません。 File>Place…でグラフィックを選択します。
… といっても、私たちには「ペン」、「鉛筆削り」、「定規」、「コンパス」(1)があります。これらはすべてロードされたマウスカーソルにあります。その要素はすべてベクターファイルなので、自由にスケーリングできます。ここで、最初のページは完成しました(3)。一旦保存します。
バックカバーを作成
今度は裏面に取り組みます。Viaprintoは既に2番目のページを挿入してくれましたので、次に進みます。
再びガイドラインを作成します。表面のように、過度なダイナミズムが外観を強調する必要があったので、ここでは少し静的に進めます。そのため、0mmのカラム間隔で11本のガイドラインを作成したいと思います(2)。これに基づいて進めます。
こちらは再び、私たちが再現したいテンプレートです。
まずは上下の大きな緑のバーから始めましょう。単純に四角フレームツール(1)を使って、上端に配置し、緑の四角形を描きます(3)。AltとShiftを押しながら下部にコピーを作成します(4)。
次に、手で描いた灰色のボックスを追加します。色を塗って、完成です(1)。
最初のページからロゴをコピーします。 Ctrl + Cでコピーし、ページ2にペースト (Edit>Paste in Original Position). 少し大きくスケーリングし、ガイドラインに合わせるために上端を5mmに揃えます(3)。
今回は名前に近づいています。テキストボックスを引いて、フォントをMyriad Proに変更します。 Akko Rounded Proは固有名前用、Myriad Proは通信用として使用されるためです。 「Markus Mustermann」を中央揃えにし、フォントサイズを14ポイントにします。名前はSemibold、姓はLightにします。 行間は18ポイントに設定します。そして、次の行に「ゲシュフトスフューラー」を10ポイントで挿入します。
さて、ここでも少し色を付けます。「Geschäftsführer」は薄灰色に、名前はダークグレーにします。
次に、招待状に記載されているその他の住所の詳細に進みます。私はこの部分をすでにライブラリで準備しています。これを設定する方法についてお話しするのはあまり面白くないので、スピードアップします。これらは基本的にテキストボックスといくつかの絵文字だけです。中央揃えに1度配置すると、完了です。
私たちのテンプレートには、左右に広がる行がまだあります。これを再現します。 直線描画ツール(1)を使用して、線を引く際にShift-キーを押すと、直線を描くことができます(2)。太さは0.6ポイントに設定します(3)。色は必要ありません。薄いグレーに適用される輪郭線のみです(4)。
さて、ここで要注意です。 エフェクトパレットを開き(5)、柔らかいグラデーションエッジ(6)を適用します。ここで変更するのは種類を放射(7)にすることだけです。設定を確認します。
これでエフェクトが完成しました。 Alt-およびShift-キーを押しながら、線のコピーを作成し、下に移動させます。そしてもう1つのコピーをさらに下に作成します。
そしてこのページも完成し、2ページが作成されました。
データマージ
10人の従業員向けの名刺を常に新しく作成するのではなく、InDesignに1クリックで自動的に作成させる方法は?
実際にはそれほど難しくありません。 必要なものは、すべての従業員の基本データが記載されたTXTファイルです。 ここにあります(1):名前、職種、住所、郵便番号、市町村、電子メール、内線番号といった様々な従業員の基本データが含まれています。 特筆すべきは、単語がタブ区切りで区切られ、次々に並べられていることです。
InDesignでは、データマージ機能(2)を使用します。 サイドバーに表示されない場合は、ウィンドウ>ユーティリティから簡単に表示できます。 ここで、データソースを選択(3および4)します。「Mitarbeiterstammblatt hausfiktiv.txt」(5)。
今度は、最初の行がソース行であり、すべてのフィールド名(1)を取得することができることがわかります。「名前」、「名」、「ストリート」などをタグで置き換えます。
次にすることは次の通りです。「Mustermann」を選択して「名前」とタグ付けし、「Markus」には「名」のタグを付けます。
テキストが大きすぎてオーバーセットされているので、13ポイントにサイズを変更して適切な表示にします(2)。
「Geschäftsführer」を取得します。 これは「Funktion」です。 同様に、住所、郵便番号、市町村を取得します。 ウェブサイトは変更せず、電子メールを「Eメール」タグで置き換えます。 電話番号には内線番号を追加します。 これで必要な情報がすべて入力されました。
すべてのタグが入力されましたので、データマージを開始できます。 まず、データマージを1回クリックし、結合されたドキュメントを作成(2および3)を選択します。
それから、ダイアログボックス(4)が表示され、オーバーセットテキストに関する指示などが表示されます。すべてを確認して(5)InDesignが処理を行います。 ここで「データを結合する際にオーバーセットテキストが生成されませんでした。」と表示されるので確認しました。
ページビューを通じて、InDesignが手順に従って作業した結果を確認できます。 すべての従業員のために名刺が作成されました。 ぜひチェックしてみてください。「Albrecht Markus」は社長です。「ma」はメールアドレスの略称で、「11」は内線番号です。
他の従業員の情報も見てみましょう。 名前が逆になってしまったのは誤りですが、理解していただければ幸いです。 これで、数クリックで簡単に作成できることがお分かりいただけたと思います。 私のやりたいことです。
印刷業者向けの準備(エクスポートおよび分割)
viaprintoで処理できるようにすべてをどのように準備する必要がありますか?注意すべき細かい点がいくつかあります。 魔鬼は細部に潜んでいます。 viaprintoのウェブサイトをもう一度見て、ヘルプを確認します。
ガイド(1)の下にあります。 ソースドキュメントを作成(2)、そしてPC(3、またはMac向けに4番目)をクリックすると、Adobe InDesgin für PC(5)という項目が表示されます。 ここでエクスポートまでのすべての規定が表示されます(6)。 ここに記載されている指示に従って進めます。
InDesignで、最初にエクスポートダイアログを開きます(ファイル>エクスポート...)。 「vcard.pdf」と名付けて、「Export」という新しいフォルダに保存します。 これでエクスポートダイアログが開きます…
viaprintoの印刷所が、PDF/X-3:2002を希望しているとの連絡がありました。これを標準に設定します。 一般の設定では何も変更する必要はありません。
圧縮において、viaprintoはバイキュービック再計算の値を356と534に設定するよう指示しています。その後、自動(JPEG)を選択する必要があります。
切り取りとトリムでは、ドキュメントのトリム設定を使用することを指定する必要があります。すでに3 mmが設定されていますが、その値をエクスポート時にも表示するようにします。
出力では、正しい選択をすることが非常に重要です。適切な出力色空間に変換されるように、いくつかのことを考慮する必要があります。Viaprintoはここで出力プロファイルに変換(値を保持)を提案しています。 目標としてはISO Coated v2 300% (ECI)が要求されます。「コーティング」とは、この場合、コーディングされた紙を意味します。これは、新聞などで見るかもしれない非コーティングの紙の対極です。
最後に、詳細タブで、透明度削減 [高解像度]を選択し、印刷用シートの異なる設定を無視のチェックボックスを有効にします。これで設定は完了です。エクスポートを開始します。
今、18ページあります(1)。上部の緑色のバー(2)はトリムが含まれているため、非常に幅広く見えますが、実際の切断位置は下にあります。
したがって、すべての名刺がありますが、ミュンヘンにいない2人の同僚がいるはずです… 1人は「Fels Friedrich」(3)…
… もう1人は「Voigt Thorsten」で、両方ともエアフルトにいる人です。さらに、viaprintoではマルチ出荷を申請することができるのですが、これは… この例では従業員の90パーセントがミュンヘンにおり、残りの10パーセントがエアフルトにいるとします — 注文時に「最後の2人をエアフルトに送信したい」と簡単に指定できます。
これを実現するには、Acrobatで行う作業は、このドキュメントを1回分割するだけです。 表示>ツール>ページ(1)を介して、ドキュメントを分割(2)できます。
ページ数: 各2ページずつ欲しいです(1)、そして確認しました(2)。これにより、ドキュメントが9つに分割されます(3)。つまり、それぞれの名刺セット用に1つのPDFができます。
「エクスポート」フォルダには、すべてのページを含むファイルと、各名刺のファイルがあります(4)。全ページを含むファイルは削除してもかまいません。
アップロードと配送の設定
viaprintoのサイトに戻ります。そこで、名刺を再度選択します(1)、縦向きを指定します(2)、そして文書のアップロードをクリックします(3)。その後、ドキュメントマネージャが現れます(4)、すべてのドキュメントを順番にアップロードするように指示します。この処理には少し時間がかかります(5)。
すべてをショッピングカートに追加しました。ここに「vcardTeil9」という最後のカードがありますが、これも追加します。プレビュー機能ではすでに…
…「Fels Friedrich」が表示され、これはエアフルトに駐在している人です。これも追加し、250枚のカードを受け取ります。
今、カートの概要が表示されます。最後の2つはエアフルト行きで、最初のものはすべてミュンヘン行きです。続行をクリックします。
ここで複数のアドレスを選択できます: 1つまたは複数のアドレスに送信(1)。'Markus Albrecht'と'Friedrich Fels'を選択し(2)、ポジションを確定します。つまり、'Friedrich' は常に '0' に割り当て、他のポジションも同様にしてください(3)。しかし、6番目と7番目のポジションはエアフルト行きになりますので、そちらにはそれぞれ250枚ずつ割り当てます(4)。そして、ミュンヘンの住所に対してはポジションを '0' に設定します。それから出荷が計算されます(5)。
これにより、請求額が2重で表示されますが、これは2つの異なる住所に送られるために明確です;それぞれが4.95ユーロです(1)。続行(2)。
'Deliveries (Germany)'は9.90ユーロです。それを確認してから更に「続行」(3)…
…そして、それで全体がどのように見えるかの概要ができました。ですので、エアフルトの方々は自分の名刺を受け取り、ミュンヘンの方々は自分たちのものを受け取ることができます。
それから、全体を確認できますが、私はそれをやらないでしょう。そうしないと、怪しげな建築事務所の誰かにここで名刺が送られてしまうかもしれませんが、それは存在しないからです。
これでいろいろと知ることができましたし、デザインすること、データのマージ、そしてこのアップロードウィンドウがお気に入りでしたか。自宅での実践を成功させてください!ぜひお試しください。
あなたのシュテファンより