Archive for or tags

PREVNEXT


Illustrator CS3

Adobeソフトのバグや不満点、提案なんかをまとめて、ある程度まとまったところでAdobeさんに提出しようかな思います。

今回は大好きなIllustrator版です。
近いうち、Photoshop版やFlash版も用意していこうかと思います。

とりあえずダラダラと思いついたことをメモっておいて、後々リライトしてイメージ画像なんかも追加しようと思います。
他にも気になる点とかありましたらコメント入れてもらえるとありがたいです。

アンチエイリアス処理

  • テキストのアンチエイリアス処理をキレイにしてほしい。
  • パスファインダや複合パスを使ったときに無意味なアンチエイリアスがかかるのをなおしてほしい。
  • 線の位置を内側や外側にしたときに無意味なアンチエイリアスがかかるのをなおしてほしい。
  • 回転を繰り返したときのオブジェクトや数値のブレが起こるのをなおしてほしい。
  • 角丸のフィルタや効果をかけるときに無意味なアンチエイリアスがかかるのをなおしてほしい。
  • オブジェクトを合体させたときに無意味なアンチエイリアスがかかるのをなおしてほしい。

数値処理

  • 頻繁に出現するx.x01やx.x99という少数をどうにかしてほしい。
  • ガイドにスナップさせたときに無意味な少数値ができるのをなおしてほしい。
  • [追記]整数値でパスのオフセットを適応させたとき無意味な少数値ができるのをなおしてほしい。

パレット関係の改善

  • コントロールパレット内のレイアウトを自由に変更できるようにしてほしい。
  • シンボルパレットの「シンボルの置換」ボタンを復活させてほしい。
  • パスファインダオプション設定をもっと楽に設定させてほしい。
  • アプリケーション切替時、パレットのフェードアウト効果を切れるようにしてほしい。
  • ツールパレット内の各ツールの表示/非表示やグループ化をカスタムできるようにしてほしい。
  • ツールパレットを他のパレットのようなサイズに変えられるようにしてほしい。
  • プレーンテキストを一時的に置いておけるパレットを用意してほしい。
  • パレット内でマウスホイールによるスクロールに対応してほしい。
  • パレットのドロップシャドウを消せるようにしてほしい。
  • カラーパレットのカラーモードをHSBならHSB、RGBならRBGというように固定してほしい。

ダイアログ関係

  • 「結合」のスムーズとコーナーの切替を簡単に変更できるようにしてほしい。
  • フルキーボードアクセスでスペースキーでが効かないのを直してほしい。

カラー関係

  • グラデーションの各色に不透明度を変更できるようにしてほしい。
  • グラデーションの色を反転できるようにしてほしい。

その他

  • Safariから画像をコピペ出来るようにしてほしい。
  • たまにOption + ReturnやOption + 十字キーでオブジェクトをコピーできないことがあるのを改善してほしい。
  • アンカーポイントの片方のハンドル角度を固定したまま、もう片方のハンドルを調整できるようにしてほしい。
  • 文字ツールを選択すたときにカラーがリセットしないようにしてほしい。
  • 配置(リンク)された画像は、元サイズを基準に拡大縮小回転できるようにしてほしい。
  • 単位情報を書類毎に保存してほしい。
  • HTML/CSSレンダリングの様なレイアウト方法もできるようにしてほしい。
     テキスト内容にあわせてテキストボックスのサイズを最適化してほしい。
     サイズを変更すると下に続くオブジェクトの位置も追随してほしい。
     マージン、パディングという概念を取り入れてほしい。
     背景(パターン)のリピート方法を選べるようにしてほしい。
  • 埋め込み画像をトリミングできるようにしてほしい。
  • 「個別に変形」で、拡大縮小数をpt単位でも指定できるようにしてほしい。
  • Flashのようにシンボル機能を強化してほしい。
     4つの角と4つ辺に対してそれぞれオブジェクトを指定して、拡大縮小時に辺の部分だけが可変するようにしてほしい。

変形パレット

Illustratorでオブジェクトを移動させると、X軸とY軸が小数値になってしまうことがあります。
キッチリ数値にさせたい性分ですと、なにかと気持ち悪いです。

