Quantcast
Channel: DTP Transit
Viewing all 580 articles
Browse latest View live

dot-ai, Vol.2が終了しました


Adobe Creative CloudのアカウントでCS6をダウンロードする方法

$
0
0

自分メモ的に。

Adobe Creative Cloudのコントロールセンター(っていうんでしょうか?正式な名称がわからず...)では、CC版しかインストールできません。CS6版をインストールするには、次の手順を踏みます。

手順

  1. ダウンロードセンターを開く
  2. ダウンロードしたいアプリケーションの[ダウンロード]ボタンをクリックする
  3. 「製品情報」のすぐ下のポップアップメニューから「XXXX CS6」を選択する
  4. 右上のボタンが[ダウンロード]から[XXXX CS60]をダウンロードに変わるのでクリックする
  5. Adobe Creative Cloudのコントロールセンターでインストールがはじまる

Web向けにIllustratorを使う上でのコロンブスの卵的なアプローチ

$
0
0

_DSC7108.jpg

2010年にリリースされたIllustrator CS5でのWeb向けの機能強化以降、Web向けにIllustratorを使う上では、次のアプローチが基本とされてきました。

  • ドキュメントプロファイルに「Web」を選択し、[新規オブジェクトをピクセルグリッドに整合]にチェックを付ける
  • [ピクセルプレビュー]をオンにする

先週末に行われたdot-ai, Vol.2において、黒葛原 道さん(eater)が、次のアプローチを発表され、「なるほど!」と思ったのでご紹介します。

  • [新規オブジェクトをピクセルグリッドに整合]はオフにする
  • グリッドを1ピクセルに設定し、[グリッドにスナップ]をオンにする
  • [線の位置]は外側に設定する

次の図は、左が従来のもの。右側が黒葛原さん方式です。

Illustratorの「ピクセルグリッドに整合」は、3px x 3px、線幅1pxの図形を描画する際、ピクセルグリッドの中央に吸着します。これを「ピクセルグリッドに整合」を使わずに、ピクセルグリッドに正確に吸着すればいいじゃん、ということですね。

aicc-pixelgrid-32.jpg

なるほど、このアプローチなら、パスの位置とピクセルグリッドがずれる問題にも対処できます。

ポイントは、[アピアランス]パネルの[新規アートに基本アピアランスを適用]のチェックをはずしておくこと。

aicc-pixelgrid-31.jpg

InDesignでマスターページアイテムをロック解除するのにcommand+shift+ドラッグが使える

$
0
0

InDesignのドキュメントページにあるマスターページアイテムはロックされているため、選択することすらできません。マスターページアイテムのロック解除は、command+shift+クリックと信じてかれこれ10年生きてきました。

昨日知ったのですが、マスターページアイテムをロック解除するのにcommand+shift+ドラッグが使えますね。

unlock-masterpage-item.jpg

一旦、削除せずに、ほかのアイテムをcommand+shift+ドラッグすれば、ロックを解除しながら同時に選択状態になるので、後でまとめて削除することもできます。

InDesignのテキストフレーム分割アレコレ

$
0
0

基本操作

テキスト連結

[表示]メニューの[エクストラ]→[テキスト連結を表示]をクリックすると、フレームとフレームの連結を表示するUIパーツが表示される。

テキスト連結の解除

A→Bの解除を行う場合、次の手順で行う

  1. Bのインボックスをクリック
  2. Aのフレーム内にカーソルを移動し、〓になったらクリック

結果として、Bのフレームは「空」になる

スクリプトを利用

スクリプトを利用すると、フレーム内のテキストを保持することができる

  • 「BreakFrame.jsx」
  • 「SplitStory.jsx」
  • 「StorySplitter_3.0.jsx」 

「BreakFrame.jsx」

[スクリプト]パネルの「アプリケーション」→「サンプル」→「JavaScript」を展開し、「BreakFrame.jsx」をダブルクリックして実行する

_breakframe.jpg

選択しているテキストフレームと、そのフレームより前に連結しているフレームがそれぞれすべて分割される

  • A→B→C→D→Eと連結しているとき、Aを選択して実行すれば、A、B→C→D→Eとなる
  • A→B→C→D→Eと連結しているとき、Bを選択して実行すれば、A、B、C→D→Eとなる

