コンテンツへスキップ

こんにちは。ANGEL VIBESです。
突然ですが、Glyphs Miniの解説書、「Glyphs Mini & イラレでフォントデザイン〜アルファベット大文字編〜」を発売しました!

筆者のこのブログ、「FONT×DESIGN 基本の作り方」のGlyphs Miniについての記事をまとめた電子書籍になります。販売はAmazonとBOOTHにて。お試し版の無料配布も行なっています。下記からLet'sアクセス!

Amazon(Kindle版)/有料版
BOOTH(PDF版)/有料版
BOOTH(PDF版)/無料お試し版(1〜15ページ)

本書の内容です。

[概要]
・ページ数:全48ページ(お試し版以外の有料版)
・内容:Glyphs Miniの使い方。フォントの作り方。
・カラー:基本フルカラー(スミ1Cのページも数ページあり)
・価格:880円(税込)

今回、書籍化ということで、大幅にリニューアル・加筆修正しました。とにかくわかりやすくなればと心がけ、「フォント」とは何か? という基本的な部分も解説し、Glyphs Miniの理解に役立てようと考えました。
本書は、Glyphs Miniオンリーでは、おそらく日本初の解説書です。過去にデザイン雑誌等でGlyphs Miniの使い方についての掲載はありましたが、Glyphs Mini単体の解説本はまだなかったかと思います。
本書のねらいは、読者の方にフォントデザインの「基本の作り方」を知っていただくことです。本書をおススメする対象の方は、フォントデザイン初心者、それから、文字のデザインはできるけれどGlyphs Miniの使い方がわからないという方です。
今回は、極力基本的な解説に留めたいので、アルファベット大文字のデザインを学ぶ「アルファベット大文字編」としました。
本書で解説するフォントデザインは、Adobe Illustratorでベクター画像を作りGlyphs Miniに取り込むという流れで、このブログで解説してきた方法です。このブログの読者のみなさんにおかれても、フォントデザインの理解がより得られるかと思います。あらためて、一冊いかがでしょうか?

[Contents]

INTRODACTION
この本について

Chapter 1 フォントの基礎知識
 1.「フォント」とは何なのでしょう?
 2.「グリフ」にフォルムを与え「フォント」と成す
 3.アルファベット書体の基礎構成

Chapter 2 Glyphs Miniとは
 1.フォントデザインの方法は複数あるけれど…
 2.フォント編集アプリ「Glyphs Mini」ってどんなアプリ?
 3.Glyphs Miniの使いごこちは?

Chapter 3 フォントデザインの手順
 1.フォントデザインのおおまかな工程
 2.それぞれのSTEPについてのまとめ

Chapter 4 実際に作ってみる・前編
 1.ラフスケッチ▶︎フォントの図案決め
 2.ラフスケッチをトレース・清書▶︎下絵作成
 3.下絵をスキャン▶︎「下絵PSD画像」作成
 4.「3」をトレース▶︎「ベース・ベクター画像」作成
 5.「4」を取り込み用に編集▶︎「取り込み用ベクター画像」作成

Chapter 5 実際に作ってみる・後編
 6.Glyphs Miniの設定をする▶︎フォント編集・下準備
 7.Glyphs Miniに「5」を取り込む▶︎フォント編集・前半
 8.スペーシングとカーニングをする▶︎フォント編集・後半
 9.フォントファイルを書き出す▶︎フォントの完成

Column 「文字迷Q」
(1)「グリフ」と「グリフ」の間
(2)「emスクエア」は、活字の深淵に

資料

では、また!

こんにちは。ANGEL VIBESです。前回の続きです。
前回までのお話では、Adobe Illustrator CC(もしくはCS6)の「Presets」フォルダ内の「カラーブック」フォルダに、旧バージョン(CS2から5のバージョン)の初期設定書類「PANTONE solid coated.acbl」を配置するところまでたどりつきました。これでもう、準備は整いました。Adobe Illustratorを開けば、「メニューバー」→「ウィンドウ」→「スウォッチライブラリ」→「カラーブック」から、旧・特色「Pantone Solid Coated」が選択できるようになっています。
ところで、「PANTONE+」×「Lab値」と「PANTONE」×「CMYK値」の色味ですが、どれくらい変わったか気になりませんか? 今回は、実際に「PANTONE+」と「PANTONE」の色味やCMYK置き換え色を比べてみたいと思います。

 

「PANTONE+」×「Lab値」と「PANTONE」×「CMYK値」の色味、CMYK置き換え色を比べてみました

PANTONE 115Cのナンバー色を例に、「PANTONE+」×「Lab値」と「PANTONE」×「CMYK値」の色味、CMYK置き換え色を比べてみます。

まず、「PANTONE+」のPANTONE 115C、「Lab値」 です。

見た目の色味はちょっと黒ずんでますね。レーザープリンタでプリントアウトしても、この黒ずみは残ります。

「PANTONE+」のPANTONE 115C、「Lab値」

そして、CMYKに置き換えると、C5.62+M17.9+Y84.4。

「PANTONE+」のPANTONE 115C、CMYK置き換え色

今度は、「PANTONE」のPANTONE 115C「CMYK値」です。
デフォルトでは、「Lab値」 のままなので、「スウォッチ」→「特色」を開いて、設定を「CMYK値」に変えます。
「PANTONE+」×「Lab値」のPANTONE 115Cよりも、見た目の色味はクリアですね。レーザープリンタでプリントアウトしても、このクリアさは保たれます。

旧「PANTONE」の PANTONE 115C、「CMYK値」

そして、CMYKに置き換えると、M9+Y80。
CMYKで見るとはっきりしますが、シアンが入らないこともあって、「PANTONE+」×「Lab値」にある濁りが解消されています。

旧「PANTONE」のPANTONE 115C、CMYK置き換え色