手っ取り早い解決方法としては、「表示」→「ピクセルプレビュー」にすることによって、マウスでグリグリ動かしても整数値になります。

ボクの場合、Illustratorのアンチエイリアス処理 との兼ねあいもありまして、方向キー入力時の移動距離を0.5pt にしているのですが、「ピクセルプレビュー」状態だと、1pt 単位でしか方向キーでの移動ができなくなってしまうので、普通の「プレビュー」の状態で作業しています。

そこで、「プレビュー」状態での、数値が少数になる現象を(ボクの判ってる範囲で)まとめてみました。

マウスでの移動/作成

通常の状態

表示倍率が

  • 50% の場合、2pt単位で移動/作成が可能。結構使えます。
  • 66.67% の場合、1.5pt単位で移動/作成が可能。頻繁に、1.501pt や 1.499pt という数値での移動になってしまいます。使えない。
  • 100% の場合、1pt単位で移動/作成が可能。一番使えます。
  • 150% の場合、0.667pt単位で移動/作成が可能。使えない。
  • 200% の場合、0.5pt単位で移動/作成が可能。かなり使えます。
  • 300% の場合、0.333pt単位で移動/作成が可能。たまに、0.334pt や 0.332pt という数値での移動になってしまいます。使えない。
  • 400% の場合、0.25pt単位での移動/作成が可能。あまり使えない。

といった具合で、表示倍率によって、マウスによるオブジェクトの移動/作成できる数値が変ってきます。
オブジェクトをマウスで移動/作成するときは、100%表示で行うようにしています。

オブジェクトをガイドにスナップさせる

ガイドにスナップ

オブジェクト(X軸Y軸共に整数値)をガイド化し、その「」に他のオブジェクトをスナップさせると、ワケのわからない少数になってしまいます。定規から引っ張ってきたガイドでも同じ現象が起きます。しかも、ピクセルプレビューの状態でも少数になってしまいます。ガイドの意味がない。

ガイド化させるオブジェクトに、1pt 間隔のアンカーポイントを追加してからガイド化させると便利です。ガイド化してもアンカーポイント部分に強くスナップしてくれます。

回転を繰り返す

回転を繰り返す

オブジェクトの回転を繰り返すと、数値が少数になってしまいます。というか、カタチ自体がブレます
例えば、幅と高さが50ptの正方形に対して、45°回転を2回繰り返したとき、本当なら元の正方形と同じ数値にならなければいけないのですが、実際には数値が微妙にズレれたヒドイ四角形になってしまいます。

回転を取消」をすれば問題ないのですが、一度、オブジェクトを45°回転させておいて、しばらく他の作業をしてから「あ、やっぱ元に戻そう」と思っい-45°回転させたときに、すごく悲しくなります。

勝手な想像ですが、Illustrator内部の計算方法にムリがあるような気がします。インチ計算だからか?

スクロールホイール

スクロールホイールを使って、PhotoshopとIllustratorのカンバス/ドキュメントをスクロールさせる方法です。
チルト機能が搭載されたマウスであれば、左右にスクロールさせることができますが、チルト機能が無い!という方には重宝する機能です。

  • 左にスクロール
    Command + Scroll Up
  • 右にスクロール
    Command + Scroll Down

こんだけです….
左手の親指が常にCommandキーの上に置いてあるような方でしたら、すぐに慣れると思います。
ボクはチルト機能つきマウスを使っていますが、横スクロールの場合は上記の機能を使い、左右チルトには別のショートカットを割り当ててあります。

ついでにShiftキーを使うと、ページ(または表示)単位で一気にスクロールさせることもできます。

  • ページ/表示単位で上にスクロール
    Shift + Scroll Up
  • ページ/表示単位で下にスクロール
    Shift + Scroll Down
  • ページ/表示単位で左にスクロール
    Command + Shift + Scroll Up
  • ページ/表示単位で右にスクロール
    Command + Shift + Scroll Down

ちなみに、Photoshopの環境設定で「スクロールホイールでズーム」にチェックを入れている場合、この機能は使えません。あたりまえか。

追記:

またまた書き忘れました….

Optionキーを使うと、ズームイン/ズームアウトさせることもできます。

  • ズームイン
    Option + Scroll Up
  • ズームアウト
    Option + Scroll Down

