iPod touchをゴニョゴニョして楽しんでいるのですが、スクリーンショットも撮れるようになって俄然モチベーションが上がってきました!!(何の？)。

スクリーンショットの画面だけをそのまま掲載するよりも、iPod touchの中に表示されてる感じがあった方がいいですよね。いろいろ検索してもそういう画像が見つからなかったので、ちょっと描いてみました。これはロック解除のスクリーンショットの裏に描いたiPod touchのイラストを配置した画像です。

やっぱり原寸のピクセルで表示すると素敵ですね〜。ちょっと大きいですけど。

一人で使ってても仕方がないので、Photoshopファイル(レイヤー付き)、ドロップシャドー無しの透過PNG、ドロップシャドー有りの透過PNGをそれぞれ用意しました。ダウンロードして試してみてください。もしあなたのブログで使用した際はコメントで教えてくれるとうれしいです。

iPod touch illustration

ipod_touch_illust.zip (325KB)

追記

Photoshopの画像解像度で画像の再サンプルのチェックを外し、解像度を「160pixel/inch」にすると、実物と同じ大きさで印刷できますよ。

ハンドルを掴んだ状態でSpaceバーを押すと、ハンドルの元になるアンカーポイントを移動させることができます。
トレース作業のときに役に立ちます。ただ、IllustratorCS2だと、グリグリ動かしすぎるとオブジェクトが変な形になってしまいます。

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

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

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

傾いてしまっている写真を水平にしたいとき、Photoshopのものさしツールを使うと簡単に修正することができます。

まず、基準となりそうな水平な部分を探し、「ものさしツール」でドラッグします。

その状態で、「イメージ」→「カンバスの回転」→「角度入力…」を選択すると、水平にするための角度が自動的に入力されています。

んで、OK。

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

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製品のガイドの扱いがどうも好きになれないので、はやいところ統一して欲しいもんです。

今回はかなり初歩的なお話で。
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を追加します。

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

おまけ

この他にソフトによって微妙に違うのですが、ショートカットも多用します。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でどうしてこうも違うんでしょうね・・・。どのユーザからも批判が出そうだけど、統一して欲しいもんです(笑)。

Photoshopの画像解像度で画像のサイズをパーセントを入力して変更したい場合、いちいちプルダウンからpixelから%を選び直さないといけません。

ここは選択肢が2種類しかないので、わざわざプルダウンにせずともこんな風にすれば、マウス操作の無駄な手間をかけずに済みます。タブキーでの移動とテンキーでの数値入力で、後はEnterキーでOK。

ウインドウのサイズを変えなくて済むので、すぐにでも実現できると思うのですが。
どうでしょ？>Adobeさん

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

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

Adobe - Creative Suite 3体験版