デザイン|基本の作り方コンテンツへスキップこのwebサイトの先進的な機能は、ブラウザーのJavaScriptを有効にする必要があります。コメントを残すこんにちは。グラフィックデザインにおいて、「字詰め」ができているものとそうでないものの見え方は、ずいぶん異なります。「字詰め」とは何かーーーこれは「文字詰め」とも言いますがーーーグラフィックの文字部分の文字と文字の間のアキを調整することを指します。GlyphsやFontographer等のフォント作成ソフトを使用したフォントデザインでも、カーニングやスペーシングの作業に関わってきます。「字詰め」は、グラフィックデザイン全般における重要な要素なので、基本はおさえておきましょう。上に述べたとおりですが、文字と文字の間のアキを調整することを「字詰め」と言います。文字と文字の間のアキを調整し、バランス良く見えるようにするということです。どこかの部分だけ、詰まって見えたり、逆に間が空いて見えたりしないように文字を移動して調整します。「字詰め」はていねいに「文字詰め」と言ったりもします。私の周りの同業の人々では「字詰め」と言っている方が多いような気がします。「字詰め」は、グラフィックデザイン全般において重要な要素です。多くのグラフィックデザインの要素には文字が含まれるからです。文字に関わるデザインは、フォントやロゴのみならず、パッケージの商品名部分、エディトリアルではタイトルや見出しそして本文部分と、多岐に渡って見出すことができます。このように、グラフィックデザインのあらゆる部分に文字が関わっているわけですが、「字詰め」をしっかり行うことでデザインがどんどん洗練されたものになります。文字と文字のアキのバランスは、どのように調整する?「文字と文字の間のアキが均等にバランス良く見えるよう、調整をする」という一言ですが、実はこの作業は奥が深いです。文字と文字の間のアキについて調度良く見えるバランスというのは、各個人によって異なります。デザイナーによっても好みが分かれる部分のようにも見受けられます。ヤング層はキツキツの「字詰め」を好む一方で、中高年齢層は詰めが緩いスカスカした「字詰め」を好む、という説もリアリティを持っています。「字詰め」のキツい・緩いには絶対的な解はありません。いえ、キツい・緩い、どちらの方向性が好みであっても、バランスの良い「字詰め」には基本的には共通項があります。いった部分を知っておきましょう。しておけば、デザインの現場ではそれほど迷うことはないと思いますよ。文字を○△□としてとらえる文字を文字と思うからこそ戸惑ってしまうのかもしれませ。文字も要するに図形です。図形と図形の間のアキが、全体的な配列から見て均等になっていればバランス良く見えます。文字をぼ〜っと見て見ましょう。ものの形は単純化すると○(丸)、△(三角)、□(四角)のどれかに還元されます。これらを調整して並べてアキに偏りが出ないようにすれば良いわけです。アキをキツくするにしろ緩くするにしろ、偏りがなければ全体として均等なアキに見えます。アキに偏りが出ないようにしましょう。文字を単純化してこんな感じで調整します△の周りはアキが出やすい単純化すると三角になる文字の周りはアキが出やすいのでチェックポイントです。具体的には、「A」や「V」、「T」などが該当します。ロゴでも本文でも、他の文字に比べて「A」や「V」の周りのアキが目につく時があると思います。「気になるなあ」と思う時はアキを詰めてしまいましょう。全体に馴染み、気にならなくなればOKです。長方形の周りもアキが出やすい単純化すると縦長の四角形=長方形になる文字の周りもアキが出やすいのでチェックポイントです。具体的には、横組みのひらがな「り」などが該当します。こちらもアキが気になる場合は、詰めてバランスをとりましょう。横組みの数字の「1」や「I」は、詰めすぎると他の文字に同化して見えるので注意が必要です。同化してしまうことにより、可読性が失われてしまうことにもなりかねません。周りの文字の詰まり具合に比べ、ちょっと空き気味でも大丈夫です。コメントを残すこんにちは。今日は、入稿データ作成時のチェックポイントについてのお話の続きです。前回は、入稿データを作成する際には、ネットプリントの業者さんの情報をWebサイトでチェックしておけば、新技術から取り残されることもありませんよ、というようなお話をしました。今日は、その続きで、では、入稿データ作成時に、具体的にどういったポイントをチェックするべきか、というお話をしようと思います。5つのチェックポイント入稿データ作成時のチェックポイントは、細かく挙げれば、色々と出てきてしまいます。確かにそうなのですが、まずそれより先に、こればかりは外せないというチェックポイントがあります。・レイアウトデータのリンク画像これらの5点です。これらのチェックポイントは、DTP黎明期から現在に至るまで変わりませんね。これは、これから入稿データするというデータを、どの種類のデザインソフトを使って作成したのか、ということです。入稿先の印刷業者さんが持っているソフトでなければ、そこでデータが開くのは困難か不可能か、ということになります。印刷業者さんが持っているデザインソフトで入稿データを作成します。ほとんどの場合、印刷業者さんが入稿に対応可能なデザインソフトを指定しています。デザインソフトであれば主に、AdobeIllustrator、AdobePhotoshop、AdobeInDesign、といったところでしょう。Xpressといったところでしょうか。[使用ソフトのバージョン]古すぎるバージョンだと、印刷業者さんがもう対応していないということがあります。逆に新しすぎてもNGという場合もあります。この辺についても、印刷業者さんは対応可能なバージョンを指定しています。Adobeのソフトなら、今であればさすがにクラシック環境に対応したバージョン、例えばAdobeIllustratorならバージョン8.0に対応している業者さんは珍しいでしょう。今の主流は、だいたいCSかCCかというところです。バージョンによってソフトのスペックは異なるので、できることできないことが変わってくるということがあります。対応していないバージョンでの入稿はエラーなどトラブルの元になるので、印刷業者さんが対応できるバージョンを選び、入稿の際はそのバージョンを印刷業者さんにしっかりとお伝えしましょう。[仕上がりサイズ]「仕上がりサイズ」は、紙ものの印刷物であれば、「裁ち落としサイズ」と考えて良いです。入稿データには、サイズについて、A4ならA4、具体的に「W297×H210(mm)」と記しておくこともあります(ちなみにこの場合は横位置ですね)。ネットプリントの業者さんのWebサイトにはだいたいテンプレートがあり、サイズの記述までされています。テンプレートを利用せず入稿データを作成する際は、サイズをしっかり記述しておきましょう。[色指定]印刷に用いるインクの色の指定です。「印刷」といったら、インクです。DTP黎明期どころか、DTPが始まる以前から今に至るまで、それは変わりません。オフセット印刷で4版用いてカラーにするなら、入稿データには、カラーについて、「オフセットCMYK」などと記しておきます。c」などと、色の番号を表記します。色玉も一緒につけておきましょう。ネットプリントの業者さんのテンプレートなら、デフォルトで色指定が表記されている場合もあります。[レイアウトデータのリンク画像]レイアウトをAdobeIllustratorで行うとしましょう。デザインによっては、このレイアウトに写真を配置する例もあります。この写真は、「配置画像」として扱われ、データの保存形式は(今時なら)「psd」で、カラーは「CMYK」の状態のはずです。配置画像は「張り込みデータ」などと呼ばれることもあります。した「配置画像」を「リンク」の設定にするなら、リンク元となっている画像も一緒に入稿することになります。入稿時には、印刷業者さんが混乱しないよう、リンク画像がどれか、「◯◯◯.psd」と「×××.psd」と(がリンク画像です。)といった具合に、こちらも伝えておきましょう。それを求めない業者さんもありますが、入稿時に「備考欄」か何かに記入しておいた方が無難といえましょう。私の(中の人の)名刺の入稿データ。ネットプリント業者さんのテンプレートを利用しています。デザインはオリジナルで行いましたが、トンボや注意書きがあらかじめ記述されている部分はそのまま「イキ」に。コメントを残すこんにちは。前回はDTPが主流の今日の、デジタルの入稿データを用いた印刷物作成のプロセスについて解説しました。今日はそうしたプロセスの中でも、入稿データ作成時のチェックポイントについてお話したいと思います。印刷物をデザインするとして、印刷技術が日進月歩と言われてしまってはうっかりすると取り残されてしまいそうで、ちょっと不安になるかもしれません。定期的に、ネットプリントの業者さんのWebサイトを見て、データ入稿のチェックポイントをしっかり把握するようにしてさえいれば、大丈夫です。デザインソフトのバージョンや、印刷技術が上がることで、入稿データの作り方の細かい部分が変化することは、もちろんあります。した印刷業者さんのWebサイトでは、時代の新しい変化に対応して、データ入稿のチェックポイントの説明ページをアップデートしています。慌てずに読んでみましょう。印刷技術は確かに日進月歩だけれどもデザイン業界の人々向けの展示会では、新しい印刷技術を目にする機会があります。「こんな印刷ができるようになったんだ!」などと驚嘆することもしばしばです。私が、近年目まぐるしく発展したと思うのはインクジェット式の印刷技術です。10年あまりのうちに、色、とりわけ黒っぽいトーンは発色が良くなりましたし、かなり細かい線の再現ができるようになってきたなあという感想もあります。インクジェット式は新しい印刷技術として発展し、布物などのグッズの生産の際に用いられる印刷技術として定番化してきました。現代の印刷技術として基盤の一つとなっているオフセット印刷は、デジタル化とその発展にともなって、入稿の方法が変化し続けました。新しい技術、そして変化。ついて行けるか不安になるかもしれませんが、そこはあまり慌てないことが肝心です。プロもセミプロも学生さんも利用するようなネットプリント業者さんでは、大概そのWebサイトで、入稿データ作成上の注意を公開していますし、デザインスペースとトンボが記されたテンプレートを用意しています。いった情報を注意深くチェックして自分の知識をアップロードしていれば、新しい技術に追いつけなくなるなど、そうそう起こらないと思います。ネットプリントのWebサイトをチェックしてみましょうネットプリントはインターネット経由でデータを送信し、入稿することができる印刷の手法です。業者さんの多くは、刷り上がった印刷物を、指定する場所に配達するサービスも行っています。日本のネットプリントの業者さんには、「グラフィック」や、「WAVE」があります。プロも利用している印刷業者さんです。オフセット印刷に対応していて、印刷紙の種類も色々あり、多様な表現が楽しめます。そこまでの表現を求めずオフセット印刷でなくても良いというならば、コンビニエンスストアでもネットプリントを行っているので、こちらのサービスを利用すれば良いと思います。今回は、オフセット印刷に対応した入稿データの作り方に焦点を絞りたいので、「グラフィック」や「WAVE」のようなタイプの業者さんを例に考えてみたいと思います。「グラフィック」さんでもそうですが、ネットプリントのWebサイトには、入稿データの作り方の解説ページがあります。印刷機器においてもデザインソフトにおいても、最新の技術は、導入当初はエラーが発生したり、不具合が生じる場合もあり、安定的に使用できるかどうかの研究や試験運用が必要になります。した解説ページに記載されている情報は、それをクリアした最新技術を含めた情報となります。そのような最新技術の反対に、古くともここまでの技術には対応している、といった情報も掲載しています。古くとも新しくとも、この辺りまでの技術を覚えておけば大丈夫だという目安になるというわけです。古い技術の中で対応していないものがあるならば、今や古すぎる技術なのだ、という認識も必要だということです。「テクニカルガイド」のページが、ちゃんと設けられていますね。画像出典:「グラフィック」のWebサイト(https://www.graphic.jp)古い技術といってもただ、「古い」あるいは「古くからある」技術とはいっても、だから価値がないということでもありませんので、少し補足しておきます。昔の文庫本等、今でも古本屋さんで手にすることはできますが、昔の本には活版による印刷をしばしば見かけます。本文を触ってみると凸凹しますね。これは活版印刷の特徴です。それでも、活版の印刷物は見かけることが減ったと思いますが、だからといって価値がないということではありません。古くからある技術ですが、オフセット印刷で表現できない味があったり風情があったりするものです。活躍の場は減ったとしても、まだまだ現役の技術です。古い技術を用いることでデザインの幅が広がることはある、ということは念頭に置きつつ、最新の技術も知っておけば、さらに色々な表現ができるというものです。次回は、入稿データ作成時のチェックポイントについて、さらに具体的に解説したいと思います。コメントを残すこんにちは。前回に引き続き、今回も着せ替えタンブラーの台紙の作り方について解説したいと思います。前回は、PDFになっている台紙のテンプレートをダウンロードし、AIファイルで保存するというところまで進みました。デザインテンプレートの準備はできたので、今日はそのテンプレートを利用してデザインを進めることにします。下の写真の、私がデザインしたクリエイトユアタンブラーの台紙の柄を例に、解説します。テンプレートのAIファイルを開く]ダウンロードしたPDFファイル、ファイル名は「tumbler500.pdf」ですが、前回はこのファイルをAdobeIllustratorで開いてAIファイルとして別名保存しましたね。今、あなたのPCには、「tumbler500.ai」というファイルがあるはずです。このファイルをAdobeIllustratorで開いてみましょう。PT500mlテンプレート「tumbler500.ai」PT500mlテンプレート「tumbler500.ai」のレイヤーテンプレートはレイヤーに分かれていますね。このレイヤーの中では「本体」が該当します。space」に書き換えて、作業をしても良いと思います。他のレイヤーについても説明しておきますね。「ロゴ」は空レイヤーなので削除してもOKです。「指示事項」は左上のテキストによる説明部分です。「刷り範囲」はグレーで示された部分。左上の説明にもありますが、タンブラーにセットすると図案が隠れる部分です。デザインで重要な部分、例えばロゴマークなど、図案が途切れてしまってはいけないパーツは、このグレーの部分に配置しないように気をつけなければなりません。した注意の目印としてこのレイヤーがあるわけですが、目印レイヤーなので、作業の最後に削除してしまいます。レイヤー「design」を作り図案を配置する]「刷り範囲」の下にレイヤー「design」を作ります。ブックマーカーやブックカバーのデザインの時と同じで、このレイヤーに図案を配置します。図案ができていれば、あとは簡単です。このレイヤー「design」に、図案をバランスよく配置します。今回のようなタンブラー台紙のデザインは、場合によっては、図案を扇形に湾曲させることもありますが、今回の例のような散らし柄(総柄)は、その必要はありません。見た目に不自然でなければ、図案の湾曲の必要はないということです。塗り足しをつける]塗り足しをつけます。塗り足しをつけて、印刷に用いるデータは完成となります。レイヤー「本体」の点線がありますが、これが裁ち落とし線になります。このラインから3mm外側のラインまでが、塗り足し部分(ドブ)となります。裁ち落とし線から3mm外側に、塗り足しラインを描きます。レイヤー「本体」の点線を選択したままで、メニューバー「オブジェクト」→「パス」→「パスのオフセット」を選択します。「パスのオフセット」のダイアログボックスで「オフセット」の数値を3mmにします。すると、裁ち落とし線の外側3mmにラインが描けます。この塗り足しラインを、レイヤー「design」の同一の位置にカット&ペーストします。このような、同一の位置へのカット&ペーストは「コマンド+C」の次は「コマンド+B」でしたね。塗り足しラインが描けたら、このラインまで図案を満たします。後はレイヤー「刷り範囲」を消せば、データは完成です。「本体」レイヤーの点線ですが、後の紙を裁断する作業がしやすいように、消さないで残しておいてください。試しに、私がデザインしたスターバックスのクリエイトユアタンブラーの台紙の柄を、このテンプレートに配置してみますね。下のようになりました。データを紙に印刷する]完成した図案を紙に印刷します。いつもの普通紙でもぜんぜんかまいません。発色を気にして、いつもと違う紙に印刷するのも面白いです。した鮮やかな彩度を再現するなら、写真用専用紙が良いでしょう。ブックマークのお話の時、パンダ柄の印刷に用いたのがEPSONの写真専用紙でしたね。なく、鮮やかさよりも風合いを求めるなら、画用紙が良いでしょう。私がデザインしたスターバックスのクリタンの台紙には、ケナフという自然な風合いの非木材紙を用いてます。この紙は廃盤になってしまいました。気に入っていたんですけどね・・・。印刷する紙はどんな発色を求めるかで決めれば良いと思います。cutlineを目印に裁ち落とす]紙に印刷したら、裁ち落としラインに添って裁ち落とします。裁ち落としラインは、今回のテンプレートでは、レイヤー「本体」にある点線部分でしたね。ハサミでも良いですけど、私はカッターでキュキュッとカットしてしまいます。慣れると曲線部分もスイスイ切れますよ。紙をカットしたら、台紙は出来あがりです。タンブラーにセットして出来あがり]タンブラーに台紙を差し込んでセッティングすれば出来あがりです。それぞれのメーカーの着せ替えタンブラーで、台紙の差し込み方法が異なるので、適宜やってみてください。私のクリタンは、下のフタを開けて差し込むタイプです。使ってあげてくださいね。まとめタンブラーもレイヤー「design」を作りここに図案を落とし込む台紙に用いる紙は発色で決める。コメントを残すこんにちは。紙を使ったオリジナルグッズデザインのお話をしてきましたが、ブックマーカーに続き前回は、ブックカバーの作り方のお話をしました。今回は着せ替えタンブラーの台紙の作り方です。ブックマーカーやブックカバーを作れるのなら、タンブラーの台紙はそれほど難しくはないことでしょう。AdobeIllustratorでデザインするとして、ブックマーカーもブックカバーも、最終的な形状である裁ち落としライン(Cutline)が解りそこに落とし込む図案があれば、同様の手順でデザインができましたが、タンブラーの台紙もその例に漏れません。着せ替えタンブラーを購入しよう「紙の基本(4)」でも触れましたが、スターバックスの「マイスターバックスタンブラー」、「クリエイトユアタンブラー」など、台紙が着せ替えできる仕様になっているタンブラーが市販されています。この種のタンブラーは「カスタムタンブラー」などとも呼ばれていますね。写真は現在販売中止となっている型ですが、私が愛用しているスターバックスの「クリエイトユアタンブラー」です。着せ替え式のタンブラーには台紙を差し込める隙間があります。そこに、紙に印刷したオリジナルデザインの台紙を入れて、楽しむこともできるというわけです。着せ替え式のタンブラーは、スターバックスばかりでなく複数のメーカーが販売していますが、このように台紙を入れる隙間がある仕様になっています。台紙の厳密な形状はメーカーにより異なりますが、この形状に合わせてデザインを落とし込めばいいということについては、どのメーカーにおいても変わりありません。いずれかのメーカーの着せ替えタンブラーを購入し手に入れてしまいましょう。台紙の形状が把握できれば、あとは、ブックマーカーやブックカバーのような作業になります。メーカー別、着せ替え式タンブラーいろいろ複数のメーカーが着せ替え式タンブラーを販売していますが、ご参考までにいくつかピックアップしました(※ご使用ご購入は自己責任で)。●クリエイトユアタンブラー(スターバックス)現在、販売中止となっている型のクリエイトユアタンブラーは、シンプルでどんなデザインにも合わせやすかったので、おススメしておきます。スタバのWebサイトにはまだ、この販売中止となっている型のクリエイトユアタンブラーの情報が掲載されていますね。・スターバックスWebサイト●カスタムデザインタンブラー(トレードワークス)こちらもシンプルなので、いろいろなデザインに合わせやすそうです。楽天の通販サイトでも購入できます。グッドデザイン賞を取っている商品とのことで、使いやすそうです。・雑貨ネットONLINEその他、ダイソーにも着せ替えタンブラーが売っているようですので、ご興味があれば店頭でご確認してみても良いと思います。テンプレートをダウンロードするここからは、トレードワークスのカスタムデザインタンブラーを題材に、お話したいと思います。(スタバの以前の型のクリエイトユアタンブラーは、販売中止となっているとのことですし。)トレードワークスのカスタムデザインタンブラーには、台紙デザイン用のテンプレートがあります。トレードワークス推奨のサイトなので、安心して使っていただけます。このテンプレートをダウンロードしましょう。今回はとりあえず、高さ17.8cmのものでデザインしてみますね。こちらから、ダウンロードできます。DESIGNテンプレートはJPGとPDFがあります。今回はPDFを選択します。デザインテンプレートのサイト。ファイル名は「tumbler500.pdf」です。念のためちょっと説明しておきますね。ダウンロードサイトで「PDFをダウンロード」のボタンを押していただくと、ブラウザにテンプレートの図案が現れると思います。そのまま「別名で保存」をしてしまってください。これでPDFファイルがあなたのPCにダウンロードできているはずです。そこまでできたら、今度はそのPDFファイルをIllustratorで開き、AIファイルとして保存し直します。PDFファイルは、後から編集できないようにIllustrator等で開けない設定にすることもできますが、今回のPDFファイルはテンプレートとして配布されているので、ちゃんと開くことができます。メニューバー「ファイル」→「開く」から「tumbler500.pdf」を開きます。Illustrator(ai)」を選択してください。次のダイアログでバージョンの選択がありますが、これはあなたがお使いのIllustratorのバージョンに合わせましょう。このように、ダウンロードしたPDFファイルをAIファイルで保存し直せば、テンプレートの準備は整ったことになります。あとは、図案の落とし込みです。コメントを残すこんにちは。紙を使ったオリジナルグッズをデザインしてみようということで、作った模様をアイテムに落とし込んでみるところまでお話が進みました。前回は、ブックマーカーのお話をしましたが、今日は引き続きブックカバーへの模様の落とし込み作業についてお話したいと思います。ブックカバーを作ってみよう今回は、文庫本向けサイズのブックカバーを作ってみることにします。A4サイズに模様を印刷すればできてしまうので、作りやすいと思います。今回はトンボはつけません。何かの入稿データにするなら別ですが、家庭用プリンタでちょっと楽しむというなら、そこまでしなくとも充分です。下が完成した状態の写真です。模様は、例として前々回に作り方を解説したストライプ柄です。紙に印刷して、文庫本に包んでみました。今回は、こんな感じのブックカバーを作ってみたいと思います。デザインスペースを描く]上に説明したように、今回は、A4サイズを出来あがりサイズとします。位置は横位置で、A4サイズの内側、下の図のような範囲をデザインスペースとして模様を印刷します。印刷部分A4サイズのアートボード中央に、281×194mmの長方形を0.25ptのアウトラインでデザインスペースを描きます。space」と記しておきます。プリンタには印刷可能範囲があり、多くは紙のサイズよりやや内側の範囲に印刷できるしくみとなっています。印刷した時に、紙の縁に空白の部分ができるということですが、今回は気にしなくても大丈夫です。今回のブックカバーのサイズを考える場合、A4サイズから8mm程度内側まで模様が印刷されていれば充分だからです。今回は、A4サイズの中央、281×194mmの範囲をデザインスペースとしました。デザインレイヤーでレイアウトする]新規レイヤーを追加し、名前を「design」とします。このレイヤーで、デザイン・レイアウトを行います。space」の下にしてください。すれば、最初に描いたデザインスペースであることを示す長方形が、作業をする際に目印になります。デザイン・レイアウトしたオブジェクトにマスクをかける]デザイン・レイアウトができたら、デザインをデザインスペース内に収めるため、デザインスペースの長方形でマスクをかけます。デザイン・レイアウトしたオブジェクトをグループ化します。グループ化は「コマンド+G」です。space」のデザインスペースの長方形をコピーし、レイヤー「design」のアートボードの同一の位置にペーストします。ブックマーカーのお話にも出てきましたが、同一の位置へのペーストは、「コマンド+B」で行います。ペーストした長方形は、グループ化したオブジェクトの前面に持って来ます。ツールバー「オブジェクト」→「重ね順」→「最前面へ」で、長方形が前面に、オブジェクトが背面になります(もちろんコマンドを使ってもOKです!)。長方形とオブジェクトを選択し、「コマンド+M」でマスクをかけます。これで、デザイン・レイアウトはできあがりです。space」を非表示にする]作業中に目印にしたデザインスペースを示す長方形は必要なくなりました。非表示にしてしまいます。これで印刷するデータは完成です。紙に印刷する]データをA4の紙に印刷しましょう。本を包みやすくできるように、今回はあまり腰がある紙じゃなく薄口の紙の方がベターです。実際に本に取り付けた状態の写真のストライプ柄は、ちょっと自然な風合いがある紙に印刷して作りました。紙の種類はアラベールで、地色はやや水色がかったものです。普通のストライプでも、いつもの普通紙以外の風合いがある紙に印刷すれば、オシャレ感がグッと増しますよ。紙に印刷ができたら、ブックカバーの完成です。あとは本に巻くだけです。印刷したブックカバーを本に取りつける]印刷したブックカバーを本に取り付けます。ポピュラーな方法で、やってみます。折る時は、本の大きさより1〜2mm大きく余裕を持って折ります。ジャストサイズで折ると、ぱっつんぱっつんでキツくなりますので。最初はうまく包めなかったとしても、回数を重ねるうちに、上手くいくようになると思います。季節に合わせて、気分に合わせて、いろいろなデザインのブックカバーに着せ替えても楽しいですよ。次回は、タンブラーの台紙の作り方のお話です。コメントを残すこんにちは。前回は、自分で何かの図案を描いて紙に印刷し、オリジナルアイテムを作ろうというお話でした。アイテムとしては比較的簡単にデザインできる、ブックマーカーやブックカバー、着せ替えタンブラーの台紙をおススメしました。今日は前回の続きで、作ってみた模様をアイテムに落とし込んでみようというお話です。最近は電子書籍の普及も進みましたが、私はどうしても紙の本が手放せません。本の装丁を味わうのは私にとって娯楽の1つですし、何より紙が好きなもので。本には、気に入ったブックカバーをかけてみたりブックマーカーを挟んでみたりといった具合に楽しんだりもしています。それだけでも、本や読書の時間に愛着が生まれ、気分がちょっと変わりますよね。そんなところで、私の趣味の延長上で恐縮しながら、オリジナルのブックマーカーとブックカバー作りの解説をしていきたいと思います。ブックマーカーを作ってみようブックマーカーの大きさは、本に挟んだ時にはみ出ない程度であれば使いやすいと思います。逆に本からはみ出させてクリップのようにして使うタイプもあり、こちらも楽しいですが、今回は長方形の短冊形で、本からはみ出ないタイプのものを作ることにします。下の写真は、前回模様の例としてあげたパンダ柄を使って作った、文庫本向けサイズのブックマーカーです。紙に印刷しトンボで裁ち落とした完成の状態です。パンダ柄ブックマーカー。Reserved.なお、このような版下データを使用しました。パンダ柄ブックマーカーの版下データ。簡単にできてしまうものなんですよ。使用したデザインソフトは、AdobeIllustratorです。上に紹介したブックマーカーの作り方を、もう少し詳しく説明しておきます。いろいろなデザインにおいての版下データ(入稿データ)の基本が入っているので、覚えておいて損はないでしょう。裁ち落としサイズの長方形を描く]ブックマーカーは、必ずしもこのサイズにしなければいけないなどといった厳密なルールはありませんが、とりあえず今回は、文庫本にちょうどいいくらいのものを作ってみることにします。「裁ち落としサイズ」とは、完成サイズのことです。今回のブックマーカーの裁ち落としサイズは、文庫本向けに、横幅40×高さ120mmに設定します。このサイズの長方形を描いて、線幅を「0.25pt」と入力します。レイヤー名は「cutline」としておきます。トンボをつける]新しいレイヤーを追加し、ここにトンボを描きます。レイヤー名は「tombo」としておきます。「1」で作った長方形を、レイヤー「tombo」のアートボード上の同一の位置にペーストしてください。「コマンド+C」でオブジェクト(図形)のコピーができます。いうと「コマンド+V」ですが、今回はこの手段は使いません。「コマンド+B」を使います。すると、コピーしたオブジェクトが同一の位置にペーストされます。これは本来「背面へペースト」のコマンドなのですが、コピーしたオブジェクトがあった座標と、そのオブジェクトがペーストされる座標が同一になるので、その意味でも便利なコマンドです。「コマンド+B」でペーストされたこの長方形を選択し、線は「なし」にします。この長方形を選択したまま、ツールバー「効果」→「トリムマーク」を選ぶとトンボが表示されます。ツールバー「オブジェクト」→「アピアランスを分割」を選択すると、線として描かれた状態のトンボが完成します。この時、線の色が「レジストレーション」になっていますが、そのままにしておきます。デザインレイヤーでレイアウトをする]新しいレイヤーを追加し、このレイヤーでデザイン・レイアウトを行います。レイヤー名は「design」としておきます。レイヤーの順番は、「cutline」と「tombo」の下にしておいてください。すれば、裁ち落としサイズの長方形が前面になるので、レイアウトをする時の目印になります。ここまでで、ブックマーカーのデザインテンプレートが完成するので、あとはお好みのデザインを進めましょう。この時、デザインするオブジェクトの色はCMYKに設定し、レジストレーションは使用しないでください。レジストレーションは見た目はブラックの濃淡ですが内容は異なる特別な色なので、触らない方が無難です。塗りたしをつける]裁ち落としサイズから3mm外側に向かって、「塗りたし(マージン)(ドブ)」と呼ばれる部分があります。この部分を空白にせずに、図案で満たします。「塗りたし」は、裁断ずれが生じても、図案が途切れないようにするための部分です。裁ち落としサイズの3mm外側まで図案で満たしておけば、裁断ずれがあっても図案が途切れません。裁ち落としサイズの外側まで図案で満たし、「塗りたし」をつけるということを行います。レイヤー「cutline」を非表示にする]レイヤー「cutline」の、裁ち落としサイズの長方形は、作業中は目印になりましたが、印刷には必要なく印刷されてはならない部分です。レイヤーをこのまま非表示にします。これで印刷するデータは完成です![6.データを紙に印刷する]データをプリンタで印刷しましょう。印刷する紙は少し腰があった方が良いです。いつもの普通紙で印刷しても良いですが、少し厚みがある紙に印刷すると雰囲気も違って来ます。例にあげたパンダ柄のブックマーカーは、EPSONの写真用印刷紙に印刷しました。手にした時に頑丈な感じで、普通のコピー紙より存在感があります。トンボを目印に裁ち落とす]紙にデータを印刷したら、あとはトンボを目印に定規をあてて裁断します。どの部分を裁断するかは下の図を見てください。一度覚えてしまえば、手順自体はそう難しくはありませんね。ブックカバーの作り方は、また次のお話で。まとめ「cutline」「tombo」「design」のレイヤーを作りテンプレートとする。いろいろな版下データ(入稿データ)の基本。レイヤー「cutline」には、裁ち落としサイズの図形を、レイヤー「tombo」にはトンボを描くレイヤー「design」でデザイン・レイアウトをする。コメントを残すこんにちは。前回はペーパークラフトのご紹介をしました。ペーパークラフト以外にも、何かの図案を紙に印刷して楽しめるアイテムがあり、そうしたアイテムのデータを無料配布しているWebサイトもあります。いろいろなサイトがあるので、ご興味があれば探して楽しんでみてくださいね。図案を配布しているこういったWebサイトを利用して楽しむこともできますが、自分で何かの図案を描いて紙に印刷し、オリジナルグッズを作るのもまた楽しいものです。ブックマーカー、ブックカバー、それから、着せ替えタンブラーの台紙は、比較的簡単にデザインできますよ。オリジナルのデザインで楽しめるアイテムAdobeIllustratorなどのデザインソフトを使えば、自分でデザインした図案を印刷して、オリジナルグッズ作りを楽しむことができます。ブックマーカーやブックカバーは、最も簡単に作れます。着せ替えタンブラーの台紙も比較的簡単に作れます。着せ替えタンブラーですが、タンブラー好きでなければ少々マニアックかも知れませんね。スターバックスでは「マイスターバックスタンブラー」、「クリエイトユアタンブラー」という名で販売している商品だったりします。着せ替えタンブラーはコーヒーなどを飲むためのタンブラーなのですが、柄などがついた台紙を入れ替えて楽しめるというものです。オリジナルのデザインの台紙に入れ替えることも可能です。着せ替え式のタンブラーはスターバックス以外でも販売しています。ダイソーでもこのタイプのタンブラーを販売しているようです。「クリエイトユアタンブラー」、台紙は私のオリジナルデザインです。Reserved.上の写真は、スターバックスの「クリエイトユアタンブラー」で、台紙は私がデザインしたものです(なお、このタイプの「クリエイトユアタンブラー」はスターバックスでは現在販売中止となっています)。台紙はハワイのイメージの模様ですが、模様を1つデザインしさえすれば、あらゆるアイテムに取り入れることができます。ブックマーカーやブックカバー、着せ替えタンブラーの台紙といったアイテムに取り入れることも、もちろん可能です。デザインした模様を各アイテムに落とし込む作業については後述するとして、まずは、模様のデザインについて解説したいと思います。深く考えなくてもいいです。した落書きも、いく種類か組み合わせれば、模様になったりしますので。円を使って水玉模様を作ってもカワイイです。ボーダー柄もスタイリッシュにキマります。アパレルでも定番の柄で、マリンルックなどにも取り入れられていますが、私も好きな柄です。模様のお話は詳しくは他の機会にまとめようと思いますが、今日はちょっとだけしておきますね。これは、生活の中で、さほど使用シーンを選ばないということでもあります。ボーダー柄は、このようにいろいろなアイテムに合わせやすい柄とも言えます。一方で、ボーダーの幅や色でイメージがかなり変わります。ボーダー柄は単純でいて、奥が深い柄ということでもあります。今日は、AdobeIllustratorで、比較的使いやすい白と水色のボーダーを作ってみます。下の画像のような完成イメージです。簡単にできますので、お試しあれ。白い紙に印刷してボーダー柄を作ると想定した時、ボーダーの白い部分は紙の色になります。それに対して水色の部分は印刷の部分になります。水色の部分だけ作ればいいということです。水色の部分を作ってみます。高さ10×横幅200mmの長方形を作ります。色はシアン30%にしておきましょう。この長方形をコピー&ペーストを繰り返すとボーダーが完成します。選び、表示された「移動」ダイアログボックスで、「水平方向」に「0mm」、「垂直方向」に「20mm」、「角度」に「-90」と数値を入力し、「コピー」のボタンを押します。すると、20mm垂直下方向に水色の長方形がコピーされます。すると、水色の長方形の高さが10mm、そして、コピーされた水色の長方形のまでの間隔が10mmで、水色と白の部分が等幅で反復される状態となるので、これを繰り返せば、水色と白の部分が等幅のボーダー柄ができるというわけです。「移動」ダイアログボックス。こんな感じで数値を入力します。「繰り返し」を行うには、コマンドを使う方法があります。選び、数値を入力し、「コピー」のボタンを押すと、水色の長方形がコピーされると言いました。この時、長方形は選択された状態になっています。この状態のまま、「コマンド+D」を押してみましょう。「コマンド+D」は、「(今行った作業の)繰り返し」のコマンドです。コマンドを押したまま、キーボードの「D」をどんどん押してみてください。押した数だけ長方形が増えます(なお、この「コマンド+D」ですが、便利なので覚えておいて損はありません)。すれば、ボーダーは、あっという間に完成です。あとは適宜、ボーダー全体を横にのばしたり縦にのばしたりすれば、各種アイテムに合わせられます。[イラストを元にした模様]私がデザインした今年の年賀状を例にとりましょうか。このサイトでは掲載していますが、下の画像は、私がデザインした今年の年賀状です。パンダが並んでいる部分、これも模様です。1つのパンダを元に、口を閉じた状態と開けた状態の2種類の表情を作り、体の模様を色違い5種類にしてカラフルにしました。そこに星を散らして、ちょっと賑やかしました。した柄をデザインするのは、1つのイラストが出来てしまえば、あとはわりあい簡単な作業です。この模様部分を元にアレンジすれば、こちらも各種アイテムに合わせられます。Reserved.このようにしてデザインした模様を、各種アイテムに落とし込んでレイアウトして印刷すれば、ちょっとしたオリジナルグッズができてしまいます。コメントを残すこんにちは。タイポグラフィの基本は、「大・中・小」の塊・文字の大きさ・そのレイアウト、にあります。だいたいそんな感じです。それは、前回までの説明で明かしたとおりです。した「大・中・小」を意識すれば、タイポグラフィは自ずといい感じになっていくと思います。他に、タイポグラフィの基本について言っておこうと思うのは、文字のレイアウトには基本のパターンがあるということです。レイアウトのパターンは、基本を覚えれば応用が効くので、とりあえず覚えてしまうのもアリですね。それに、レイアウトを考えすぎて頭の中がカオスになってくることもあるので、そんな時は基本を見直すことがイメージの整理に役立ちます。いうお話をしておきます。タイポグラフィには基本のレイアウトがある基本のレイアウトを覚えるにあたり、ちょっと解説しておきますね。タイポグラフィには、ジャンルによって定番のレイアウトがあります。カタログならこんな感じとか、書籍の表紙なら、雑誌の表紙なら、・・・と、定番のレイアウトがあります。そんな基本形があるかといえば、そのジャンルの媒体が持つ機能に則ってタイポグラフィがなされているからです。コンビニの雑誌の棚を見てみてください。これは雑誌の棚の形状に合わせていて、タイトルが上部にあれば、後ろの段にあってもタイトルだけは見えるからです。雑誌の表紙は「コンビニの雑誌棚でもタイトルが見える」という命題に応えた機能を付与するレイアウトとなっています。このように、「機能」がタイポグラフィの基本形を形作っている面もあるのです。カタログなども、定番の基本形がありますね。上部にタイトルがあって、その下にマスがずらりと並んで、そこに商品とその説明がついているような。商品を探す時に、見やすいということです。デザインするジャンルが決まっているなら、そのジャンルの定番のレイアウトを調べてみてから、デザインを進めるという手段もあります。デザインを考えているうちに、なんだか頭の中が混乱してきてしまった・・・などという方も、いったん定番のデザインを調べてみる・思い出してみる、という作業でイメージが整理されてくるでしょう。レイアウトの基本形を調べてみる自分がデザインするジャンルの基本形のレイアウトを調べるにあたり、まず、デザインするジャンルの資料を集めましょう。「タイポグラフィの基本(1)」で、資料集めに出かけましたね。同じように、持ち帰っても良いリーフレットやカタログで、参考になるデザインがあれば持ち帰ってしまいましょう。持ち帰れない書籍等は、インターネットで画像検索してみましょう。ピンタレストの活用も良いでしょう。BOOKS」あたりの作品集を見るという手段もあります。資金に余裕があれば何冊かの作品集を購入するのもおススメします。良い作品集は一生もので、私も数十年前に購入した資料集は、必要に迫られて定期的に見返しています。BOOKS」はセンスが良くておススメです。graphics」の中ページ。私が所持する内の一冊。資料を眺めているうちに、デザインのジャンルによって、だいたいのデザインフォーマットがあることに気づきはじめると思います。デザインのフォーマット=テンプレートと考えても差し支えないでしょう。これがジャンルによるタイポグラフィの基本形です。この基本形を覚えておけば、何かと役に立つ機会があろうかと思います。レイアウトをサムネイルに書き出してみましょうそういったタイポグラフィの基本形が見つけられたら、デザインのフォーマットとして覚えてしまいましょう。覚え方はこんな感じで。手書きで構いませんので、サムネイルとして書き出してメモします。ネタ帳に書いておけばOKです。デザインする時にそのメモを見返せば、フォーマットを思い出せますね?インターネットの検索結果に並ぶ小さな画像も「サムネイル」と言いますが、「サム」は「親指」、「ネイル」は「爪」で、デザインを簡潔に表した小さなラフ・スケッチのことです。デザインのフォーマットを覚えるなら、いっそ細部を切り落として単純化したサムネイルをメモしていけば、頭に入って行きやすいです。自分で解れば良い程度のラフでいいので、メモの習慣をつけましょう。「手書き」とは言いましたが、別にイラレで書いても構わないですからね。要するに、情報を単純化し、フォーマットとして覚えておくことが重要なんです。だいたい解ればOKちなみに上のサムネイルは「ベルギー奇想の系譜展」のチケットです「ベルギー奇想の系譜」使用済みチケットタイポグラフィにはジャンル別に基本のフォーマットがあるという話をしてきたわけですが、ただ、その基本形を厳密に守らなければならない、ということでもないですので。そこは考えすぎなくて大丈夫です。時と場合を見計らうことができるようになれば、アレンジして、基本形を崩していったって良いんですよ。コメントを残すこんにちは。タイポグラフィにはチェックポイントがありましたね。大きさこれらがうまくできていればタイポグラフィは成立するという、基本中の基本の要点でしたね。今日は、この要点をふまえ、例の「ベルギー奇想の系譜」のチケットについて分析してみます。チケット全体を眺めてみましょう例の「ベルギー奇想の系譜」のチケット全体を、眺めてみましょう。「ベルギー奇想の系譜」使用済みチケットおおまかに、左右の塊によって成り立っているレイアウトだと解ると思います。左側にこの展覧会を象徴する奇妙な味わいの絵画、右側に展覧会の題名を始めとした文字情報。オーソドックスですが、スッキリと解りやすい配置ですね。「奇想」のイメージは、左側の絵画によって伝わってきますね。細かく奇妙な何者かが描かれていて、まずこの絵画で「奇想」のイメージが解ります。塊の大きさの観点から分析してみますが、レイアウト全体から見て、左側の絵画は「大」、右側の文字情報は「中・小」の塊と言えるでしょう。チケットを見てください。見、まず左側の絵画が目に入り、そして展覧会の題名に目が行きますね。伝えたい情報の重要度に従って、グラフィックの塊を「大・中・小」にしてあることによる効果です。文字情報部分のタイポグラフィを分析してみるここで、右側の文字情報部分に注目してみたいと思います。文字の組み方についてですが、見事な箱組みですね(文字の両端を揃えて、シルエットを正方形・長方形に見せるこのような文字の配置の仕方を「箱組み」と言います)。文字情報がまとまって見えます。文字情報部分がこうしたまとまった塊になっていることによって、左側の絵画に対し右側は文字情報なんだなと、ビジュアルで、まずそう認識ができると思います。見ている人に、そう認識させ、スッキリと情報を理解させるための効果的なレイアウトとも言えますね。今度は、右側の文字情報部分での、「大・中・小」の塊の大きさの観点から分析してみたいと思います。先ほど、レイアウト全体から見て、左側の絵画は「大」、右側の文字情報は「中・小」の塊と言える、と述べました。確かに、右側の文字情報部分は全体のレイアウトから見て「中・小」の塊ですが、この右側の文字情報部分のみ分析すれば、この部分も「大・中・小」の塊から成り立っていることが解ると思います。文字情報も「大・中・小」になっていますね文字情報の中でも最も重要な部分は、この展覧会の題名です。このチケットでいうと、「ベルギー奇想の系譜」がそうです。展覧会の題名を大きく太くして目立たせてありますね。左側の文字部分の中では「大」の塊です。次に目立たせたいのは、展覧会のテーマや開催期間・場所です。Belgium」のあたりです。展覧会の題名の次に目立たせてありますね。このあたりが「中」の塊です。他は詳細情報で、重要情報の後に見る部分です。このあたりは「小」の塊となっています。文字情報部分のみを分析してみると、このように、伝えたい情報の重要度に従って「大・中・小」の塊になっています。これにより、情報の重要度に従って、視線が自然に誘導されますね。文字部分の塊をそれぞれ分析してみます。「大」の塊「ベルギー奇想の系譜」は、「ベルギー」をゴシック体の太字にして「奇想の系譜」よりも少し目立たせています。この展覧会は、ベルギーからアートがやって来たよという部分が重要で、「ベルギー」を目立たせたのでしょう。したメリハリによって、情報がさらに伝わりやすくなりますね。他にもよくよく観察していくと、細々としたメリハリがあります。「中」の塊「7.15」の隣の「(土)」や、「9.24」の隣の「(日)」といった曜日の要素が小さくなっていたりもします。「遊び」があるこのチケットのタイポグラフィは、上に述べたように、分析すればする程に利に適っていることが解ると思います。情報の重要度に従い目線が誘導される、良く出来たタイポグラフィですね。した利に適った部分ばかり見てきましたが、そうでもない部分もあります。その、利に適わないとも言える部分によって、このタイポグラフィはさらに秀逸になっています。「利に適わないとも言える部分」、それは「遊び」です。Belgium」に象徴されます。無くても良い部分で、それなのに、文字部分の中では展覧会の名前の次に目立たせています。いった意味では、全く利に適っているとはいえません。この部分があるとないとでは、見た目に差がついてしまいます。Belgium」があることで、おしゃれ感が増しますね。このおしゃれな部分がないと、情報が伝わりやすい一方で、おそらく退屈なタイポグラフィとなってしまったことでしょう。渋谷のBunkamuraで開催される展覧会チケットです。おしゃれ感があって退屈させないタイポグラフィがふさわしいですね。VIBES/デザイナー・フォントクリエイター。デザインスタジオアウラコミュニケーションズ代表。東京都を拠点に、グッズ、グラフィック、フォントのデザインを中心に活動しています。HYBRID」シリーズは、初版からフォントクリエイターとして参加。他「月刊MdN」等のメディアでも掲載多数。公式WebサイトでDLできます。このサイトについて「フォント×デザイン|基本の作り方」は、フォントやグラフィックなどのデザインについて、作り方を基本から解説するサイトです。私のデザイナー歴も、気がつけばもう20年越し。デザインビギナーの方や、勉強をしすぎて基本がわからなくなってしまった方、そんな方達に私が伝えられることがあるのかもしれない・・・ふと思いました。それは、生業としてのデザインの現場で得てきた手法であったり、仕事の進め方であったり。デザインを通した遊びであったり。基本を覚えれば、あとは自分なりのアレンジや別の新しい手法をみつけられます。すれば「自分の作り方」を得ることができます。わたしもこのサイトを作ることによって基本を振り返ることもできるわけで、それも良いなあと思いました。役に立っても立たなくても、まずは基本からやってみましょう!お問い合わせE-Mail:info@fontxdesign.netご連絡はE-Mailのみで受けつけております。