ただし、Photoshopでこれを使うと、拡大/縮小比率が微妙な数値(161.6%とか)になってしまうので、ちと不便です。

最後に、今回は手持ちのCS2とCS3で動作確認しましたが、これら以前のバージョンでは違うショートカットかもしれないでお気を付けてください。
もし他のバージョンをお持ちで検証していただけるステキな方がいましたら、結果をこの投稿にまとめてアップしますので、教えていただけるとうれしいです。

こんな事を気にする人は、他にいないような気がしますが….
Illustratorのアンチエイリアス処理が微妙でして、変な描画するので困っております。

何かを描くときに区切りのイイ数値じゃないと気持ち悪くなる質(たち)でして、その面倒くさい性質がIllustratorで遺憾なく発揮されます。
例えば、X:300, Y:250, W:500, H:600 といった具合に整数で(できることなら5の倍数で)作りたくなってしまいます。

線のアンチエイリアス

幅と高さが50pt、塗りが白、線が黒、線幅1pt の正方形を描いた場合、スクリーン上では、幅2pxのグレー線で描画されます。

デフォルトの状態で50×50のボックスを描いた場合

アウトラインデータの内側と外側それぞれに線幅の半分の数値(この場合、外側に0.5pt、内側に0.5pt)が描画されるのでしょうがないとは思います。Illustrator CSあたりに追加された「線の位置:」という機能がありまして、「アウトラインデータの内側/外側に1ptの線を描く」といったナイスな指定ができるようになりました。

線を内側に揃える

線を外側に揃える

ですが、「線を内側に揃える」または「線を外側に揃える」をしても、微妙にアンチエリアスがかかってしまいます。
理論的には「アウトラインデータの内側/外側に1ptの線を描く」ので、アンチエイリアスがかかることは無いハズなんですが….

そこで、アンチエイリアスをかけずに、キレイでクッキリした線を描く方法をまとめてみました。ああマイノリティ。
ちなみに、今回の「線のアンチエイリアス」は線幅が奇数値(1pt, 3pt, 5pt…..)の場合のみ発生します。

X軸とY軸を0.5ptずらす

X軸とY軸を0.5ptずらす

環境設定で「キー入力」の数値を0.5ptにしておけば、矢印キーを上or下、右or左と1回づつ押すだけで簡単にクッキリ線になります。
ただ、オブジェクトの幅と高さの数値が50ptに指定してあるのに、スクリーン上では51px × 51pxの正方形になってしまい気持ち悪いです。

基準点を中央に設定し、オブジェクトの幅と高さををそれぞれ1ptづつ縮める

基準点を中央に設定し、オブジェクトの幅と高さををそれぞれ1ptづつ縮める

スクリーン上では50px × 50pxの正方形になりますが、数値が49ptになってしまい気持ち悪いです。
いちいち変形パレットで数値を入力しなきゃいけないので面倒です。

アピアランスの塗りと線を入れ替えて、線幅を倍にする

アピアランスの塗りと線を入れ替えて、線幅を倍にする

線の上に塗りを持ってくることによって隠れた線部分を、線幅で補います。
比較的楽にできる方法ですが、スクリーン上では52px × 52pxの正方形になってしまい気持ち悪いです。

線を使わずに、塗りを2つ重ねる

線を使わずに、塗りを2つ重ねる

新規塗りを用意し、下の塗りを黒、上の塗り白にし更に「効果」→「パス」→「パスのオフセット…」でオフセットする数値を「-1」と指定します。この「-1」が線幅にあたる数値です。
これだと、スクリーン上でも数値的にも50px × 50pxの正方形になるのでスッキリしますし、線幅を変えたいときは、オフセットさせる数値をアピアランスパレットから変更すればイイだけなので簡単です。
頻繁に使う数値がある場合、グラフィックスタイルパレットに登録しておけば楽に適応させることができます。

角丸のアンチエイリアス

角丸オブジェクトを描くときに、フィルタや効果で「角を丸くする」を使用することが多々あるのですが、これらのアンチエイリアスの処理も変です。

角丸のアンチエイリアス

試しに角丸1pt〜21ptまでの黒ボックスを用意してみましたが、

