DTP Transit

Illustratorの変形アレコレ

2010-03-15T15:39:50Z

ツール

ツールで行う場合、次のツールが使えます。

拡大・縮小ツール
シアーツール
リシェイプツール
回転ツール
リフレクトツール
自由変形ツール

次の4つの変形ツール（拡大・縮小ツール、シアーツール、回転ツール、リフレクトツール）を利用する場合には、次の3つのアプローチがあります。

ツールを利用する場合の3つのアプローチ

ツールボックス上でツールをダブルクリック：ダイアログボックスが表示される（オブジェクトの中心を基点として変形、変形パレットで基準点を変更していても無効）
ドキュメント上でドラッグ：ドラッグに応じて変形
ドキュメント上でoption＋クリック：ダイアログボックスが表示される（クリックした座標を基点として変形）

メニューから

ツールとほぼ同様ですが、ツールにないものに［移動］があります。

［移動］ダイアログボックスは、ツールボックスの選択ツールをダブルクリックして表示することもできます。
一度、実行した変形作業（移動を含む）を繰り返すには、command+Dキー（D：duplicate）を利用します。

こちらのエントリーも参考にしてみてください。

All About Transformation in Adobe Illustrator | Vectortuts+

Illustrator？InDesign？

2010-03-05T15:02:23Z

先日、次のようなご質問をいただきました。

イラレで作成したデータを印刷したときに「ルビがずれてしまった」という問題が発生しました。
原因は、文章の訂正により行が増えてルビがずれていたのですが、訂正個所より離れていたために気付かなかったということでした。文章物ならインデザインで作成するのですが、デザイン性の高い物はイラレで作成します。どのように作るのがベストなのか、或いは、ソフト自体の改良はないものでしょうか？

こちらへの回答をご参考までに。

こちらにも記載しましたが、下記などの点で、InDesignには優位性があります。

ルビ（ふりがな）
段落境界線（段落前後に設定する罫線）
先頭文字スタイル（文字スタイル適用の条件設定）
アピアランスを使わずに実現できるフチ文字
インライングラフィック（文章中に挿入する画像）
表組み

ページものを前提にしたときには、次にあげるアドバンテージがあります。

マスターページ機能
自動ページ番号
ブック（複数のドキュメントをまとめ、ページ番号を通したり、スタイルを同期する）
目次と索引

そのほか、出力を前提とした次の機能などもあります。

プリフライト機能（出力前のチェック機能）
パッケージ（画像の収集）機能

※Illustratorが劣っているというわけではありません。

ソフト自体の改良はないものでしょうか？

私の知る限り、アドビはIllustratorとInDesignの用途を切り分けており、上記についてIllustratorを強化することは当面ないと思われます。

どのように作るのがベストなのか

ルビをはじめとする上記のような要素がある場合、迷わすInDesignを選択されるのがベターだと考えます。

どちらが便利、というより、どちらが事故が少ないか、という観点でしょうか。

ご参考：

後者のあかつき＠おばなのDTP稼業録にて触れられているInDesignにはほぼリアルタイムの自動保存機能があるは、アドビのすべてのアプリケーションに搭載して欲しい機能です。

Illustratorへの配置画像を収集

2010-03-05T14:41:27Z

「Illustratorに配置画像を忘れて困った」、「Illustrator CS2以降に対応する『イラレの鬼』はまだ？」という方に朗報です。

札幌の「有限会社たま」からDHT Image finderというアプリケーションがリリースされました。

主な機能は次の6つ。

Adobe Illustrator® のリンク画像収集機能
サムネイル表示機能
制作バージョン、保存バージョンの確認
カラー情報確認機能
画像情報表示機能
フォント情報表示機能

Mac OS X 10.4以上、IllustratorはCS-CS5まで対応とのことです。

販売価格3,900円のところ、3月末までは1,980円とのことです。このチャンスをお見逃しなく！（3月8日から販売開始）

情報ソース：:: イラレの鬼の再来！『DHT imagefinder』がなかなか良い！ | DTPデザイナーの育児日記 ::

Illustrator：テキストエリアのつくり方

2010-03-04T16:09:15Z

文字ツール（エリア内文字ツールではなく）で適当にドラッグすれば、テキストエリアを作成することができますが、あらかじめ大きさを決めておきたい場合には長方形ツールでクリックして幅/高さを指定します。

文字ツールを選択すると、マウスポインタはIビーム（）になります。
四角形の辺の近くにマウスポインタを移動し、Iビームの形状がに変わったらクリックします。
四角形の塗りや線の情報は消えます。文字を入力、またはペーストで流し込みます。

ステップ2でクリックする際、四角形の中にあればいい、というわけではありません。マウスポインタの形状の変化がポイントです。