一目瞭然ですね。「PANTONE+」×「Lab値」よりも「PANTONE」×「CMYK値」の色味の方がくすみがなくなり、クリアです。選ぶナンバー色によっては、それほど色味に差が出ない場合もありますが、PANTONE 115Cなどは色味の違いは大きいですね。

 

「PANTONE solid coated.acbl」を配置するとなぜか…

さて、この作業、やってみると気が付かれる方もおられると思いますが、「PANTONE solid coated.acbl」を配置することで、「PANTONE+」であっても、「スウォッチ」ウィンドウの「特色オプション」で設定を「プロセスブックの CMYK 値を使用」に変えることができるようになります。私の環境で確認できただけなので、それができないMacもあるかもしれませんし、なぜできるようになるかについても不明ですが。この辺りはAdobeさんに伺ってみたいところです。調べきれずに恐縮です。

 

あくまで自己責任となりますが

3回に渡って「カラーブック」に追加する方法をご紹介してきた、この旧・特色「Pantone Solid Coated」ですが、使用するには少々注意が必要です。
Illustratorで、旧・特色「Pantone Solid Coated」を使用して作成したデータを、ご自分だけで使うのは良いとして、他の方と共有したりクライアントに納品したりとなると、考えるべき部分も生じます。
他の方とデータを共有するならば、相手の方と環境を揃えなければ、データを使用する際にエラーが起こるなどトラブルになることがないとは言えません。なので、あくまで自己責任での使用を。ということになります。
とはいえ、くすみがないせっかくの「Pantone Solid Coated」。トラブルを回避して使ってみたいですね。
それなら、「カラーブック」から選んだナンバー色をCMYKに置き換えてスウォッチに登録し直して使うという手段があります。例えば、PANTONE 115Cなら、CMYKに置き換えるとM9+Y80になりますが、これをスウォッチに登録して使うということです。これは、普通のCMYK色を登録して使うのと変わりありません。
私の周りの限りですが、この手段では問題は起こっていません。ただし、念のために「カラーブック」から選択した時にスウォッチに登録されたのスポットカラーは、削除しておくのがベターではあると思います。

 

まとめ

  • 「PANTONE+」×「Lab値」と「PANTONE」×「CMYK値」の色味を比べると、やはり「PANTONE」×「CMYK値」の方がクリア
  • 選択した旧「Pantone Solid Coated」はCMYK色に置き換えてスウォッチに登録し直すのがベター
  • 選択の際に登録された、スポットカラーの旧「Pantone Solid Coated」は削除するのがベター

では、また!

こんにちは。ANGEL VIBESです。前回の続きです。
Adobe Illustrator のバージョンCS6以降の、特色PANTONEのくすみが気になりませんか? というお話をしてきました。ですが、特色PANTONEは「Pantone」から「Pantone+」に新しくなり、「Pantone+ Solid Coated」を使おうとするなら、「Lab値」から「CMYK値」に定義を変えられず、そういった「くすみ」問題から逃れられないということでしたね。
今回は、カラーブックに、旧・特色「Pantone Solid Coated」を追加する方法があるので、そのご紹介をしてみたいと思います。

 

「Pantone+ Solid Coated」では本当に「CMYK値」で定義できないのか?

前回にちょっと触れましたが、「Pantone+ Solid Coated」は、本当に「CMYK値」で定義できないのかどうか、実際に試してみます。
「スウォッチ」ウィンドウの「特色オプション」では、確かに「Lab値」から「プロセスブックの CMYK 値を使用」に変更することができます。「スウォッチ」ウィンドウの右上端のメニューから「特色」を選ぶと「特色オプション」画面が表示されます。デフォルトでは「指定されたブックの Lab 値を使用」になっていますので、その下にある「プロセスブックの CMYK 値を使用」を選択します。すると特色オプションの設定は、「プロセスブックの CMYK 値を使用」になります。しかし、これで、「カラー」ウィンドウに「Pantone+ Solid Coated」が表示されている時に、「Lab値」を示すアイコンが「CMYK値」アイコンになるのかどうか。

「特色オプション」画面、「プロセスブックの CMYK 値を使用」を選択

 
しかし「Lab値」を示すアイコンのまま変わりません。

「Lab値」を示すアイコン

やってみましたが、ダメでした。「特色オプション」は「プロセスブックの CMYK 値を使用」を選択できるにはできます。しかしアイコンは「Lab値」のままです。

前回もご紹介しましたが、Adobeのサイトでも説明がされているように、「Pantone Plus スポットカラーをドキュメントスウォッチに追加するには、「Lab値」を使用してスポットカラーを定義します。」ということなので、「CMYK値」のアイコンにはならず、その再現色も「Lab値」によって定義された色になってしまいます。
「CMYK値」を使用するなら、やはり、カラーブックに旧・特色「Pantone Solid Coated」を追加するしかないということです。

 

カラーブックに旧・特色「Pantone Solid Coated」を追加してみましょう

カラーブックに旧・特色「Pantone Solid Coated」を追加する方法ですが、実はAdobeのサイトでも紹介があります。この方法を参考に、旧・特色「Pantone Solid Coated」が追加できるのか、実際にやってみます。
その方法です。MacのHDには、「アプリケーション」フォルダがありますね。このフォルダにあるAdobe Illustrator CC(もしくはCS6)の書類フォルダに、旧バージョン(CS2から5のバージョン)の書類を拾って配置します。
Adobe Illustrator が開いているなら、まずは終了します。そして、「Adobe Illustrator CC」フォルダ→「Presets」フォルダ→「ja_JP」フォルダ→「スウォッチ」フォルダ→「カラーブック」フォルダ、まずここまでたどり着きます。ここに、旧バージョンの初期設定書類、「PANTONE solid coated.acbl」を配置します。「PANTONE solid coated.acbl」は、旧バージョンの同じフォルダ、すなわち「カラーブック」から拾います。なお、Adobe Illustrator CCの「カラーブック」フォルダには、「以前のカラーブック」というフォルダがあるので、ここに配置しても良いでしょう。
これでOKです。Adobe Illustratorを開けば、「メニューバー」→「ウィンドウ」→「スウォッチライブラリ」→「カラーブック」に、旧・特色「Pantone Solid Coated」が追加されていますので、選択して使ってみましょう。