角丸サイズ比較

角丸が3pt, 7pt ,13pt, 14ptのとき、ボックスの下にうっすらアンチエイリアスがかかってしまいます。また、3pt, 7pt ,12pt, 13pt, 14pt, 21ptのときは右上に、6ptのときは左下に薄いドットが描画されてしまいます。

これといった対処法は今のところ見つかっていないです….

テキストのアンチエイリアス

テキストのアンチエイリアスも汚すぎます。
そこで、どの表示が一番キレイなのか(といっても個人的な好みですが)いくつかスクリーンショットを撮ってみました

テキストのアンチエイリアス比較

テキストそのまま

テキストを入力したままの状態だと、文字のベースラインがガタガタにズレて見えてしまったり、込み入った文字がツブれてしまいます。フォントサイズが小さければ小さいほど目立ちます。

アウトライン化

若干太りますが、ベースラインは比較的キレイに揃ってる感じがします。アウトライン化した時点で、「テキスト」ではなくなってしまい、編集ができなくなってしまうので意味ないですね。

Photoshopにコピペ

若干痩せます。これもベースラインはまともな感じがしますが…. 画像じゃん。

ラスタライズ / 文字に最適

テキストそのままのときと同じようです。意味なし。

ラスタライズ / アートに最適

Photoshopにコピペと似たような感じになりました。文字が痩せるのはフォントをウェイトで対処すればいいし、ショートカットを割り当てておけば比較的簡単に使えます。

効果 / パスのアウトライン

単なるアウトライン化と同じようです。これもショートカットを割り当てておけば簡単そう。

ということで、最近は 効果 / パスのアウトライン で落ち着いています。

全体的に、Illustrator10以降のアンチエイリアス処理が汚いように思えます。Illustrator9時代が一番キレイでした。
新機能をゴリゴリ搭載するのも構いませんが、こういった小さいところも(個人的に全然小さくないんですが)改善していただけるとありがたいです。Adobeさま。

今回はかなり初歩的なお話で。
Macの場合、日本語入力と英語入力を切り替える時に使うのは、

Command + Spacebar

ですが、この組み合わせはCS3のソフトでも多用します。
上記の入力切り替えの場合は[command]を押しながら、[spacebar]を押すのですが、
CS3のソフトの場合はまず[spacebar]を押しながら、[command]を押します。つまり押す順番が逆なんですね。この状態でクリックするとズームインになります。

Spacebar + Command

最近Macを使い始めた方がそのことが分からず、アップルストアで相談したのに「それは仕様ですから〜」と一蹴されたようなので、エントリーしてみました(笑)。

で、Photoshop、Illstrator、Flash、Fireworksなどのソフトではこの[spacebar]との組み合わせは非常に多用します。

手のひらツール

  • 画面をつかんで上下左右にスクロール
    Spacebar + Drag

これを起点にcommandなどを組み合わせていきます。

ズームツール

  • ズームイン
    Spacebar + Command + Click
  • 特定のエリアを一気にズームイン
    Spacebar + Command + Drag
  • ズームアウト
    Spacebar + Command + Option + Click
    ズームアウトはズームインの組み合わせにoptionを追加します。

この組み合わせは文字を入力中以外でどのツールを選んでいる時でも有効なので、慣れてくると、ツールパレットで手のひらツールとズームツールを選ぶ事はまずありません

cs3_commadspace.jpg

おまけ

この他にソフトによって微妙に違うのですが、ショートカットも多用します。spacebarとの組み合わせより早く操作したい場合に使います。

  • ズームイン 共通
    Command + [+]
  • ズームアウト 共通
    Command + [-]

私たちの場合はこのショートカットをマウスに割り振っています→[kanwa][onthehead]。さらに効率アップ!

  • Photoshop→画面サイズに合わせる、Illustrator→全体表示、Fireworks→ドキュメント全体
    (意味合いはだいたい同じ)
    Command + 0
  • Photoshop→ピクセル等倍
    Command + Option + 0
  • Illustrator, Fireworks, Flash→100%表示
    (Photoshop→チャンネル:レッド)
    Command + 1
  • Flash→ステージ全体を表示、Fireworks→200%表示
    (Illustrator→ロック、Photoshop→チャンネル:グリーン)
    Command + 2
  • Flash→すべてを表示、Fireworks→300%表示
    (Illustrator→隠す、Photoshop→チャンネル:ブルー)
    Command + 3

