簡単にIllustratorでWeb用にスライスをするTips

一緒に悩み、考える。
つくるだけでなく、
そのあとの物語も、ともに。

どんな会社もサービスも、それぞれにストーリーがあります。
花のやはそれをサポートしながら、お客様の成長を隣で見ていたいのです。

一緒に悩み、考える。
つくるだけでなく、
そのあとの物語も、ともに。

どんな会社もサービスも、
それぞれにストーリーがあります。
花のやはそれをサポートしながら、
お客様の成長を隣で見ていたいのです。

ブログBLOG

名古屋のホームページ制作会社花のや
花のやブログ
簡単にIllustratorでWeb用にスライスをするTips

2012/08/29Web制作HTML

ショートカットを駆使した、簡単にイラストレーターでスライスのできる方法です。

まずは下準備

表示の設定

[表示]→[ピクセルプレビュー][スマートガイド][ピクセルにスナップ][ポイントにスナップ]の全てにチェックを入れます。

本番

オブジェクトのスライスを使う

[オブジェクト]→[スライス]にいくつかの項目が存在します。

選択範囲からスライス

オブジェクトを選択した状態で、[オブジェクト]→[スライス]→[選択範囲からスライス]を選択すると、オブジェクトを元にスライスを行ってくれます。

これをショートカットでやってみると

ショートカットで[alt]+[o] → [s] → [s]で簡単にスライスを作成することができます。

これで基本的には選択したシェイプの形にスライスがされます、体で覚えよう！。

この記事を書いた人：hanaoka

高校時代は偏差値35の高卒。2011年にWebマーケティングの世界へ飛び込み、独学と現場経験で実力をつける。2014年、名古屋市栄にてWeb制作・デジタルマーケティング会社「花のや」を設立。累計700社以上の中小企業のWeb制作・広告運用・採用支援を手がける。広告販管費を2,000万円から1,000万円へ削減した事例や、売上0円の事業を5年で2億円規模まで成長させた実績を持つ。「ゴールファースト設計」を独自メソッドとして提唱し、制作だけでなく成果にこだわったWebマーケティング支援を行っている。