「PANTONE solid coated.acbl」を配置しました

次回は、実際に「PANTONE+」と「PANTONE」の色味、CMYK置き換え色を比べてみたいと思います。

 

まとめ

  • 「Pantone+ Solid Coated」でも「プロセスブックの CMYK 値を使用」は選択できる
  • しかし、「カラー」ウィンドウではアイコンは「Lab値」のまま
  • 旧バージョンの「PANTONE solid coated.acbl」をカラーブックに配置すれば旧バージョンの「PANTONE solid coated」が使える

では、また!

こんにちは。ANGEL VIBESです。
Adobe IllustratorのバージョンCS6以降を使用されている方の中で、カラー指定の時の特色PANTONEのことで、悩んでいる方はいらっしゃいませんか?
特色PANTONE「Solid Coated」の再現色の印象が、変わっちゃったと感じる方もいらっしゃるようです。「くすみが出るようになったね」などという声もチラホラ。
カラーレーザープリンタでプリントアウトすると、同じナンバーの特色でも、CS6以降とそれ以前とでは確かに色味に差が出る色がありますよね。
商品や実際の刷り上がり印刷物では、もちろん指定したナンバーの特色になります。でも、クライアントに見せるラフ画やカンプをレーザープリンタでプリントアウトした状態で見せる時だってあります。そんな時は実際のインキの色は再現色になってしまうので、ちょっと困ってしまいますね。

 

イラレでPANTONE「Solid Coated」のカラー指定をする時って?

Adobe IllustratorでPANTONE「Solid Coated」のカラー指定をする時とは、つまりこういう時です。
オブジェクトのカラーは特色を指定することができるわけですが、「スウォッチライブラリ」の「カラーブック」からPANTONE「Solid Coated」のウィンドウを表示して色指定する時のことです。
「メニューバー」→「ウィンドウ」→「スウォッチライブラリ」→「カラーブック」から、「Pantone+ Solid Coated」を選ぶと「Pantone+ Solid Coated」のウィンドウが出てきます。オブジェクトにPANTONE「Solid Coated」のカラーを指定する時には、このウィンドウに並ぶ色のマスの中から指定したい色を選ぶことになります。

「Pantone+ Solid Coated」のウィンドウから色を選択します

 

PANTONE「Solid Coated」の再現色の色味がくすむようになった

CS5までのバージョンとCS6以降でのPANTONE「Solid Coated」再現色の印象を比べて、「全体的にくすむようになった」「濁りが出るようになった」という声は、私自身、デザイナーの方から聞くことがあります。私も同じ印象を共有しています。
その要因は、CS6以降のスポットカラーについての仕様の変化によるものです。
特色PANTONE色(Illustratorでは、CMYK4色掛け合わせではなく1色のインキ単独で出来ている特色は「スポットカラー」と表されますが)は近似色で再現されますが、「Lab値」の再現色は「CMYK値」の再現色より濁った色味となっているにもかかわらず、
①スポットカラーを使用する際のデフォルトの設定が、「CMYK値を使用」に替わり「Lab値を使用」になった。
②CS6以降に標準となった「Pantone+(Pantone Plus、パントンプラス)」のスポットカラーは、「Lab値」による定義が前提になった。
こうした仕様の変化が、PANTONE「Solid Coated」再現色の色味に変化をもたらし、ひいては彩度の変化をももたらしています。

 

「Pantone+ Solid Coated」をスウォッチに追加すると「Lab値」で定義されることになる

「Pantone+ Solid Coated」は、表示した「カラーブック」のウィンドウから色を選択する時点でスウォッチに登録されます。その際、自動的に「Lab値」で定義されることになります。これは、Adobeのサイトでも詳しい説明がされています。

https://helpx.adobe.com/jp/illustrator/kb/pantone-plus.html

「Pantone Plus Series® のスポットカラーは、「Lab値」を使用します。Pantone Plus Series® のスポットカラーにCMYK定義はありません。したがって、Pantone Plus スポットカラーをドキュメントスウォッチに追加するには、「Lab値」を使用してスポットカラーを定義します。」

…との説明がありますが、
要するに、「Pantone Plus Series® 」は「Pantone+」の10個のバリエーションのことで、この中のスポットカラーはスウォッチに登録される際には「Lab」値によって定義され、「CMYK値」による定義はされない仕様になったということです。
なので、CS6以降は「カラー」ウィンドウの、「Lab値」を示すアイコンは、設定を変えてみようとも「CMYK値」アイコンにならないというわけです。「Pantone+ Solid Coated」を使おうとするなら、「Lab値」から逃れられない。そんなわけです。

「Lab値」を示すアイコン

「Pantone+ Solid Coated」のくすみ、気になりませんか? カラーブックに特色の旧「Pantone Solid Coated」を追加する方法はあります。ただ、ちょっと注意が必要ですが……。

そのお話は次回に!

 

まとめ

  • CS6以降のPANTONE「Solid Coated」の再現色は「Lab値を使用」がデフォルト
  • CS6以降のPANTONEのスポットカラーは、「Lab値」による定義が前提になった
  • PANTONEのスポットカラーの「Lab値」再現色は、「CMYK値」の再現色より全体的にくすんだ色味

では、また!

こんにちは。ANGEL VIBESです。「字詰め」は、グラフィックデザインにおいて重要な要素であるとお話してきました。単純化した形が三角形になる文字の周りは、アキが出やすいので要チェックということでしたね。
適切な字詰めのためにはコツが要るわけですが、その辺りについて、もう少し詳しくお話しておきます。

 

「適切な字詰め」とは?

