Archive for and tags

PREVNEXT


グラデーションの反転

Illustratorのグラデーション方向を変える場合、「角度」を180°にすれば逆方向にすることができます。ですが、いちいち数値をキーボードで入力するのが面倒なときがあります。
そんなとき、マウスとOptionキーを使って簡単に反転することができます。

グラデーションパレット

反転させたい鉛筆マークをつかみます。つかんだままOptionキーを押しながら、もう一つの鉛筆マークの上までドラッグすると、グラデーションが反対になります。(細かく言うと、色が入れ替わるっていう感覚だと思います。)

複数色のグラデーションの場合は、ドラッグ開始の鉛筆マーク色重なり合わせた鉛筆マーク色 を入れ替えることができます。

Illustratorのカラーパレットには、マウスを併用する便利ショートカットがあります。カラーパレットの左上にあるプルダウンからいちいち選択しなくて済むので重宝します。

アクティブになっているカラーを補色に変換

アクティブになっているカラーを補色に変換

  • スペクトル部分
  • Command + Click

「塗り」または「線」のアクティブになっている方のカラーを「補色」に変換してくれます。

非アクティブになっているカラーをスペクトルから選択

非アクティブになっているカラーをスペクトルから選択

  • スペクトル部分
  • Option + Click

「塗り」または「線」の非アクティブになっている方のカラーをスペクトルから選択してくれます。

非アクティブになっているカラーを補色に変換

非アクティブになっているカラーを補色に変換

  • スペクトル部分
  • Command + Option + Click

「塗り」または「線」の非アクティブになっている方のカラーを「補色」に変換してくれます。

カラーパレットの表示モードを変更

カラーパレットの表示モードを変更

  • スペクトル部分
  • Shift + Click

カラーパレットの表示モードを、「RGBモード」→「HSBモード」→「CMYKモード」→「Web セーフ RGBモード」→「グレースケールモード」→「RGBモード」…. という順番でループしながら変更してくれます。

明度と彩度の比率を保ちながら変更

明度と彩度の比率を保ちながら変更

  • スライダー
  • Shift + Drag

カラーパレットの表示モードが「HSBモード」と「グレースケールモード以外のとき、明度と彩度の比率を保ったまま色を変更することができます。(この説明で合っているのか自信なし。)

個人的に「カラーパレットの表示モードを変更」を頻繁に使用しています。Illustrator 10の頃は「Web セーフ RGBモード」→「グレースケールモード」→「RGBモード」と変更した際、「グレースケール」のときに彩度を失ってしまったのですが、Illustrator CSあたりから、一度「グレースケール」を通過しても彩度を維持してくれるようになりました。

スクロールホイール

スクロールホイールを使って、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さま。

オブジェクトの固定整列

基準となる1つのオブジェクトは動かさずに、複数のオブジェクトを整列させたいときに便利な機能です。

複数のオブジェクトを整列させる場合、

  • 左揃えは一番左のオブジェクト
  • 右揃えは一番右のオブジェクト
  • 上揃えは一番上のオブジェクト
  • 下揃えは一番下のオブジェクト
  • 中央揃えはオブジェクト群の中央

を基準に移動してしまいます。

複数のオブジェクトの内、左から3番目のオブジェクトを基準に整列したい!
というときに使うとイイ感じです。

固定整列の方法

  1. 整列させたいオブジェクトを用意します。(点線は基準となるオブジェクトの中央ラインです)
  2. 整列させたいオブジェクトを選択しておきます。
  3. 選択した状態で、基準としたいオブジェクトをクリックします。
  4. 整列パレット「オブジェクトの整列:」の中から好みの整列ボタンをクリックします。

copybutton1.jpg

Illustratorの移動ツール、回転ツール、拡大縮小ツール、リフレクトツール、シアーツールを選択中にReturnを押して出てくるウインドウには [コピー] ボタンがありますが、いちいちマウスでクリックするのが面倒になる時があります。

コピーボタンのショートカットZOOM

そんな時は、

Option + Return

を押してみましょう。慣れてくると便利ですよ。

Illustrator の変形パレット

Illustrator パレット群のなかでも使用頻度の高い変形パレット
使用頻度が高いからこそ、ショートカットを憶えると、ずいぶんと作業がラクになりまーす。

縦横の比率を維持したままリサイズ

  1. 幅(または高さ)の数値入力エリアに適当な数値を入力し
  2. Command + Return

パレット内のチェーンアイコンにチェックを入れたときと同じ動作です。
[拡大・縮小ツール]のパーセント指定ではなく、幅(または高さ)のサイズを基準にリサイズしたいときなどに便利です。

入力した数値が適用されたオブジェクトを複製

  1. 幅(または高さ)やX座標軸(またはY座標軸)の数値入力エリアに適当な数値を入力し
  2. Option + Return

ひとまわり小さいオブジェクトを重ねたり、等間隔でオブジェクトを複製したいときなどに便利です。

数値入力のフォーカスを維持したまま数値を適用

  1. 幅(または高さ)やX座標軸(またはY座標軸)の数値入力エリアに適当な数値を入力し
  2. Shift + Return

幅や高さの数値を、試しにいろいろ変更したいときなどに便利です。

区切りの良い数字で数値変更

  1. 幅(または高さ)やX座標軸(またはY座標軸)の幅(または高さ)数値入力エリアにフォーカスし
  2. or

数値を入力するのが面倒なときに便利かもしれませんが、挙動が怪しいです。

TO TOP

PREVNEXT