Illustrator(イラストレーター)のスライスツールを使った画像の書き出し方法について徹底解説します。
Webデザイナーをはじめとしたデザイナー職の方にとって必須となるツールの一つ。
スライスツールの使い方や挙動をしっかり学習し、制作の効率化を行いましょう。
では早速解説していきます!
この記事の目次
アイコンを一つ一つAIに別名保存して画像として書き出し…
面倒くさくてやってられないですよね。
スライスツールを使ってサクッと綺麗に済ませましょう!
ではスライスツールの使い方を徹底解説します!
Webデザインやバナー制作などを効率的に進める上で必須のスライスツールをマスターしましょう!
未導入の方はIllustrator公式サイトからダウンロードしておきましょう。(7日間の無料体験が可能)
なお、AdobeCCのプランはコチラの記事で徹底解説しています。
今回は様々なベクターアイコンを配置して並べました。
これらを個別にPNG画像で書き出してみたいと思います。
さらにロゴやアイコンにこだわりたい方はコチラの記事で商用利用可能で超高品質な素材を紹介しています。
イラレ未導入の方はIllustrator公式サイトから入手しましょう。
[ Ctrl + Shift + Alt + S ] (Macは [ Command + Shift + Option + S ] )を同時押しします。
すると [ Web用に保存 ] のダイアログ画面が開きます。
※ [ ファイル ] → [ 書き出し ] → [ Web用に保存(従来) ] でも可。
左上のアイコンが [ スライス選択ツール ] になっている事を確認しましょう。
書き出し前にスライスエリア、ファイル形式、ファイル名を設定しておくと非常に楽ですよ。
例えば複数のアートボードに複数サイズのバナーを作成し、画像を一括出力する際にスライスツールが活躍します。詳しくはコチラの記事で解説しています。
何も設定せずに書き出すとサイト全体が1枚画像として書き出されますが、スライスツールなら書き出しエリア・ファイル名・画像形式等を個別に設定できます。
デザイン作成後の面倒な素材切り分け作業を格段に効率化できますよ。
紙媒体やPDF形式で作成したポートフォリオの品質を手っ取り早く高めるには、高品質なテンプレートの活用が最も効率的かつ効果的です。
商用利用可能で高品質テンプレートばかり厳選!
今まで意識しなかった多くの「気づき」に出会えますよ。
※なお、ポートフォリオ制作はInDesign(インデザイン)を使うのが最も効率的です。
コチラでインデザ初心者の方向けにポートフォリオテンプレートの使い方を詳しく解説しております。

2時間あればポートフォリオが作れます。
編集にはInDesignが必須、未導入の方はInDesign公式サイトから入手しておきましょう。
ダウンロードする

A4に印刷したポートフォリオ、PDF形式、どちらも短時間で作成可能です。
ダウンロードする


作品を大きく見せる、制作過程を見せる、複数見せる、横長作品を画面内に綺麗に収める等、どんなパターンにも当てはめる事が可能ですよ。
ダウンロードする

単色に文字だけで構成した表紙も素敵です。
ページ中身のレイアウトパターンも豊富、あえて表紙をシンプルにする手法もアリですよ。
ダウンロードする
下記リンクで多数の高品質なポートフォリオテンプレートを紹介しています!
Illustratorのスキルアップをする上で、プロが作成した生データを研究する事は重要です。
下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。
制作の手間を劇的に軽減するだけでなく、スキルアップの教材としても活用できますよ!
様々なフライヤーのテンプレート50選
ロゴ・見出しなどキャッチなオリジナルタイトルを一瞬で作成できる優秀な素材ばかり!
商用利用が可能で高品質なテキストエフェクト50選
下記記事で良質な素材を紹介しております。併せてチェックしてください!
以上、Illustrator(イラストレーター)のスライスツールの活用方法についてでした。
スライスツールはWebデザイナーの方にとって必須ツールの一つです。
スライスを設定せずに書き出しをすると非常に無駄な労力が必要になります。
Webデザイナーは日々時間と闘っていますからね。
効率化できる箇所はドンドン効率化しちゃいましょう!
ではまた!

ポートフォリオ制作はイラレよりInDesignの方が効率的に作成できます。
まだInDesignを導入されていない方はAdobe公式サイトから入手できます。
高品質で商用利用可能なポートフォリオテンプレート38選はコチラ!
イラレ基本操作









































バナーやデザイン関連







絵作り













アイコン・ロゴ制作
















追加機能・その他機能











ポートフォリオやDTPテンプレート





スウォッチやブラシ素材





テキストをロゴにできるエフェクト


汎用的なデザイン素材や季節素材