この際、フレーム内のテキストは、それぞれのフレーム内に保持される

「SplitStory.jsx」

[スクリプト]パネルの「アプリケーション」→「サンプル」→「JavaScript」を展開し、「SplitStory.jsx」をダブルクリックして実行する

splitter.jpg

選択しているテキストフレームと、その連結しているフレームがそれぞれすべて分割される

その際、フレーム内のテキストは、それぞれのフレーム内に保持される

「StorySplitter_3.0.jsx」

下記から、ダウンロードし、「ユーザー」フォルダに入れる

[スクリプト]パネルの「ユーザー」を展開し、「StorySplitter_3.0.jsx」をダブルクリックする

StorySplitter-1.jpg

次のようなダイアログボックスが表示される

StorySplitter-2-s.jpg

  • 「Split All Frames」は、「SplitStory.jsx」と同様に、すべてのフレームが分割される
  • A→B→C→D→Eと連結しているとき、Bを選択して「Split After Selected Frames」を選択して実行すれば、A→B、C→D→Eとなる

スライド『Webデザイナーのためのタイポグラフィと文字組版(Reloaded)』

IllustratorやPhotoshop、InDesignのバージョン番号

$
0
0

IllustratorやPhotoshop、InDesignのバージョン番号について整理してみました(ただし、呼び方は、いろいろあるのでツッコミいただく部分かもしれません)。

version-number.png

整数バージョン(メジャーバージョン)

Illustratorの場合、CCは17、CS6は16のように、CSなどの番号とは別に通しでの整数バージョンを持っています。

マイナーバージョン

CS6からCCのように大きなバージョンアップの合間に行われるアップデートが行われる場合に、この数字がアップします。

バグフィックス

いわゆるバグ(不具合)が解消されるアップデートが行われる場合に、この数字がアップします。

改めて、[情報を見る]とスプラッシュスクリーンを見比べると、一貫性のなさぶりがアドビ・クオリティです...

 情報を見るスプラッシュ
Illustrator17.0.017.0.2
Photoshop14.1.214.1.2 x64
InDesign9.1.0.339.1

version-number-Ai.fw.jpg

version-number-Ps.fw.jpg

version-number-Id.fw.jpg

ご参考:

dot-ai, Vol.2、dot-ai, Vol.1のビデオ販売が再開

$
0
0

banner-dotai1-2-video.png

2013年11月23日に開催されたdot-ai, Vol.2「ネタ祭り2013」のフォローアップ(ビデオ、デモデータ)が出揃いました。dot-ai, Vol.1と合わせて、販売を再開しました(別々に購入可能)。

dot-ai, Vol.1、dot-ai, Vol.2、それぞれ、イベントは5.5時間。転換や休憩時間を差し引いても、かなりのボリュームです。それぞれのテクニックなどはもちろん、ほかの方が操作しているところを観るだけでもいろいろな発見があるでしょう。

ご参考(dot-ai, Vol.2の感想ブログ)

ご参考(出演者のブログ)


Illustrator、Photoshop、InDesignでの「取り消し」「やり直し」

$
0
0

すごくベーシックな内容ですが、Illustrator、Photoshop、InDesignでの「取り消し」「やり直し」についてまとめてみました。

 Illustrator、InDesignPhotoshop
取り消し(undo)command+Z
やり直し(redo)command+shift+Zcommand+Z
1段階戻る-command+option+Z
1段階進む-command+shift+Z

Illustrator、InDesign

command+Zキーで、どんどん直前の操作に遡ります。「取り消し」の取り消し(やり直し)はcommand+shift+Zキー。

undo-1.png

Photoshop

command+Zで直前の操作に戻りますが、続けてcommand+Zキーを押すと「やり直し」になります。つまり、Aを操作してBになったとき、command+Zキーを連続で押すことによって、A→B→A→B→A→Bのように繰り返します。色調補正やフィルターなど、Before/Afterを比較するのに向いています。

操作をさかのぼるには、command+option+Zキー。その取り消しがcommand+shift+Zキーです。

undo-2.png

Photoshop CCだけ変更可能になったUIのフォントサイズ

$
0
0

