Illustratorでスライスを作成する方法

イラレでスライス
イラレでスライスする方法について、自分なりの方法を紹介している記事です。

イラレでのスライス作業、ファイヤーワークスなんかに比べて、面倒くさがる人が多いみたいなので書いてみます。

イラレでスライス
イラレで作ったメニュー。一般的なメニューですね。
色がすでに無理って人が多そうですけど、気にしません。このボタンをスライスしたいと思います。

メニューからスライスツールを選んでーってやり方もありますけど、今回紹介する方法は、

スライスしたいオブジェクトをすべて選択して→オブジェクト→スライス→作成 で、ポンです。

イラレでスライス
こんな感じになります。ファイヤーワークスやフォトショなんかと変わりません。
この時に一つだけ注意点があります。スライスで分けたい部分はグループ化をしてしまっていると一緒のスライスになってしまうので、グループ解除しておいたほうが良いです。

テキストだけの説明で申し訳ないですが、複雑なオブジェクトの場合は
最上部にレイヤーを作って、スライスしたい箇所に四角のオブジェクトを作成→全選択→オブジェクト→スライス→作成
で、別レイヤーにスライスを作る事もできます。

実はこの方法が万能で、一番よく使います。

そんなこんなで、スライスが完了したところで、ファイル→webおよびデバイス用に保存

イラレのスライス
ファイヤーワークスやフォトショップなんかと似たような、スライスが選択できる画面になると思います。
他ソフトと同様に、ダブルクリックでスライスを選択すれば、書き出す前にイメージに名前も付ける事ができますよ。

イラストレーターを使ってウェブデザインをする人は少数派だと思いますが、
印刷物に使用したグラフィックをそのまま使いたい場合など、使い道はあるはずなので、試してみると良いんじゃないでしょうか!

豆知識:イラレでウェブデザインをする時には、ピクセルビューにすると良いですよ!


コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

follow

rss