なお、透明になったテキストエリアに、塗り/線の情報を付加する~~ことはできません。~~には、ダイレクト選択ツールでテキストエリアの辺をクリックしてから、［カラー］パネルや［スウォッチ］パネル、［線］パネルで行います。［コントロール］パネルでは設定できません。［角を丸くする］効果を付加することもできます。

［エリア内文字オプション］で［外枠からの間隔］を設定すれば、テキストエリア内のマージンを設定することができます。

追記：

dimension nantohさんからご指摘いただき、修正・加筆しました。ご指摘ありがとうございます！

Illustrator：テキストエリアの大きさを変更するには

2010-03-04T15:53:37Z

Illustratorでテキストエリアの大きさを変更したいとき、［変形］パネル（［W］［H］）を使うと長体/平体がかかってしまいます。

テキストエリアの各辺をダイレクト選択ツールでドラッグする方法もありますが、［変形］パネルの数値とリンクしないので、あくまでも感覚的な用途、または、事前にガイドを引いておく必要があります。

［書式］メニューから［エリア内文字オプション］を選択し、［幅］、［高さ］に数値を入力するのがスマートな方法です。

Illustratorで文章を扱うとき（文字組版）

2010-03-02T16:21:21Z

Illustratorで文章を扱うとき、矩形エリアに文字を流し込んだままではなく、次の4点は、最低限設定します。

行送りの設定
均等配置（行頭行末揃え／ジャスティファイ）
禁則
文字組み（約物前後や和欧間のスペースの設定）

逆を言えば、Illustratorではポイントテキスト（文字ツールでクリックして入力したテキストオブジェクト）を前提としています。

デフォルトの［行送り］は、文字サイズの175％に設定されています。「（14.4pt）」のように（）付きで表示されているときには「自動」行送りになっています。1行あたりの文字数に応じて調整します。
　
CS以前のIllustratorや、バージョン互換を行ったドキュメントによっては自動行送りが欧文に準じた120%になってしまいます。120%では行送りは狭すぎます。日本語では150-190%程度に設定します。
［段落］パネルの［均等配置（最終行左揃え）］をクリックして、行頭行末揃え（ジャスティファイ）に設定。
キーボードショートカットはcommand+shift+J。
そのままだと、行頭に「、」「。」が来たりすることがあるので、「弱い禁則」または「強い禁則」のどちらかの禁則処理を設定。
「強い禁則」を設定すると、拗促音（「ゥ」「ー」など）も対象になります。
［文字組み］に「約物全角」などを設定します。
英数字の前後が空きすぎてしまうので、新規セット（複製）を作成し、和欧間を「八分」（12.5％）に変更しています。

文字組みアキ量設定は、それだけでモンスターなトピックです。IllustratorとInDesignのそれでは、いろいろと異なるのですが、「なんでやねんDTP」さんの下記の記事などが参考になります。

なんと！Illustrator用の文字組みアキ量設定を作ってくださいました！

イラレの「文字組みアキ量設定」例 - なんでやねんDTP

追記：

実験る〜む Illustratorの自動行送り数値さんにてご指摘いただき、手順1を修正しました。ご指摘ありがとうございました。

図版の上に黒丸数字を配置する際の気遣い

2010-03-01T07:28:21Z

図版上に黒丸数字を配置する場合、数字部分が透明になってしまいます。ベタ（単色）であれば問題になりにくいのですが、写真など配置する場所によって背景が異なる場合にはあまりうまくありません。

対策は2つです。

カーニングでなんとかする

カラー：白で「●」、続けて「①」（黒丸数字）を入力。
「●」と「①」の間にカーソルをおき、［文字間のカーニングを設定］に「-1000」と入力。
Illustratorでは1文字を1000/1000emと計算しているので、-1000と入力することで、ちょうど1文字分ずれることになります。

これで数字の部分が透けなくなります。

2つの文字でなんとかする

カラー：白で「●」、別の文字オブジェクトとして「①」（黒丸数字）を入力。
2つの文字を選択して、上下、左右、それぞれ中央に配置。
2つの文字をグループ化。

グラフィックスタイルの2つのメリット

2010-02-28T16:18:51Z

ドキュメント内で設定したフチ文字などを、ほかのオブジェクトにも適用させたい場合には、グラフィックスタイルを使うと2つのメリットがあります。

ほかのオブジェクトに同様のスタイルを、スピーディに行える
修正が生じる場合に、一括変更が可能

グラフィックスタイルは、「スタイル」機能としてIllustrator 9.0から搭載。Illustrator CSからは、段落スタイル／文字スタイルが搭載されたため、「グラフィックスタイル」と名称が変更されました。