UIの進化(改良)は、いつもPhotoshopが先で、IllustratorやInDesignは1-3世代遅れて実装するのが常ですが、Photoshop CCでは、UIのフォントサイズが変更できるようになっています。

次のように、3段階で文字サイズが変更されます。

[環境設定]の[インターフェイス]カテゴリの[テキスト]セクションで設定します(有効になるのはPhotoshopを再起動してからです)。

望まれるUIの統一

これじゃ「縦割り行政」だ。

 IllustratorPhotoshopInDesign
スクラブスライダーOK
フリックスパンOK
スクラブズームOK
メニューのカスタマイズOKOK
アプリケーションバーの有無OKOK
アプリケーションフレームの有無OKOKOK

文字あふれ、Illustratorでは「オーバーフローテキスト」、InDesignでは「オーバーセットテキスト」

$
0
0

重箱の隅をつつくようでアレなんですが、「文字あふれ」に対する用語がIllustratorとInDesignでは異なります。

Illustratorではオーバーフローテキスト

AiCC-overflowtext.jpg

InDesignでは「オーバーセットテキスト」

IdCC-oversettext.jpg

InDesignでは、CS6以降の自動サイズ調整を使ったり、プラグインで解決する方法があります。

オーバーセットテキストって、もしかしてローカライズでの誤訳??と一瞬思ったけど、英語版でも同じみたいです。

InDesignへのIllustrator(およびPDFの)配置オプション

$
0
0

InDesignにIllustrator(およびPDFの)を配置するときのオプションが、ちょっと難解です。ちょっと自信ないので、ツッコミ歓迎です。

IdCC-place-PDF-2-s.fw.jpg

InDesignのヘルプには次のように記述されています。

PDF(または Illustrator 9.0 以降のバージョンで保存されたファイル)を配置する場合、配置ダイアログボックスの「読み込みオプションの表示」を選択すると、ダイアログボックスに次のオプションが表示されます。

オプションを表示にしてみました。

項目名説明
バウンディングボックス PDF ページのバウンディングボックス、つまり、ページマークも含めて、ページ上の全オブジェクトを囲む最小限の領域を配置します。「境界線ボックス(表示中の レイヤーのみ)」の場合は、PDF ファイルで表示されているレイヤーの領域のみで配置され、「境界線ボックス(すべてのレイヤー)」の場合は、PDF ファイル内のすべてのレイヤー(非表示のレイヤーも含む)の領域で配置されます。
アート (例えばクリップアートなどの)配置可能なアートワークとして PDF の発行者が定義した領域だけを配置します。
トリミング Adobe Acrobat によって表示または印刷される領域だけを配置します。
裁ち落とし 裁ち落とし範囲が存在する場合、すべてのページ内容をクリップする領域だけを配置します。 ページを印刷物の製造環境で出力する場合に便利な設定です。 プリントされたページでは、裁ち落としの外側にページマークが表示される場合があることに注意してください。
メディア ページマークも含んだ、元の PDF ドキュメントの物理的な用紙サイズ(例えば A4 の用紙サイズ)の領域を配置します。
トンボ トリムマークが存在する場合、印刷工程で実際にカットされる最終的なページの領域だけを配置します。

さらに図版が掲載されています。

df_06-2.jpg

この合番に対応するように、表を加工すると、次のようになります。

合番項目名説明
A メディア ページマークも含んだ、元の PDF ドキュメントの物理的な用紙サイズ(例えば A4 の用紙サイズ)の領域を配置します。
B トンボ トリムマークが存在する場合、印刷工程で実際にカットされる最終的なページの領域だけを配置します。
C裁ち落とし 裁ち落とし範囲が存在する場合、すべてのページ内容をクリップする領域だけを配置します。 ページを印刷物の製造環境で出力する場合に便利な設定です。 プリントされたページでは、裁ち落としの外側にページマークが表示される場合があることに注意してください。
D内容
E トリミング Adobe Acrobat によって表示または印刷される領域だけを配置します。
F アート (例えばクリップアートなどの)配置可能なアートワークとして PDF の発行者が定義した領域だけを配置します。
? バウンディングボックス PDF ページのバウンディングボックス、つまり、ページマークも含めて、ページ上の全オブジェクトを囲む最小限の領域を配置します。「境界線ボックス(表示中の レイヤーのみ)」の場合は、PDF ファイルで表示されているレイヤーの領域のみで配置され、「境界線ボックス(すべてのレイヤー)」の場合は、PDF ファイル内のすべてのレイヤー(非表示のレイヤーも含む)の領域で配置されます。