こうやって表記すると、CS3でどうしてこうも違うんでしょうね・・・。どのユーザからも批判が出そうだけど、統一して欲しいもんです(笑)。

Creative Suite 3体験版

アドビのクリエイティブソフトウェアを評価していただくために、すべてのAdobe® Creative Suite® 3 製品について全機能を搭載した30日間体験版を提供します。

Adobeから体験版の配布が始まってますね。興味のある方は試してみましょ。Illustratorのライブカラーとか、Photoshopのスマートフィルタとか、InDesignのまとめて配置とかは一度試してみるべき!

Adobe CS3 Icons

Adobe Creative Suite 3を手に入れてから数週間経ちました。Mac Proを新調し、そこそこ快適なんですけど、気になっていることがあって・・・。それはアプリケーションアイコン。こういうの↓

CS3オリジナルのアイコン

「さぁて、これから仕事頑張るぞ」って、いざアイコンをクリックする時にのっぺりした形なので、なんだかモチベーションが下がってしまいます(笑)。

わざわざ高い高いアップグレード料金を払っているのに、それでは困ります。
このままでは仕事に支障が出るということで(ホントか!?)、基本的なデザインは踏襲したまま、もっとカリッとしたテイストのアイコンを作ってみました。どぎつい色使いだったので、全体的に少し彩度を落としてます。
AiやPsのような記号化もどうなのよと思いますが、せめてMac OS Xの世界観に準じたテイストのアイコンにしてほしいところです。>Adobeさん

CS3_icons_listZOOM

アイコンのダウンロードはこちらから。Folder IconやPNG、ICNS、ICO画像も入っています。ぜひ感想をお聞かせください!

Adobe CS3 Icons
adobe_cs3_icons.zip (1.3MB)

Adobe製品群は実際はもっと多いので、すべてのアイコンを作ったわけではありませんが、とりあえずCS3のメジャーどころを中心に21種類。もし要望があれば追加で作るかもしれません。

Photoshop CS3上で、ダイアログやカラーパレットなどの数値入力部分にカーソルをフォーカスすると、ことえりやegbridgeなどのIMが自動的に「英字」に切り替わる。

tabキーでフォーカスを移動するときに、「ひらがな」「英字」「ひらがな」という具合で高速に切り替わるので邪魔くさい。

Illustrator CS3

まだ買って間もないので、全然使い込んでいませんが….
パッと使ってみたところ、CS2と比べて、テキスト周りやアンカーポイント関係が地味に強化されている感じがします。無駄に派手な新機能の追加よりは基本機能の強化の方がうれしいでのですが、これくらいのことはCS2のアップデートレベルで対処して欲しかった。というのが正直な感想です。今回のバージョンアップはユニバーサルバイナリ化が売りだから仕方ないか。といいつつ、インテルMac、1台も持ってない!

アンカーポイントの拡大

アンカーポイントの拡大

ダイレクト選択ツールで、アンカーポイント部分にカーソルを合わせると該当アンカーポイントが拡大されます。
アンカーポイントの選択ミスが随分減るんじゃないでしょーか。

アンカーポイントの整列

アンカーポイントの整列

オブジェクト以外にも、アンカーポイント単位で整列ができるようになりました。
アンカーポイントを選択すると、整列パレットの「オブジェクトの整列:」部分が「アンカーポイントの整列:」に変ります。OS9時代に存在したシェアウェアのプラグイン機能がようやく実装されました!

整列パレットに[アートボードに整列]ボタン

アートボードに整列

いままでいちいちプルダウンメニューから選んでいた「アートボードに整列」項目が、整列パレット内にボタンとして登場しました。
Flashみたいなイメージですね。

インライン入力のオン/オフ

インライン入力のオフ

環境設定/テキスト[ラテン文字以外にインライン入力を適用]というチェック項目が追加されました。
CS2で処理のクソ重かったインライン入力をオフにできます。が、インライン入力時の処理もCS3では随分改善されているので、オフにする必要ないかも。

TO TOP

PREVNEXT