前回に少し触れましたが、「適切な字詰め」とは、文字部分を全体的に見て、文字間のアキのバランスが整っている文字の配置です。アキが、どこかの部分だけ詰まって見えたり、逆に間が空いて見えたりしないよう、バランスが良い状態にまで調整して適度な間(ま)をとります。そのためには、文字を単純化して◯、△、□として捉えて調整してみようということでしたね。
「適切な字詰め」を覚えてしまえば、今度はあえてタイトル周りだけはキツキツに詰めてみたり逆にゆるゆるにしてみたり、そして本文は、通常の詰めにしておいたり、レイアウト全体で字詰にメリハリを効かせたタイポグラフィができるようになります。
ただ、その文字間のアキの「バランスが整った状態」がいまいち判らない、という方もいらっしゃるかもしれませんね。でも心配はありません。日頃から「バランスが整った状態」の文字のレイアウトを見るようにしていれば、自然に判るようになります。

 

「バランスが整った字詰め」の参考資料

ロゴタイプやタイトル部分の字詰めについては、日常的に目に入るものは気にして見るようにしておきましょう。本屋さんに行って、本や雑誌に載っているロゴタイプやタイトル部分をチェックしてみるという手もありますね。ネットで探しても良いでしょう。
それから、以前もお話した基本の基本です。自分の足で歩くこと。ナイスな字詰めを求めて、リーフレットやフリーペーパーを収集したり写真をとったりしに、お出かけしてみましょう。
とにかく、いいな! と思ったロゴタイプは覚えておきましょう。ネタ帳にメモしておいて、後で眺めてみると、気がつくことがあったりするものですよ。
一方、本文の部分については、インターネットが始まってからの問題もちょっと抱えてます。ネットの記事の本文は、90年代末頃に比べると、随分きれいな字詰めが実現するようになりました。でも、私はぬるさを感じています。私ぐらいの世代は電算写植の文字を見て育ってしまったので、そうならざるを得ないのです。Webデザインにおける本文は、手動での詰めがない、プログラムだけの判断による字詰めとなります。職人の手による電算写植のきめ細やかさにはかなわないという部分があります。今や、ネット記事の本文は日頃から最も目にする本文となってるかもしれませんが、もっと美しい字詰めの本文があることは覚えておいた方が良いと思います。
電算写植は版下に使われました。デザイナーなどが版下を作る時に写植業者さんに発注し、文字部分だけを印画紙に打ってもらっていました。写植業者さんは文字を打つのを専門にする職人さんなので、字詰めも見事でした。1990年代半ばぐらいまでの雑誌やリーフレットには、本文も含めて文字部分が写植のものがありました。
古本屋さんなどからあの頃の美しい字詰めの文字の雑誌などを収集し、とりあえず美しい字詰めを覚えておきましょう。

 

漢字は仮名文字より大きい傾向で詰まって見えやすい

「適切な字詰め」、あとは見て覚えましょう。と言おうかとも思いましたが、ちょっと基本のところだけコツをお話しておきますね。
書体にもよりますが、漢字は仮名文字より大きい傾向で詰まって見えやすいです。なので、漢字が集まっている部分は少しアキを広くする、あるいは、仮名文字部分のアキを狭くする。そんな調整をするとバランスが良く見えます。

 

仮名文字の小文字の周りはアキが出やすい

ひらがな、カタカナといった、仮名文字の小文字の周りはアキが出やすいです。特に、小文字が2つ連続する時はアキが出やすいので要チェックです。

 

「す」+句読点

句読点の周りはアキが出やすいです。「す」の後に句点がある時(要するに「〜す。」)など、書体によっては気になるアキが出ます。句点を「す」に寄せた方がバランスが良く見えます。同様のことは、「う」「り」「ト」等があてはまります。この辺も要チェックですね。

 
字詰めしてみました

 

まとめ

  • 漢字は仮名文字より大きい傾向で詰まって見えやすい
  • 仮名文字の小文字の周りはアキが出やすい
  • 「す」「う」「り」「ト」等の後の句読点も要チェック

では、また!

こんにちは。ANGEL VIBESです。
グラフィックデザインにおいて、「字詰め」ができているものとそうでないものの見え方は、ずいぶん異なります。「字詰め」とは何かーーーこれは「文字詰め」とも言いますがーーーグラフィックの文字部分の文字と文字の間のアキを調整することを指します。GlyphsやFontographer等のフォント作成ソフトを使用したフォントデザインでも、カーニングやスペーシングの作業に関わってきます。「字詰め」は、グラフィックデザイン全般における重要な要素なので、基本はおさえておきましょう。

 

「字詰め」はデザインの重要要素

上に述べたとおりですが、文字と文字の間のアキを調整することを「字詰め」と言います。文字と文字の間のアキを調整し、バランス良く見えるようにするということです。どこかの部分だけ、詰まって見えたり、逆に間が空いて見えたりしないように文字を移動して調整します。
「字詰め」はていねいに「文字詰め」と言ったりもします。私の周りの同業の人々では「字詰め」と言っている方が多いような気がします。
「字詰め」は、グラフィックデザイン全般において重要な要素です。なぜなら、多くのグラフィックデザインの要素には文字が含まれるからです。文字に関わるデザインは、フォントやロゴのみならず、パッケージの商品名部分、エディトリアルではタイトルや見出しそして本文部分と、多岐に渡って見出すことができます。
このように、グラフィックデザインのあらゆる部分に文字が関わっているわけですが、「字詰め」をしっかり行うことでデザインがどんどん洗練されたものになります。

 

文字と文字のアキのバランスは、どのように調整する?

「文字と文字の間のアキが均等にバランス良く見えるよう、調整をする」という一言ですが、実はこの作業は奥が深いです。文字と文字の間のアキについて調度良く見えるバランスというのは、各個人によって異なります。また、デザイナーによっても好みが分かれる部分のようにも見受けられます。ヤング層はキツキツの「字詰め」を好む一方で、中高年齢層は詰めが緩いスカスカした「字詰め」を好む、という説もリアリティを持っています。「字詰め」のキツい・緩いには絶対的な解はありません。とはいえ、キツい・緩い、どちらの方向性が好みであっても、バランスの良い「字詰め」には基本的には共通項があります。まずは、そういった部分を知っておきましょう。そうしておけば、デザインの現場ではそれほど迷うことはないと思いますよ。

 