えっと、この「内容」って、「バウンディングボックス」のことでいいのですかね。順番はいいとしても、項目名を揃えていただかないことには、ちょっと判断しにくいです。

次のようなIllustratorドキュメントを配置してみたところ、次のような結果になりました。

IdCC-place-PDF-3.jpg

合番項目名説明
A メディア 216.002 mm * 297 mm
B トンボ 210.002mm * 297 mm
C裁ち落とし216.002 mm * 297 mm
D内容-
E トリミング 216.002 mm * 297 mm
F アート 144.466 mm * 123.451 mm
? バウンディングボックス 144.466 mm * 123.451 mm

次のようなPDFドキュメントを配置してみました。

IdCC-place-PDF-4-s.jpg

これは、Illustratorの別名保存で「PDF/X-1a」を選択し、[すべてのトンボとページ情報をプリント]、[ドキュメントの裁ち落とし設定を使用]の両方をオンにしたものです。

IdCC-place-PDF-5-s.jpg

次のような結果になりました。

合番項目名説明
A メディア 245.988 mm *332.104 mm
B トンボ 210.002mm * 297 mm
C裁ち落とし216.002 mm * 297 mm
D内容 
E トリミング 245.988 mm *332.104 mm
F アート (選択できない)
? バウンディングボックス 245.988 mm *332.104 mm

まとめ

Illustrator、PDFを配置したときの結果をまとめると、次のようになります。

合番項目名IllustratorPDF(ページマーク付き)
A メディア ドキュメントサイズ+裁ち落としページマークやトンボなどを含んだサイズ
B トンボ ドキュメントサイズ
C裁ち落としドキュメントサイズ+裁ち落とし
D内容  
E トリミング ドキュメントサイズ+裁ち落としページマークやトンボなどを含んだサイズ
F アート 実際のオブジェクトのサイズ(選択できない)
? バウンディングボックス 実際のオブジェクトのサイズページマークやトンボなどを含んだサイズ

冒頭のヘルプに手を入れると、次のようになります(取り消し線が削除したところ、太字が加筆したところ)。

項目名説明
バウンディングボックス PDF ページのバウンディングボックス、つまり、ページマークも含めて、ページ上の全オブジェクトを囲む最小限の領域を配置します。「境界線ボックス(表示中の レイヤーのみ)」の場合は、PDF ファイルで表示されているレイヤーの領域のみで配置され、「境界線ボックス(すべてのレイヤー)」の場合は、PDF ファイル内のすべてのレイヤー(非表示のレイヤーも含む)の領域で配置されます。
アート (例えばクリップアートなどの)配置可能なアートワークとして PDF の発行者が定義した領域だけを配置します。 Illustratorドキュメントを配置するときのみ選択できる。
トリミング Adobe Acrobat によって表示または印刷される領域だけを配置します。Illustratorドキュメントの場合には、ドキュメントサイズ+裁ち落としのサイズ。PDF(ページマーク付き)の場合には、ページマークも含めて、ページ上の全オブジェクトを囲む最小限の領域。
裁ち落とし 裁ち落とし範囲が存在する場合、すべてのページ内容をクリップする領域だけを配置します。 ページを印刷物の製造環境で出力する場合に便利な設定です。 プリントされたページでは、裁ち落としの外側にページマークが表示される場合があることに注意してください。
メディア ページマークも含んだ、元の PDF ドキュメントの物理的な用紙サイズ(例えば A4 の用紙サイズ)の領域を配置します。
トンボ トリムマークが存在する場合、印刷工程で実際にカットされる最終的なページの領域だけを配置します。要するに、ドキュメントサイズ

また、「境界線ボックス」と「バウンディングボックス」は同じものを指しているようですが、ローカライズの時点で揺れています。

最終的なまとめ

次のようにまとめてみました。

Illustratorの場合には、オプションを選択せずに配置(「アート」)するとよい。 ただし、後から修正がある場合、InDesignのフレームからアートワークが欠けてしまったり、InDesign上のほかのオブジェクトとずれてしまう事態が発生してしまうことがある。その場合には、「トンボ」を選択して、ドキュメントサイズで配置するとよい。

