イラレ最強!イラレの画像書き出しが超絶楽になったのでご紹介

イラレの書き出し機能が改善され、高解像もラクラクになったぞ

mainv

全国のイラレユーザーの諸君、遂にイラレの画像書き出しに高解像度対応されました〜。うひょう〜。早速使ってみてこれは確実につかえる…今まではプラグインを使って書き出しをしていましたが1pxのラインが甘くボケたりしていたので、結局Sketchさんを買ったりして代用してたけど、そなのいらないもんね!ね!
では早速今回のアップデートポイントについて確認してみよう。

従来の書き出し機能について

4589b40b9674046e4f434d827cb5dfb4_s

過去イラレの書き出し機能はWebから書き出しを基本としていおり、オプションとして画像形式を選択する事や画像の圧縮程度でした。しかし、日進月歩で進むWeb業界、そんな機能なんてあっという間に使えなくなる出来事として、端末や画面の高解像度化、アプリ制作があり近年高解像度表示が当たり前となりました。
そこで、このアップデート前はプラグインや画像を物理的に大きくし書き出すという事をしていたのです。まぁ、これが大変だ事。

書き出し機能の充実と直感的な操作となった

sample

今回画像の書き出しという名称ではなく「アセットの書き出し」となりました。詳しくは公式サイトの説明をご覧ください。
そして、今回画像の書き出しはより、直感的になりかつ簡単に解像度を指定できる事で書き出しの手間が楽になったのです。UIとしても使いやすいでしょうね。
もちろん書き出し設定も出来るからPNG、JPG、SVGで書き出しができるぞ(GIFが書き出せなくなったのはちょっと残念)。マンダム。

ラインの精度が上がった

asettoxxxhdpi

そして一番嬉しかったのがこの1pxの書き出し性能の向上にある。今回の機能拡張の裏にはアプリ制作が絡んでいるのは言うまでもない、アプリの画像書き出しは複雑な指定を行い書き出さなければならない、もちろん書き出す画像サイズも面倒だが1pxのラインを3倍した場合の画像は3pxだかこれまでのプラグインだと若干ボケていた。それが今回全くボケていないのが嬉しかったのだ。これでアプリで使う諸々の画像が綺麗に書き出せるのだ。

スマホ、タブレット、Retina画面の対応が簡単に

sample02

上記でも触れたようにアプリ制作ではAndroidとiPhoneの画像書き出しはかなり異なる、Androidは固有の解像度概念を持っている為管理が非常に面倒だ。iPhoneはAndroidほどではないが3倍まで書き出す仕様となっている、もちろんこれは現状であり日々進化を遂げる端末に合わせる為に更に高解像度地獄が待っているのは言うまでもない。
しかし、今回の書き出し機能を使えば画面対応が非常に簡単になったので今後の制作が楽になった。

アートボード毎の書き出し機能の改善

スクリーンショット 2016-08-16 21.15.36

そして忘れちゃいけないアートボードの書き出し機能の拡張。実はアセットの隣のボタンにアートボードの書き出し機能がある、これは実はめちゃ好きな機能で。
アプリのアイコンのパターンや、提案書を画像で書き出すときなんて、あらやだまぁ素敵ってなもんよ。

今後期待する事

個人的にイラレはイラレの地位を守っていいと思った。もちろんアップデートして便利になることはいいことだし、必要なことならするべきだ。
しかしあくまでもイラレはイラレ、その特性を生かしてここまでのバージョンアップをしてきたのだ。だから今後は弟分のXDとうまく連携を取りアプリ開発が少しでも楽になるように改善して守られば本当に嬉しい。
最後に、今回のアップデートしてない人はすぐした方がいいよ!後個人的にスマートガイドバージョンアップしてない??数値より詳しく出るようになった気がする…

以上イラレ最強!イラレの画像書き出しが超絶楽になったのでご紹介でした。気に入ってくれたらシェアしてね!

関連記事

410cb567eef6283065274df2547a2b9a_s

Webサイトで問い合わせが来る必要なマーケティング・デザイン手段5選

久々の更新… さて今回はWebデザインを続けていくと、Webサイ...

記事を読む

smartphoneIMGL0018_TP_V

UIデザインの幅に関しての基本的な考え方と理論

全く更新できず時間が過ぎていく…気ままに更新していきますのでたまに見て...

記事を読む

skitched-20180814-223313

今日からあなたもデザイナー!?忘れがちな商業デザインの配色テクニック

デザイナーの商業デザイン配色テクニック 配色については過去ある程度テ...

記事を読む

domain_cms

今年こそWebデザイナーになりたい!現役Webデザイナーに必要なサーバー・ドメイン・CMS 基本知識について

今回で第5回を迎えました。なんとか頑張って続けていきます!Webデザイ...

記事を読む

cssjshtml_img15

今年こそWebデザイナーになりたい!Webデザイナーに必要なコーディングスキル編(html/css/js)

今回はコーディングスキル編として、Webデザイナーとして就職するために...

記事を読む

新着記事

410cb567eef6283065274df2547a2b9a_s

Webサイトで問い合わせが来る必要なマーケティング・デザイン手段5選

久々の更新… さて今回はWebデザインを続けていくと、Webサイ...

記事を読む

smartphoneIMGL0018_TP_V

UIデザインの幅に関しての基本的な考え方と理論

全く更新できず時間が過ぎていく…気ままに更新していきますのでたまに見て...

記事を読む

PASONAZ160306470I9A2122_TP_V

ECサイトに必須!商品検索したあとの検索結果の正しい表示について考える

ECサイトに必須!商品検索したあとの検索結果について考える ECサイ...

記事を読む

skitched-20180814-223313

今日からあなたもデザイナー!?忘れがちな商業デザインの配色テクニック

デザイナーの商業デザイン配色テクニック 配色については過去ある程度テ...

記事を読む

6935b31778bafbaa90cbd4cc223ae54e_m

見積金額を高く!デザインや営業に使える訴求力を高めるたった3つの事

最近はどうも忙しくてなかなか更新できてないのですが、最近カメラマンから...

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

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

410cb567eef6283065274df2547a2b9a_s
Webサイトで問い合わせが来る必要なマーケティング・デザイン手段5選

久々の更新… さて今回はWebデザインを続けていくと、Webサイトの効

smartphoneIMGL0018_TP_V
UIデザインの幅に関しての基本的な考え方と理論

全く更新できず時間が過ぎていく…気ままに更新していきますのでたまに見て

PASONAZ160306470I9A2122_TP_V
ECサイトに必須!商品検索したあとの検索結果の正しい表示について考える

ECサイトに必須!商品検索したあとの検索結果について考える ECサイト

skitched-20180814-223313
今日からあなたもデザイナー!?忘れがちな商業デザインの配色テクニック

デザイナーの商業デザイン配色テクニック 配色については過去ある程度テク

6935b31778bafbaa90cbd4cc223ae54e_m
見積金額を高く!デザインや営業に使える訴求力を高めるたった3つの事

最近はどうも忙しくてなかなか更新できてないのですが、最近カメラマンから

→もっと見る

  • -売る技術-

    ウエブデザイン暦15年目。犬をこよなく愛するデザイナー。今はディレクションとデザイン を中心に制作全般をしてます。主にマーケティングを軸にデザインを組み立て商品が売れるサイトを構築しています。 デザインとマーケティングについて研究の日々。現在はオランダでWebデザイナーとして働いています。

    ツイッターやってます。
  • Amazonアソシエイト・プログラム規約による記載

    売る技術はamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

PAGE TOP ↑