【レビュー】

Adobe Illustrator CS5の新機能を徹底チェック! 【Web編】

1 Webワークフローに合わせた「ピクセル整合」

 
  • <<
  • <

1/5

Adobe Illustrator CS5の新機能を紹介するシリーズの2回目は、Web制作に関連したものを取り上げよう。といっても、IllustratorにはAdobe InDesign CS5のように直接SWFファイルやFLVファイルを配置し、Web用デザインを行う機能が搭載されたわけではない。あくまでもIllustratorではコンセプト作りやアセット(素材)作りを行うアプリケーションとして位置づけられている。では、どんな部分が便利になったのか。それをこれから紹介していこう。

コンテンツ

1ページ Webワークフローに合わせた「ピクセル整合」
2ページ テキストへのアンチエイリアス処理を強化
3ページ コーナーの形状を保ったままシンボルを拡大縮小
4ページ ラスタライズ効果を出力先に合わせて適用
5ページ 設計はIllustrator、仕上げはAdobe Flash Catalyst CS5で



「Adobe CS5」体験版はこちらから

Webワークフローに合わせた「ピクセル整合」

Web制作の現場では、ドキュメントグリッドの単位を「ピクセル」に統一するのがセオリー。しかし、紙のデザインに慣れているとピクセルを意識せず、自由にオブジェクトを作成し、配置してしまう。そのままAdobe FlashやAdobe Dreamweaverで開くとエッジ部分が不鮮明になり、データを作り直した経験のある人も多いだろう。ピクセルグリッドはピクセルプレビューモードで600%以上拡大しないと表示されないこともあり、常時視認しながら作業することが難しいこともトラブルの要因のひとつと言える。

Adobe Illustrator CS5では、「ピクセル整合」機能が搭載され、ラスタライズ出力する際に鮮明なパスを生成できるようになった。新規ドキュメントを作成する際に「Webドキュメントプロファイル」を選択した場合は、デフォルトで「新規オブジェクトをピクセルグリッドに統合」にチェックが入っている。もちろん、すでに作成したオブジェクトに対して、後から「ピクセル整合」を適用することも可能だし、シンボルを作る際にも適用できる(ただし、拡大及び縮小したシンボルはプロパティでピクセル整合しても鮮明なパスにならないので注意が必要)。

新規ドキュメントを作る際、プロファイル欄で「Web」を選ぶと「新規オブジェクトをピクセルグリッドに整合」にチェックが入った状態で作業できる

表示メニューの「ピクセルプレビュー」を選択すると、オブジェクトがどのように分割されるか確認できる。さらに600%以上に拡大すると、ピクセルグリッドを表示できる。「ピクセルに整合」機能は、このピクセルグリッドに合わせてオブジェクトを再配置する

ピクセルグリッドに整合していないオブジェクトをピクセルプレビューで確認すると、エッジ部分が不鮮明な状態でラスター化されてしまうことが分かる

「変形パネル」に追加された「ピクセルグリッドに整合」オプションにチェックを入れると、ピクセルグリッドに沿ってオブジェクトが再配置され、不要なピクセルがなくなった。なお、操作を取り消したい場合は、編集メニューの「取り消し」を選択する

  • <<
  • <

1/5

インデックス

目次
(1) Webワークフローに合わせた「ピクセル整合」
(2) テキストへのアンチエイリアス処理を強化
(3) コーナーの形状を保ったままシンボルを拡大縮小
(4) ラスタライズ効果を出力先に合わせて適用
(5) 設計はIllustrator、仕上げはAdobe Flash Catalyst CS5で

転職ノウハウ

あなたが本領発揮できる仕事を診断
あなたの仕事適性診断

シゴト性格・弱点が20の質問でサクッと分かる!

「仕事辞めたい……」その理由は?
「仕事辞めたい……」その理由は?

71%の人が仕事を辞めたいと思った経験あり。その理由と対処法は?

3年後の年収どうなる? 年収予報
3年後の年収どうなる? 年収予報

今の年収は適正? 3年後は? あなたの年収をデータに基づき予報します。

激務な職場を辞めたいが、美女が邪魔して辞められない
激務な職場を辞めたいが、美女が邪魔して辞められない

美人上司と可愛い過ぎる後輩に挟まれるエンジニアの悩み

人気記事

一覧

イチオシ記事

新着記事

ASRock、「SLI HBブリッジ」を単品販売 - 価格は税別2,750円前後
[20:53 8/26] パソコン
ジョニー・デップ、アンバー・ハードの寄付を尊敬
[20:37 8/26] エンタメ
ダイヤモンドより硬い「グラフェン」を使ったイヤホン、そのサウンドは?
[20:26 8/26] スマホとデジタル家電
コーヒーマシンに見守り機能? 意外な組み合わせで攻めるネスレ日本
[20:25 8/26] 経営・ビジネス
ドスパラ、「パーツ館増床記念セール」の詳細を公開 - 28日まで開催
[20:24 8/26] パソコン

求人情報