PDFの場合には、「裁ち落とし」を選択し、裁ち落とし領域を加えたドキュメントサイズ(A4の場合には、216mm * 303mm)を選択する(完成したドキュメントを配置するという前提)。

メールの署名やWebサイトの会社概要には郵便番号を添えて住所を記載しよう

$
0
0

Facebookで「今年のまとめ」というアプリを走らせていたら、同じような内容を2回もポストしていたので、まとめて転記してみます。

Webサイトの会社概要の住所には、郵便番号をお忘れなく

pixta_7098568_S.jpg

  • 郵便局とヤマトの人が助かります。
  • ATOKで変換できるので、住所入力の手間が減ります。

ビジネスメールの署名には、住所/電話番号を付けましょう

  • 探す手間が省けます。

その他

コメントから。

スマホ向けのサイトで、住所をなぞって住所だけが綺麗に選択されるサイトだと、地図アプリと連携しやすくて嬉しくなります

画像化されているとコピー&ペーストできない。これは、スマホ向けでなくても困ります。

発注書をFAXしてください、って会社からの発注書のフォーマットにFAX番号が書いてないのもどうにかしてもらいたいっす(T_T)

要は、「次のアクションを想定しようよ」ってことですよね。

請求書(編)

  • 電話番号を記載してください。外注リストに掲載が必要ですし、(不備があって困るときなど)万が一のときに連絡できるかもしれません。
  • 押す場所、朱肉の量によって、住所などが見えなくなってしまいます。
  • 読めないことがよくあるので、銀行の支店名にはフリガナを振っていただけると助かります(土地の名前などは、土地勘がない人には読めないものが多い)
  • 振込先は、別紙でなく、請求書内に記載いただけると助かります。

まったく勝手な要望ですが、こんな時代なので、請求書のサイズはA4サイズが望ましいように思います。

ATOKでの郵便番号変換

ATOKの場合には、shiftキーを押しながらテンキーで郵便番号(とハイフン)を入力すると、次のような変換ウィンドウが出てきます。

ATOK-zip.jpg

ことえりでも郵便番号変換をできるソリューション

いくつか存在するようです。

追記:

Google日本語入力Mac版でも可能とのことです。ツイートありがとうございます。

追記(2):

悪用転用にびびるよりは

なるほど、そのような心配もあるかもしれませんね..

DTP Festa in TOKYO 2013 Decemberが終了しました

$
0
0

2013年12月10-12日、Document CORE Tokyo(六本木)で開催されているDTP Festa in TOKYO 2013 Decemberにて、「Illustrator CCを使い倒すための攻略ポイント」セッションを鷹野 雅弘(スイッチ)が担当しました。

いただいたご質問

文字タッチツールで調節した一部の文字列の回転やベースラインなどを戻すことはできますか?

テキストオブジェクト全体であれば、[文字]パネルメニューの[パネルを初期化]、一部の文字列であれば、次のエントリーが参考になると思います。

やっとこさ、Acrobat XIがRetina対応。でも...

$
0
0

Acrobat XIの11.0.04アップデートによって、Retina対応になりました。ツールバーのアイコンはもちろん、ドキュメント内の文字のレンダリング精度もいい感じです。

AcrobatXI-retaina-1-s.jpg

11.0.04までの長い道のり

しかし、私の環境では、きちんとアップデートされるまでに次のような問題がありました。

  • Creative Cloudのパネルにアップデートが表示されない
  • Acrobatの[ヘルプ]メニューから[アップデートの有無を確認]をクリックすると、アップデータを認識
  • アップデートが完了したければ、特に何も変わらず...
  • 調べてみたところ、問題があることを発見
  • Acrobatをアンインストール
  • 「Library/Preferences/com.adobe.PDFAdminSettings.plist」を削除
  • Creative Cloudパネルからは、インストールできず...
  • ダウンロードセンターからもNG...
  • Acrobatの体験版をダウンロード
  • インストール終了後、Acrobatの[ヘルプ]メニューから[アップデートの有無を確認]をクリックして、アップデートを実行

