三階ラボ

Archive for the illustrator Tag

Home Prev Next

tips グラデーションの反転

Tags:
,

このエントリーはfoobar ontheheadから読み込んだものです。レイアウトや表示に乱れがあるかもしれませんが、ご了承ください。

グラデーションの反転

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

グラデーションパレット

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

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


tips Illustratorのカラーパレット

Tags:
,

このエントリーはfoobar ontheheadから読み込んだものです。レイアウトや表示に乱れがあるかもしれませんが、ご了承ください。

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あたりから、一度「グレースケール」を通過しても彩度を維持してくれるようになりました。


tips Illustratorの数値

Tags:
, ,

このエントリーはfoobar ontheheadから読み込んだものです。レイアウトや表示に乱れがあるかもしれませんが、ご了承ください。

変形パレット

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内部の計算方法にムリがあるような気がします。インチ計算だからか?


tips スクロールホイールを使ったスクロール

Tags:
, , , ,

このエントリーはfoobar ontheheadから読み込んだものです。レイアウトや表示に乱れがあるかもしれませんが、ご了承ください。

スクロールホイール

スクロールホイールを使って、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で動作確認しましたが、これら以前のバージョンでは違うショートカットかもしれないでお気を付けてください。
もし他のバージョンをお持ちで検証していただけるステキな方がいましたら、結果をこの投稿にまとめてアップしますので、教えていただけるとうれしいです。


tips ガイドを引く

Tags:
, ,

このエントリーはfoobar ontheheadから読み込んだものです。レイアウトや表示に乱れがあるかもしれませんが、ご了承ください。

ガイドを引く

PhotoshopとIllustratorでガイドを引くときのちょっとした便利な方法です。
基本的な使い方は誰でも知ってると思うので省略します。

普通、垂直方向のガイドラインを引くときは左側の定規から、水平方向の場合は上側の定規からガイドを引っ張ってきます。
この使い方でも別に問題は無いのですが、サイズの大きい書類の右(または下)あたりにガイドを引くとき、いちいち左(または上)の定規からドラッグするのが億劫になるときがります。

こんなときは、Optionキーが活躍します。

  • カンバス/ドキュメントの上側にある定規から垂直方向のガイドラインを引く
    上側の定規から
    Option + Drag
  • カンバス/ドキュメントの左部にある定規から水平方向のガイドラインを引く
    左側の定規から
    Option + Drag

地味な機能ですが、結構重宝するんですよね。
ちなみに、Optionキーを離せば、元方向のガイドに戻ります。

ついでですが、
Shiftキーを使うと、一定間隔でスナップしてくれます。

Photoshopのカンバスの表示比率が

  • 25%, 33.3% の場合、20px毎にスナップ
  • 50%, 66.7% の場合、10px毎にスナップ
  • 100%, 200% の場合、5px毎にスナップ
  • 300%, 400% の場合、3px毎にスナップ
  • 500% 以上の場合、1px毎にスナップ

Illustratorのドキュメントの表示比率が

  • 25%, 33.3% の場合、36px毎にスナップ
  • 50%, 66.7% の場合、12px毎にスナップ
  • 100%, 150%, 200%, 300% の場合、6px毎にスナップ
  • 400%, 600% の場合、2px毎にスナップ
  • 800% 以上の場合、1px毎にスナップ

といった具合です。

ウェブの作業をしているとピクセル単位で編集しなければならないので、この機能もかなり活躍します。

同じCS3でも、FlashやFireworksではこの(OptionやShiftを併用する)ガイド機能は使えないようです。旧Macromedia製品のガイドの扱いがどうも好きになれないので、はやいところ統一して欲しいもんです。


Top Prev Next