セミナー

ひと昔前まで、Web制作現場でIllustratorでのカンプは歓迎されない感じがありました。しかし、スマートフォンやディスプレイの高解像度化が進む中、「PhotoshopやFireworksでカンプを作成後、スライスして切り出してコーディング」という定番フローでは、SVGやRetina対応などに立ち行きが難しいことが予想されます。

そこで、今回は『10倍ラクするIllustrator仕事術（増強改訂版）』を執筆された鷹野雅弘さん（スイッチ）をお迎えして、Web制作現場で使える実践レベルのテクニックを解説していただきます。これまでIllustratorを使ってきた方にも、さらなる効率化の手法を知る機会になるでしょう。

Illustratorに関する疑問やお悩みのお持ちの方、Webでの活用、効率化を勉強したい方など、Illustratorに興味のある方は、ぜひ、ご参加ください。

Webで使うIllustrator

PCだけでなく、スマートフォン／タブレットでの閲覧を視野に入れると、「PhotoshopやFireworksでカンプを作成。スライスして切り出してコーディング」という定番フローでは立ちゆきません。

Androidの断片化問題や高密度化への対応には「脱ビットマップ」がキーワード。CSS3、Web Fontsはもちろん、SVG、アイコンフォントを活用するために、Web制作の現場でIllustratorの活用の重要度が増しています。

IllustratorをWeb制作で活用する上での使いこなしポイントやハマリポイントをあますところなくお伝えします。

・ピクセルベースの作業を行う上ときのチェックリスト
　（エッジがぼやけるのは、なぜ？）
　（「ピクセルグリッドに整合」は使うべき？）

・Web向けの画像書き出しの使い分け
　（「Web用に保存」、「書き出し」、「別名で保存」、スクリプトはどう使い分ける？）

・Layer Exporterを使った画像書き出し（PNG/SVG/JPEG）
　（Photoshopの画像アセットみたいなのないの？）
　（スライスが面倒すぎる）

・Web制作で活用したい機能
　（テキストに応じて変形するボタン、ライブカラー、9スライス）

・Specctrを活用しよう
　（カンプの指示、もっとラクできない？）

・アイコンフォント活用のテクニック
　（Alfred+Powerpack、［字形］パネル）

・CSS書き出し機能、実際使える？

・グリッドレイアウトとワイヤーフレームを超速に行うテクニック
　（＋wireMagic）