[B! illustrator] takahumi_nakanoのブックマーク

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

イラレでスライスする方法について、自分なりの方法を紹介している記事です。イラレでのスライス作業は、ファイヤーワークスやフォトショップに比べて面倒くさがる人が多いみたいなので書いてみます。そもそもスライスとはウェブ制作に使用する目的に限らず（SNS用の画像とか色々）、作ったデザインや写真の一部分を切り抜いて任意の形式で保存できる状態にすることです。それぞれのスライスの画像のタイトル、保存形式（jpg,png,gif…etc）、画質等々の設定も行えます。まず、イラレでメニューをデザインするイラレで作ったメニュー。一般的なメニューですね。色がすでに無理！！！って人が多そうですけど、気にしません。このボタンをスライスしたいと思います。デザインしたナビゲーションをスライスする（オブジェクト→スライス→作成）メニューからスライスツールを選んでーってやり方もありますけど、今回紹介する

takahumi_nakano 2016/02/26

リンク

Adobe Illustratorでのスライス作成方法 | Web Tips

公開日：2014年4月13日 Adobe IllustratorをWebデザインに使用するのを敬遠する人も多いみたいです。特にスライスはピクセルがずれて作成されることもあり嫌がる人もいます。しかしWeb用の設定にすればIllustratorでも問題なくスライスを作成することができます。 Illustratorのスライス作業自体は、FireworksやPhotoshopと何ら違いはなく簡単にできます。ただ、スライスを作成する前にWeb制作用に最適な設定になっているか確認しましょう。【記事執筆時の確認環境】 Windows 7 Professional 32bit SP1 Adobe Illustrator CS6 Web制作用の設定になっているか確認するファイルを作成する際、プロファイルを'Web'にしていれば問題ないのですが、そうなっていない場合もありますので確認しておきましょう