文字を○△□としてとらえる

文字を文字と思うからこそ戸惑ってしまうのかもしれませ。文字も要するに図形です。図形と図形の間のアキが、全体的な配列から見て均等になっていればバランス良く見えます。
文字をぼ〜っと見て見ましょう。ものの形は単純化すると○(丸)、△(三角)、□(四角)のどれかに還元されます。これらを調整して並べてアキに偏りが出ないようにすれば良いわけです。アキをキツくするにしろ緩くするにしろ、偏りがなければ全体として均等なアキに見えます。とにかくアキに偏りが出ないようにしましょう。

文字を単純化してこんな感じで調整します

 

△の周りはアキが出やすい

単純化すると三角になる文字の周りはアキが出やすいのでチェックポイントです。具体的には、「A」や「V」、「T」などが該当します。ロゴでも本文でも、他の文字に比べて「A」や「V」の周りのアキが目につく時があると思います。「気になるなあ」と思う時はアキを詰めてしまいましょう。全体に馴染み、気にならなくなればOKです。

 

長方形の周りもアキが出やすい

単純化すると縦長の四角形=長方形になる文字の周りもアキが出やすいのでチェックポイントです。具体的には、横組みのひらがな「り」などが該当します。こちらもアキが気になる場合は、詰めてバランスをとりましょう。
ただし、横組みの数字の「1」や「I」は、詰めすぎると他の文字に同化して見えるので注意が必要です。同化してしまうことにより、可読性が失われてしまうことにもなりかねません。周りの文字の詰まり具合に比べ、ちょっと空き気味でも大丈夫です。

 

まとめ

  • 文字と文字の間のアキを調整することを「字詰め」と言う
  • 文字を○△□としてとらえると「字詰め」が行いやすい
  • △や長方形の周りはアキが出やすい

では、また!

こんにちは。ANGEL VIBES です。前回はDTPが主流の今日の、デジタルの入稿データを用いた印刷物作成のプロセスについて解説しました。今日はそうしたプロセスの中でも、入稿データ作成時のチェックポイントについてお話したいと思います。
印刷物をデザインするとして、印刷技術が日進月歩と言われてしまってはうっかりすると取り残されてしまいそうで、ちょっと不安になるかもしれません。ですが、心配無用です。定期的に、ネットプリントの業者さんのWebサイトを見て、データ入稿のチェックポイントをしっかり把握するようにしてさえいれば、大丈夫です。デザインソフトのバージョンや、印刷技術が上がることで、入稿データの作り方の細かい部分が変化することは、もちろんあります。でも、そうした印刷業者さんのWebサイトでは、時代の新しい変化に対応して、データ入稿のチェックポイントの説明ページをアップデートしています。まずは慌てずに読んでみましょう。

 

印刷技術は確かに日進月歩だけれども

デザイン業界の人々向けの展示会では、新しい印刷技術を目にする機会があります。「こんな印刷ができるようになったんだ!」などと驚嘆することもしばしばです。
私が、近年目まぐるしく発展したと思うのはインクジェット式の印刷技術です。10年あまりのうちに、色、とりわけ黒っぽいトーンは発色が良くなりましたし、かなり細かい線の再現ができるようになってきたなあという感想もあります。インクジェット式は新しい印刷技術として発展し、布物などのグッズの生産の際に用いられる印刷技術として定番化してきました。
そして、現代の印刷技術として基盤の一つとなっているオフセット印刷は、デジタル化とその発展にともなって、入稿の方法が変化し続けました。
新しい技術、そして変化。ついて行けるか不安になるかもしれませんが、そこはあまり慌てないことが肝心です。
プロもセミプロも学生さんも利用するようなネットプリント業者さんでは、大概そのWebサイトで、入稿データ作成上の注意を公開していますし、デザインスペースとトンボが記されたテンプレートを用意しています。時折、こういった情報を注意深くチェックして自分の知識をアップロードしていれば、新しい技術に追いつけなくなるなど、そうそう起こらないと思います。

 

ネットプリントのWebサイトをチェックしてみましょう

ネットプリントはインターネット経由でデータを送信し、入稿することができる印刷の手法です。業者さんの多くは、刷り上がった印刷物を、指定する場所に配達するサービスも行っています。
日本のネットプリントの業者さんには、「グラフィック」や、「WAVE」があります。プロも利用している印刷業者さんです。オフセット印刷に対応していて、印刷紙の種類も色々あり、多様な表現が楽しめます。そこまでの表現を求めずオフセット印刷でなくても良いというならば、コンビニエンスストアでもネットプリントを行っているので、こちらのサービスを利用すれば良いと思います。ただ、今回は、オフセット印刷に対応した入稿データの作り方に焦点を絞りたいので、「グラフィック」や「WAVE」のようなタイプの業者さんを例に考えてみたいと思います。
「グラフィック」さんでもそうですが、ネットプリントのWebサイトには、入稿データの作り方の解説ページがあります。印刷機器においてもデザインソフトにおいても、最新の技術は、導入当初はエラーが発生したり、不具合が生じる場合もあり、安定的に使用できるかどうかの研究や試験運用が必要になります。こうした解説ページに記載されている情報は、それをクリアした最新技術を含めた情報となります。
そして、そのような最新技術の反対に、古くともここまでの技術には対応している、といった情報も掲載しています。なので、古くとも新しくとも、この辺りまでの技術を覚えておけば大丈夫だという目安になるというわけです。一方、古い技術の中で対応していないものがあるならば、今や古すぎる技術なのだ、という認識も必要だということです。

「テクニカルガイド」のページが、ちゃんと設けられていますね。