Mac OS環境では、Acrobatよりもキビキビ動作するプレビュー.appがあるため、Acrobatチームはあまりやる気がないようです...


書籍紹介『マルチデバイス時代のWebデザインガイドブック』

$
0
0

ソシムから『マルチデバイス時代のWebデザインガイドブック』が発売されました。著者は、鍋坂 理恵(サン・サン)、大月 茂樹(ニイハチヨンサン)のお二人。

マルチデバイス対応のサイトに必要な知識やUIパターン、HTMLプロタイピング(デザイン・イン・ブラウザー)、レスポンシブWebデザインなどについて解説した書籍です。

もう少し平たくいうと、スマートフォン、タブレットなどに対応したサイト制作を行う上で知っておきたい画面設計のトレンドや制作手法について解説した書籍です。ガッツリ制作されない方も、おさえておきたい内容だと思います。

CCアプリケーションの「設定を同期」は超便利。でも、実装がバラバラすぎる...

$
0
0

Illustrator CC、Photoshop CC、InDesign CCから「設定を同期」は超便利です。でも、帯に短しというか、調べてみたら実装がバラバラすぎます。

とりあえず、Illustrator CCとInDesign CCに合成フォントの同期機能を付けて欲しい!

IllustratorPhotoshopInDesign
環境設定OKOK
プリセットOK
スウォッチOKOK
ブラシOK
東アジア言語の設定OK
ワークスペースOKOK
キーボードショートカットOKOK
シンボルOK
グラフィックスタイルOK
カスタムシェイプOK
ツールプリセットOK
アクションOK
スタイルOK
パターンOK
ブラシOK
グラデーションOK
輪郭OK
カスタマイズされたメニューOK
PDFプリセットOK
字形OK

各アプリケーションの環境設定

メールアドレスの大文字/小文字

細かいけど、揃えた方がいいと思う。

Illustrator CC/CS6のアクションが絶望的にダメすぎる...

$
0
0

たとえば、「初期設定の塗りと線」(または、Dキー)をアクションに登録すると、Illustratorを起動している間は問題なく使えますが、Illustratorを再起動すると、その「初期設定の塗りと線」が消えてしまいます。

AiCC-action-bug.png

aicc-action4 from swwwwitch on Vimeo.

ワークアラウンド(回避方法)

  1. Illustratorを終了する前にアクションを書き出しておく
  2. Illustratorを起動したら、いったんアクションを削除し、書き出しておいたアクションを読む込む

ご参考

2回実行されるバグは解消されていますが、Ctrlになってしまうバグは健在です。

AiCC-action-bug2.jpg

私の作業環境(2013冬)

$
0
0

新しいKeynoteが使いたくて、何も考えずにOS X Mavericksにしたものの、次の2点の理由から忙しい中をぬって、がんばって10.8.5に戻しました。

よくよく考えてみると、10.7もスキップしてた。今日、10.9.1がリリースされたけど、日々使う「紙とペン」としては、しばらく様子を見たい。

my-workspace.png

ただし、困るのが、Keynote '13と'09の互換問題。単に互換がないだけでなく、いろいろ問題山積みだ。

InDesignでつくるノートの罫線

$
0
0

InDesignでノートのような罫線を作成する方法について考えてみましょう。

次のアプローチがありますが、テキストに追従するようにするには、2番目以降が候補になります。

  • [線ツール]を使って直線を作成する
  • 段落境界線を使う
  • [文字]パネルメニューから[下線設定]を使う
  • 段落スタイルの[下線設定]を使う

段落境界線は、段落の前後に付けるものですので、3行にわたる場合、うまくありません。

[文字]パネルメニューの[下線]を考えてみましょう。

[文字]パネルメニューの[下線設定]で、オフセットなどを設定します。

この[下線設定]を使う場合、折り返す行の場合には問題ありませんが、最終行などの場合には「右インデントタブを入れる」(shift+tabキー)と、行末まで罫線が伸びます。

[文字]パネルの設定は「文字スタイル」に、[段落]スタイルの設定は「段落スタイル」に設定するのがキホンですが、[文字]パネルメニューの[下線設定]は、文字スタイルにも、段落スタイルにも適用できます。

もっといい方法があれば、ぜひご教授ください。

Viewing all 580 articles
Browse latest View live