あかつき＠おばなのDTP稼業録【Illustrator】グラフィックスタイルをスウォッチ代わりに使う

グラフィックスタイルの適用は次の手順で行います。

グラフィックスタイルに適用したいオブジェクトを選択し、［グラフィックスタイル］パネルにドラッグします。
［グラフィックスタイル］パネルに、スタイルのスウォッチが追加されます。改めて、このスウォッチをクリックしておきましょう（あとでいいことがあります）。
ほかの適用させたいオブジェクト（ここでは「快挙」）を選択し、［グラフィックスタイル］パネルのスタイルのスウォッチをクリックします。
スタイルが適用されます（この流れでは、2クリックでグラフィックスタイルを適用）。
あらかじめオブジェクトを選択しておかなくても、適用させたいオブジェクト（ここでは「朗報」）に、［グラフィックスタイル］パネルのスタイルのスウォッチをドラッグして適用させることもできます。こちらの方がスピーディです。
修正があったと仮定しましょう。
その場合には、変更が生じたオブジェクトを、［グラフィックスタイル］パネルのスタイルのスウォッチにoptionキーを押しながらドラッグします。
スタイルが適用されているオブジェクトにも一括で反映されます。手順2の中で行った「改めて、このスウォッチをクリック」を忘れてしまうと、一番最初に作成したオブジェクトには修正が反映されませんので、注意しましょう。

Illustrator：スポーツ新聞風のフチ文字を作成する

2010-02-24T19:01:21Z

スポーツ新聞風のフチ文字を作成する手順です。

文字を入力します。ここでは「ゴシックMB101Pro B、60pt」に設定しました。
塗りと線をなしに設定します。
背景が白い場合には、文字は見えなくなります。
［アピアランス］パネルを開き、パネル下部の一番左の［新規線を追加］ボタンをクリックします。線、塗りの属性がそれぞれ追加されます。
塗りのカラーを設定します。線が前面にあるため、実際には塗りが"やせて"しまっています。
［アピアランス］パネルで、塗りの行をドラッグし、線の属性よりも上にします。塗りが前面になったため、線の太さは1/2のみ表示されます。これで文字はやせて見えることはなくなります。
さらに［アピアランス］パネル下部の［新規線を追加］ボタンをクリックし、線の属性を追加します。図のように、塗りの下に「線：白、3pt」、「線：キンアカ、6pt」のように設定します。
キンアカの線の「線」という文字をクリックして［線］パネル表示し、［ラウンド結合］を選択し、角を丸めるとよいでしょう。白い線も必要に応じて設定してください。
さらに一工夫するために、線を少し太くします。太くした線を選択した状態で［アピアランス］パネル下部の［新規効果を追加］ボタンをクリックします。
［パスの変形→変形］をクリックします。
［プレビュー］にチェックをつけ、効果のかかり具合（ここでは移動距離）を確認しながら、［移動］に「水平方向：0.3mm、垂直方向：-0.3mm」のように設定します。
キンアカの線が右下に移動し、3Dっぽい効果になりました。

ステップ9-12については、大阪DTPの勉強部屋を主催されている宮地知さんにご教授いただきました。

Photoshop：塗りつぶしに関するキーボードショートカット

2010-02-23T02:20:41Z

Photoshopで「塗りつぶし」を実行するときによく使うキーボードショートカットです。

option+delete：描画色で塗りつぶし
command+delete：背景色で塗りつぶし
shift+delete：［塗りつぶし］ダイアログボックスを表示
command+option+delete：ヒストリーで塗りつぶし

さらに

shift+option+delete：（レイヤーの透明部分が保持しながら）描画色で塗りつぶし
shift+command+delete：（レイヤーの透明部分が保持しながら）背景色で塗りつぶし

追記：

（z-）さんにコメントいただき、「ヒストリーで塗りつぶし」を補足しました。

黒（ブラック）、白（ホワイト）で塗りつぶしたい場合には、［塗りつぶし］ダイアログボックスにて設定するのがよさそうです。

Illustrator同様（日本語入力がオフの状態で）Dキーを押すと、描画色/背景色を初期化することができます。Photoshopでは、描画色：黒、背景色：白にリセットされます。

Photoshop CS3

Illustrator：ガイドに関するアレコレ

2010-02-22T00:35:44Z

Illustratorに限らず、デザインの編集作業では、ガイドの使いこなしがキモです。オブジェクト・ガイドとルーラー・ガイドの2種類のガイドがあります。

オブジェクトガイドの作成方法

ガイドにしたいオブジェクトを選択し、［表示］→［ガイド］→［ガイドを作成］を選択します。

キーボードショートカットはcommand+5キーです。ヘビーに使うのでキーボードショートカットを覚えましょう。