画像出典:「グラフィック」のWebサイト(https://www.graphic.jp)

 

古い技術といっても

ただ、「古い」あるいは「古くからある」技術とはいっても、だから価値がないということでもありませんので、少し補足しておきます。
昔の文庫本等、今でも古本屋さんで手にすることはできますが、昔の本には活版による印刷をしばしば見かけます。本文を触ってみると凸凹しますね。これは活版印刷の特徴です。それでも、活版の印刷物は見かけることが減ったと思いますが、だからといって価値がないということではありません。古くからある技術ですが、オフセット印刷で表現できない味があったり風情があったりするものです。活躍の場は減ったとしても、まだまだ現役の技術です。
あえて古い技術を用いることでデザインの幅が広がることはある、ということは念頭に置きつつ、最新の技術も知っておけば、さらに色々な表現ができるというものです。

次回は、入稿データ作成時のチェックポイントについて、さらに具体的に解説したいと思います。

 

まとめ

  • 最新技術に対応した入稿データの作り方はネットプリントでチェックできる
  • ネットプリントのような印刷業者さんが対応できない古い技術は「古すぎる」
  • 活版印刷などは、古い技術でも価値がないということではなく、風情や味を醸し出す現役の技術とも言える

では、また!

こんにちは。ANGEL VIBES です。お話を、「版下」主流の時代から、デジタル「入稿データ」主流の今日に戻し、今回は、デジタル時代における印刷物やグッズを作成する際の印刷のプロセスについてお話します。
前回は「版下」を用いた印刷のお話をしましたが、デジタル時代の今日においても、印刷物を作成する手順は、「版下」主流だった時代のそれと共通項があります。
印刷物を作る際は、今日もかつての時代も、印刷業者や工場に入稿を行い印刷をするというプロセスを経ます。そうした作業の流れは、今も昔もそう変わりません。
それをふまえつつ、今回はDTPが主流の今日の、デジタルの「入稿データ」を用いた印刷物作成のプロセスについて解説します。
 

私がデスクトップ型の他に使用しているMacBook。パソコンはデジタルの作業には必要不可欠。

 

「DTP」とは?

「DTP」とは、desktop publishingの略です。「デジタル大辞泉」の解説では、「パソコンなどを用いて、原稿の入力から編集・レイアウト・印刷などの出版のための作業を行うこと。」とあります。他の辞典でも似たり寄ったりの解説で、デザインを生業とする私から見ても、だいたいそんなところだと思います。今や慣習的に、パソコンを用いてレイアウト〜データを入稿〜工場で印刷の版を作る〜印刷をする、といった、印刷物を作る際の一連の作業の手法をまとめて「DTP」と呼んでしまっています。「出版のための作業」というと、印象からして、紙媒体の印刷物のことを思い浮かべがちですが、実際には、布に印刷して商品を製造する際であっても、パソコンを用いてレイアウトデータを作成する手法ならば、「DTP」と呼んでしまっていると思います。「DTP」を紙媒体に限定するとなると、今となっては何とも違和感があります。その辺は、「DTP」が始まった1980年代の感覚での「電子出版」的なイメージからは、広がりを見せているかもしれませんね。

 

「DTP」時代の印刷

印刷物を作る際の作業の流れは、今日のようなDTP主流の時代もそれ以前の時代も、おおまかにはそう違いはありません。「入稿データの基本(1)」でもお話したとおりですが、ちょっと復習しますね。

・クライアントと打ち合わせ

・デザインカンプ作成

・デザイン提出

・デザイン修正

・デザインOK

・入稿データ作成

・印刷会社・工場へデータ入稿

・印刷物やグッズが完成、クライアントへの配送

今も昔も、おおまかにはそんな流れです。ただ、「DTP」主流の今日では、昔「版下作成」であった部分が、「入稿データ作成」となっているということです(もちろん今日においても、版下を必要とする媒体もあるので、「版下作成」をプロセスに含む場合もあります)。「DTP」時代の印刷に関連し、かつての時代と他に違う点があるとすれば、工場にデータ入稿した後の作業における「製版」や印刷のために工場で導入している機材でしょう。

 

製版と印刷、その機材

「製版」ですが、これは、工場で印刷のための版を作る過程を指します。「入稿データの基本(2)」でも触れましたが、オフセット印刷でCMYKに色分解した版を作る「分版」も、「製版」に含まれます。
印刷技術のデジタル化が進むに伴って、そういった「製版」のための機材もまた技術に合わせた更新がされていったということです。
また、そういった印刷技術の発展に伴い、印刷のバリエーションも増え広がりを見せました。現在では、版を作ることなく入稿データからダイレクトに印刷を行う、「オンデマンド印刷」も登場しています。そういった新しい印刷技術のために、新しい印刷機材が登場しているという面もあります。
印刷技術は日進月歩の分野です。印刷の風景は、版下が主流だった時代と比べてもそうですが、これからも変わり続けて行くでしょう。

 

「校正刷り」、出す、出さない?

布物や立体的なグッズも含めてですが、印刷物を作る際、印刷業者や工場へデータ入稿をした後、「色校正」などの「校正刷り」を出す場合もあります。
「校正刷り」とは、確認用の試し刷りの印刷物ですが(布物については、単に「サンプル」と呼んだりしている場合もあります。)、特に「色校正」とは、商品に使用する本番の素材の紙や布に印刷した試し刷りで、厳密な色の確認ができます。
プロが行うデザインの実務では、印刷会社や工場を利用して印刷を行う場合は、たいがいこの「色校正」を出します。
オンデマンドなどで、印刷の感じを確認することも可能ですが、紙や布の種類が本番のそれと異なると、印刷の発色や色の調子もまた厳密には異なってしまいます。なんだかイメージと違う、などということを防ぐため、本番と同一条件の試し刷りをしてみようという面もあるのです。
ただ、そこまで厳密な色の確認を必要としない場合もあるでしょうし、「色校正」を出せば、それだけ料金が上乗せされます。実は私も自分自身の名刺は、「色校正」なしで納品という形をとっています。「色校正」を出さないという選択も全くないということではありません。
「校正刷り」、出す、出さない? という問題ですが、「場合に応じて」ということで充分だと思います。多くのネットプリントでは、「校正刷り」なしがデフォルトで「校正刷り」ありがオプションとなっていますしね。「出さない」という選択も、間違ってはいないのです。

 

まとめ

  • 「DTP」とは、パソコンなどを用いて、原稿の入力から編集・レイアウト・印刷などの出版のための作業を行うこと。
  • 印刷物を作る際の作業の流れは、今日のようなDTP主流の時代もそれ以前の時代も、さほど違いはない。
  • 「校正刷り」、出す、出さない? は、場合に応じて決めましょう。

では、また!

こんにちは。ANGEL VIBES です。
前回「入稿データ」は「版下データ」とも呼ばれることもあるとお話しました。最近ではほとんど見かけなくなった元々の意味での「版下」ですが、版下は現在のDTP(デスクトップパブリッシング)における入稿データのルーツです。それに、未だに時々、版下で入稿しなければならない仕事もあったりします。知っておいて損は無いと思うので、今日は「版下」の解説をします。

 

「入稿データ」とは? 「版下」とは?

今やDTP主流の時代ですが、パソコンでデジタルデータを作成して入稿を行う以前には、違う手法によってそれを行っていました。その手法こそ、「版下」を用いるという手法でした。その名残でしょうか、今でも、「入稿データ」を「版下データ」と呼ぶことがあります。
「入稿データ」は図案や文字や写真等のグラフィックがレイアウトされたデジタルデータです。こうしたデジタルデータは、Adobeなどのグラフィックソフトを用いて作成されます。通常、入稿データとなれば、トンボをつけ、必要な部分には塗り足しをすることとなります。このような入稿データが、印刷に用いる版の元となります。入稿を承った印刷会社では、入稿データを元に、例えばカラーのオフセット印刷であれば、CMYK(C=シアン、M=マゼンタ、Y=イエロー、K=黒)の4色の4つの版が作られます。なおこの過程は、元のデータを4色分解するので、分版と呼ばれています。単色刷りの印刷であっても、カラーのオフセット印刷の場合と同様に、印刷に用いるための版が作られます。単色刷りの印刷ならば、版は1版となります。
このように、印刷を行う際には、印刷に用いるための版が作成されるわけですが、上に説明してきたように、版は「入稿データ」すなわちデジタルデータを元にするのが今日の主流です。しかし以前は、紙にレイアウトされたグラフィック(そして、そのグラフィックに対し赤字によって記述する指定)を版の元にするのが主流でした。こうした版の元が「版下」です。

 

「版下」は台紙にグラフィックをレイアウトしたもの

「版下」は、専用のレイアウト用紙を台紙にして、図案や文字や写真等のグラフィックを切り貼りし、作成します。文字部分には文字をレイアウトして出力した印画紙を貼り付け、写真部分には、元の写真をコピー機で印刷しアタリ画像を貼り付けます。この写真部分の元の写真は、ポジフィルムや印画紙出力した紙焼きで入稿し、版下とは別に分解してもらいます。そして後に、印刷の版のアタリ部分に合体するような流れです。

 

版下にも変遷があった

版下は、1990年代にはまだまだ現役でした。あっという間にほとんど見かけることがなくなってしまいましたが、私も作成した経験があります。
私が版下をしばしば作成していた頃は、パソコンを用いたデザインが始まっており、完全にDTPになる移行期でもありました。この頃の版下は? というと、パソコンでレイアウトしたトンボ付きのデジタルデータを印画紙出力し、版下のレイアウト用紙に貼り付け、作成していました。文字部分は、写植を貼り付けることもありました。写真部分等、別に分解してもらう箇所は、デジタルデータ上でアタリであることを示す細いケイ線を「アタリケイ」として描いておき、印画紙出力した後、そこに、コピーしたアタリ画像を貼り付けておくという。。。今考えると、面倒でしたね。
ともかく、印画紙出力の過程以降は現在のDTPの手順とずいぶん異なりますが、元々のレイアウトをパソコンでデジタルデータとして作成する点は、現在と変わらない状態でした。
では、こうしたDTPの移行期以前の版下は? といえば、パソコンがない時代になりますが、もちろんパソコンを用いることはありませんでした。文字の部分は写植を貼り付けたり、企業ロゴ等は、紙焼き機で印画紙に焼き付けて、別に分解してもらうようにしたり・・・。ケイ線は、烏口という道具や、ロットリングを使って描いたりしていました。

ダーマト

上の写真は版下作成の際に欠かせなかった、通称「ダーマト」。デスクの引出しにまだ入ってます。ロットリングは、どこかに行ってしまいました。

 

現在の版下仕事

最近でも、版下を作成する仕事があるかといえば、実際に時々あったりもします。
私は去年、選挙公報の仕事があり、昔ながらのアナログ版下を作成しました(選挙公報とは、議員さんの選挙の時に配られる候補者がズラリと載ったアレです)。こうした広報は、未だに版下なのですよね。このように、アナログの版下入稿が脈々と生きているジャンルも未だにあるわけです。
しかし、版下にするデジタルデータの印画紙出力ができる業者さんは、近年ではとても少なくなってしまいました。1990年代には、デザイン関連企業が多いエリアならば、「出力屋さん」などといった専門業者さんがすぐに見つけられる程度にはあったものですが、やはり時代の波でしょうかね。とはいえ、そういった専門業者さんが完全に無くなってしまっても困りものです。
去年、私が選挙公報の仕事をした際には、それまでデジタルデータの印画紙出力に利用していた業者さんがこのサービスを廃止してしまい、実際に困ってしまいました。でも、探してみると業者さんが見つかりました。それは「堀内カラー」さんです。写真の紙焼き等を行っている老舗の業者さんですが、版下にするデータの印画紙出力も問題なく奇麗に仕上げてくださりました。また版下を作成する仕事が来たなら、「堀内カラー」さんに出力をお願いしたいですね(※このサービスができるかどうかは、店舗にもよるかもしれないので、もしこのサービスを利用したい場合はお電話などでお確かめくださいませ)。

「堀内カラー」さんのWebサイト。お問い合わせ先の記載もありますので、必要があればこちら(http://www.horiuchi-color.co.jp)にどうぞ。

堀内カラーWebサイト

 

まとめ

  • 「入稿データ」とは印刷に使用する版の元で、図案や文字や写真等のグラフィックがレイアウトされたデジタルデータ
  • 「版下」とは印刷に使用する版の元で、台紙に各グラフィックを貼付けて作成したもの
  • 現在でもアナログ版下入稿が必須のジャンルがある
  • 「堀内カラー」さんでは、今でもデジタルデータを印画紙出力してくれる

では、また!

こんにちは。ANGEL VIBES です。「トンボ」のお話をしておきましょうか。あまり説明しないで来てしまったので、モヤモヤしている方もいらっしゃるかと思いました。
「紙の基本」のお話の中でも「トンボ」が出て来ましたね。家庭用のプリンタで印刷する用のデザインのテンプレートだったり、あるいは、インターネットから入稿できるネット印刷のためのテンプレートだったり、そうしたデータ上に「トンボ」が入ってたりします。「トンボ」は、入稿データに必要不可欠な印です。デザインをしているとよく見かけるので、ちょっと知っておきましょう。

 

「トンボ」とは?

「トンボ」とは、「紙の基本」のお話でも出て来ましたが、デザインスペースを囲む状態で上下左右そしてセンターに配置される印です。Adobeのグラフィックソフトでは、「トリムマーク」と呼んでいたりもします。

「トンボ」(「トリムマーク」ともいう)をつけたブックマーカーのレイアウト

パンダ柄ブックマーカー。完成データ。

デザインの実務では、ポスターを作ったりグッズを作ったりといった案件がありますが、この過程でデザインした図案の印刷は、印刷会社やグッズの製造工場に依頼することになります。こうした会社や工場にデザインしたデータを印刷していただくよう発注するわけですが、このようにして専門業者にデータを持ち込むことを「入稿」と言います。そして、その持ち込むデータのことを「入稿データ」と言います。少し古い言い回しかもしれませんが、「版下データ」と呼ぶ例もあります。
この「入稿データ」にとって、「トンボ」は必要不可欠なものです。ネット印刷のデザインテンプレートに、「トンボ」を見かけるのはそのためです。

 

「入稿データ」と「デザインカンプ」

でも、「トンボ」がないデザインデータもありますね。確かにそうですが、これには理由があります。「トンボ」はデザインの行程でも最終段階の「入稿データ」においては必要です。しかし、その前段階の「デザインカンプ」では必要がありません。なので、「入稿データ」か「デザインカンプ」かによって、「トンボ」の有無が出て来ます。
「トンボ」はデザインの行程にしたがって、つける・つけないを決めればOKです。
ただ、自分が今デザイン作業をしているのが、「入稿データ」なのか、「デザインカンプ」なのか、という判断は、それが全体の行程でどの部分に位置している作業なのかが解らなければ、見当がつけられません。なので、実際のデザインの行程について基本の流れだけ少しお話しておきます。

・クライアントと打ち合わせ
   ↓
・デザインカンプ作成
   ↓
・デザイン提出
   ↓
・デザイン修正
   ↓
・デザインOK
   ↓
・入稿データ作成
   ↓
・印刷会社・工場へデータ入稿
   ↓
・印刷物やグッズが完成、クライアントへの配送

実際のデザインの行程は、およそこのような流れです。「クライアント」とはデザインを依頼していただくお客様のことです。企業であったり個人であったりは様々です。そうしたクライアントから、仕事の依頼があって最初に行うのは打ち合わせです。何をデザインするのか、納期はどれくらいか、予算は・・・等。
この打ち合わせの後、まずデザイナーが作成するのが「デザインカンプ」です。この「デザインカンプ」とは、平面に描かれた完成見本のことです。現在のDTPの時代、グラフィックソフトで描かれることが多いです。デザインカンプは、クライアントにどんな完成イメージなのかを伝えるためのものなので、トンボは必要ありません。トンボは最終的な完成品においては裁ち落としてしまうからです。
提出したデザインカンプをクライアントに見ていただき、必要があれば修正を行い、デザインが確定したら入稿の準備に入ります。入稿データには「トンボ」をつけます。印刷の際に必要になるからです。
このように、伝える相手や用途によって、「トンボ」の必要の有無が分かれるというわけです。したがって、「トンボ」をつける・つけないの判断は、作成するデータが「カンプ」なのか「入稿データ」なのかで結論が出せるということです。

 

トンボのつけ方

AdobeIllustratorでのトンボのつけ方は、「紙の基本(5)〜紙道楽! 紙に印刷して遊ぼう(3)〜」に詳細がありますので、忘れてしまってましたらもう一度チェックしてみましょう。
基本的には、どういった形状であっても、裁ち落としサイズに対しトリムマークをつけますが、Illustratorのバージョンによってつける方法の選択肢があります。前に説明しましたが、裁ち落としサイズのオブジェクトを作成して選び、メニューバー「効果」→「トリムマーク」を選ぶとトンボが表示され、そして、メニューバー「オブジェクト」→「アピアランスを分割」を選択すると、線として描かれた状態のトンボが完成します。
CS5以降、CCでは、メニューバー「オブジェクト」→「トリムマークを作成」という方法で、トンボを描くことも可能です。CS5以降であれば、こちらの方がラクでしょうね。

CCの画面。「オブジェクト」から作成した方がラクですね

 

まとめ

  • 「トンボ」はデザインの行程にしたがって、つける・つけないを決めればOK
  • デザインカンプなら、トンボは必要ない
  • 入稿データなら、トンボが必要

では、また!