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

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

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

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

iPod touch illustration

ipod_touch_illust.zip (325KB)

追記

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

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

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

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

アンチエイリアス処理

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

数値処理

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

パレット関係の改善

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

ダイアログ関係

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

カラー関係

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

その他

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

foobarの二人とも、すぐに手に入れたiPod touchですが、やはりiPhoneと比べるとできる事が減っているのでちょっと物足りないですね。それでも十分楽しいんですが(笑)。

メールやGoogle Mapが使えないのはあきらめるとして、せっかく日本語入力が使えるのにNotes(メモ帳)がないのはなんだかなーと思っていたのですが、「連絡先」を使うと疑似的にメモを取ることができます。ウェブサービスを使えば可能だけど、そもそも無線LANが使えるところ少ないからどこでもってわけにはいかないですからね。

Macで準備

メモする前にひとつ準備を。
まずMac側で「アドレスブック」を起動して、「_MEMO」という新規グループを作ります(アンダーバーが入っているのは、リストの一番上に表示させるため)。
後はiTunesでアドレスデータを同期して終わり。

iPod touchで

iPod touchで「連絡先」をクリック、グループから先ほど作った「_MEMO」を選びます。右上に表示される「+」ボタンを押すと、新規連絡先を追加できるのですが、連絡先の代わりにメモを書いていきます。たとえば姓にMEMO、名にタイトルを入力。新規電話を追加などを無視し、「フィールドを追加」から一番下の「メモ」を選んで、そこに文章を書き込んでいきます。「日付」も使うといいかも。

そのままメールでどこかに送ったりできないのが難点ですが、iTunesで同期し直せば、「アドレスブック」からコピーできます。一時的な裏技になるかもしれませんが、iPod touchを手に入れた方は一度お試しを。日本語入力の練習(?)にもってこいです。

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

デザイナーさんの中には、Excelを毛嫌いする方も多いかもしれません….
という前提で、Excelには作図や表計算以外にも「オートフィル」という便利な機能があります。

オートフィル機能を使えば、連なったテキストを簡単に用意することができます。

例えば、数字を1から100まで用意したい場合、最初のセルに「1」を、次のセルに「2」も入力しておきます。入力した2つのセルを選択します。選択した2つのセルの右下部分にカーソルを持っていくとカーソルが「＋」に変ります。そのまま100セル目までズリィ〜っとドラッグすると、ドラッグしたところまでの数値を自動的に補完してくれます。

セルの書式設定を「文字列」に設定しておけば、「001」みたいな頭にゼロのつく数字も扱えるようになります。
数字以外にも、月名や曜日なんかも自動で入力してくれるので、カレンダーを作るときに便利だったりします。

ボクの場合、ウェブサイトに画像を大量に貼り付けるとき、このオートフィル機能を使うことが多いです。

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

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