ガイドに変換すると、オブジェクトの塗りや線の情報は消えます。

ガイドのカラーとスタイル

ガイドのカラーは「シアン」、スタイルは「実線」がデフォルトですが、［ガイド・グリッド］環境設定で「ライトブルー、点線」に変更するとよいでしょう。

「シアン、実線」に比べて見分けやすくなると思うのですがいかがでしょうか？　シアンはチカチカするし、実線だとガイドっぽくなく、オブジェクトとの見分けがしにくいです。ちなみに、古いIllustratorでは「ライトブルー、点線」でしたので、それに慣れているということもあると思いますが。

もちろん、ガイドのカラーは制作されているコンテンツのカラーに応じて見分けやすいカラーを選択されるとよいでしょう。

ガイドはロックしておきましょう

最近のIllustrator（CS3/CS4）では、デフォルトでガイドのロックがオフになっています。つまりガイドを移動したり、削除することができます。

これだとガイドの意味があまりないので、［表示］→［ガイド］→［ガイドをロック］を選択してロックしておきましょう。

オブジェクトガイドをオブジェクトに復活するには？

command+shift+ダブルクリックすると、オブジェクトガイドをオブジェクトに復活します。つまり、元のオブジェクトの塗りや線が復活し、通常のオブジェクトと同様、移動が可能になります。

ガイドのロックをはずした状態で、［表示］→［ガイド］→［ガイドを解除］を実行してもよいのですが、ご紹介した方法が一番スピーディです。

ルーラガイド

次の手順でルーラガイドを描画します。

command+Rキーで定規を表示します。
定規の目盛からドラッグすると引かれるのがルーラガイドです。

ルーラガイドはドキュメント内を貫通するカタチで描画されます。

左の目盛からドラッグすると縦のルーラガイド、上の目盛からドラッグすると横のルーラガイドが作成されますが、optionキーを利用すると逆になります。

ルーラガイドもcommand+shift+ダブルクリックで復活します。ただし、元々の塗りや線の情報はないので、それぞれ「なし」の長いオブジェクトになります。移動したり、削除する場合に使うとよいでしょう。

移動後は、command+5キーで再度、ガイドにします。

IllustratorやPhotoshopのTipsをtweet

2010-02-19T10:18:13Z

下記にて、IllustratorやPhotoshop、InDesignのTipsがtweetされています。

DTP Transitのtwitterアカウントもよろしくお願いいたします。

文字列をダブルクリックしたときの挙動の比較

2010-02-16T06:56:47Z

ささいなことだけど、クリアしておきたい基本操作というエントリーで次のようにご紹介したのですが、いろいろコメントいただいたので調べてみました。

文中で英単語をダブルクリックすると、その英単語が選択されます。多くのアプリケーションでは、英単語に続くスペースも選択されます。

Finder、Jedit 2.20、Dreamweaver CS4、InDesign CS4、Fireworks CS4、Safari、Firefox、Excel 2008、Illustrator CS4、Photoshop CS4について調べたのですが、英単語の後のスペースまで選択されるのはIllustrator CS4/Photoshop CS4のみでした。

同様に、ハイフン、アンダースコア（アンダースコア）つながりの場合も調べてみましたのでシェアします。

アプリケーション	aaa-bbb_ccc	aaa bbb ccc
Finder	aaaとbbb_ccc	続くスペースは選択されない
Jedit 2.2
Dreamweaver CS4
InDesign CS4
Fireworks CS4
Keynote '09
Safari
Firefox	aaa、bbb、cccそれぞれ個別に選択される
Excel 2008	aaa、bbb、cccそれぞれ個別に選択される
Illustrator CS4	aaa-bbb_ccc全体	続くスペースまで選択される
Photoshop CS4	aaa-bbb_ccc全体	続くスペースまで選択される

とりあえず、単語はダブルクリックで選択できますが、ハイフン、アンダースコア（アンダースコア）については、ムチャクチャな実装です。

Photoshopの［レイヤー］パレットで不透明度をスピーディに変更する

2010-02-15T05:05:15Z

Photoshopでは、たとえば、数字キーの3を押すと［レイヤー］パレットで［不透明度］が「30%」に変更されます。

4キーだったら「40％」、8だったら「80％」です。 4キーと5キーと続けて押すと「45%」になります。

100%に戻すには0キーです。

不透明度フィールドをフォーカスしていなくても使えるのが便利ですね。確か、Photoshop 4.0くらいから実装されていたように思います。

Illustratorで手動カーニングをリセットする

2010-02-14T17:47:45Z

Illustratorで手動カーニングをリセットするするには、［文字］パネルの［文字間のカーニングを設定］（A/V）に「0」を入力します。