IllustratorCCからアセットの書き出しという機能が追加され、
画像書き出しの際にはアセット書き出しを使っていますが、
クリッピングマスクがかかっているアセットは余白が出来てしまいます。
今まではそこからFireworksなど他の画像処理ソフトで余白を削除していましたが、
IllustratorCCのCCライブラリという機能を使って
余白を無くした状態で書き出し出来ることを知りました。
余白を作らないアセット書き出し方法
まず書き出したいオブジェクトを選択してCCライブラリに追加します。
CCライブラリからオブジェクトをアートボードに配置します。
(項目選択後ドラッグしてアートボード上をクリック)
それを改めてアセット書き出しに追加して書き出します。
すると余白が無くなっています。
しかし、まだわずかな隙間が残っていることがあります。
それはピクセルずれが原因です。
画像は1ピクセルごとに書き出すのですが、
0.1ピクセルでも半端なサイズだと、このような隙間が出来てしまいます。
ピクセルずれの隙間の解消方法
メニューの[表示]→[ピクセルプレビュー]と、
メニューの[表示]→[ピクセルにスナップ]をオンにします。
レイヤーに鍵がかかっていたら外して該当オブジェクトを選択後、
メニューの[オブジェクト]→[ピクセルグリッドに最適化]をクリック。
※アウトライン化されたテキストなど細かいパスは形が崩れることがありますので、長方形など単純な形のオブジェクトのみに使用してください。
それから改めてCCライブラリを使ってアセット書き出ししてみると…
隙間が無くなりました!
まとめ
画像書き出しがとても楽になりました。
これでFireworksが手放せそうです。
この記事を読んだ方はこちらも読まれています
カレンダー
<
11月 2024
>- 11月 2024
- 10月 2024
- 9月 2024
- 8月 2024
- 7月 2024
- 6月 2024
- 5月 2024
- 4月 2024
- 3月 2024
- 2月 2024
- 12月 2023
- 11月 2023
- 10月 2023
- 9月 2023
- 8月 2023
- 7月 2023
- 6月 2023
- 5月 2023
- 4月 2023
- 3月 2023
- 2月 2023
- 1月 2023
- 12月 2022
- 11月 2022
- 10月 2022
- 9月 2022
- 8月 2022
- 7月 2022
- 6月 2022
- 5月 2022
- 4月 2022
- 3月 2022
- 12月 2021
- 11月 2021
- 10月 2021
- 9月 2021
- 8月 2021
- 7月 2021
- 6月 2021
- 5月 2021
- 4月 2021
- 3月 2021
- 2月 2021
- 1月 2021
- 12月 2020
- 11月 2020
- 8月 2020
- 6月 2020
- 5月 2020
- 4月 2020
- 3月 2020
- 2月 2020
- 1月 2020
- 12月 2019
- 11月 2019
- 10月 2019
- 9月 2019
- 8月 2019
- 7月 2019
- 6月 2019
- 5月 2019
- 4月 2019
- 3月 2019
- 2月 2019
- 1月 2019
- 12月 2018
- 11月 2018
- 10月 2018
- 9月 2018
- 8月 2018
- 7月 2018
- 6月 2018
- 5月 2018
- 4月 2018
- 3月 2018
- 2月 2018
- 1月 2018
- 12月 2017
- 11月 2017
- 10月 2017
- 9月 2017
- 8月 2017
- 7月 2017
- 6月 2017
- 5月 2017
- 4月 2017
- 2月 2017
- 1月 2017
- 12月 2016
- 11月 2016
- 8月 2016
- 7月 2016
- 6月 2016
- 5月 2016
- 4月 2016
- 3月 2016
- 2月 2016
- 1月 2016
- 12月 2015
- 11月 2015
- 10月 2015
- 9月 2015
- 5月 2015
- 4月 2015
- 3月 2015
- 2月 2015
- 1月 2015
- 12月 2014
- 11月 2014
- 10月 2014
- 9月 2014
- 8月 2014
- 7月 2014
- 6月 2014
- 5月 2014
- 4月 2014
- 2月 2014
- 1月 2014
- 12月 2013
- 11月 2013
- 10月 2013
- 9月 2013
- 8月 2013
- 7月 2013
▼
月火水木金土日