WebデザインコミュのIllustrator形式(ai)で作ったデザインのコーディング

はじめまして。和尚と申します。
ちょっと質問させてください。

コーディングの際渡されるデザインのデータってPHOTOSHOP形式(PSD)やFIREWORKS形式(PNG)だと思うのですが、うちの会社のDTPデザイナーさんがIllustrator形式(ai)で作ったデザインをコーディングする事になりました。

もらったIllustrator形式のファイルを開き「ファイル」から「データ書出し」。PHOTOSHOP形式に変換したファイルをコーディングしようと思いました。

しかし開いたPHOTOSHOP形式(PSD)のファイルは画像部分が極端に荒れていました。
画像を「配置」によってリンクさせているためでしょうか？

結局一度「別名で保存」でPDF形式にしたファイルをPHOTOSHOPで開く事にしました。これだと画像は奇麗です。ただDTPデザイナーさん曰く「色が弱冠変わる」との事です。

実際うちの会社ではFIREWORKSで作ったデザインをコーディングする事が多いため今まで困ることはありませんでした。しかしPHOTOSHOPやIllustratorを使って作業することになると今回のような事が起きてしまいます。

Illustrator形式(ai)で作ったデザインを扱う際のルールを教えて下さい。よろしくお願いします。

コメント(4)

最初
全て
最新の40件

[2] mixiユーザー 04月06日 12:27

aiデータはpngに書き出してから納品してもらうか、納品後にこちらでpngに書き出すかどちらかで作業しています。
photoshopで制作した場合も同様です。

コーディング後にクライアントから微調整が入った時の手間が軽減されるので、
webにコーディングする前にfireworksで統合するようなイメージで作業しています。

[3] mixiユーザー 04月06日 13:39

私もaiからpsdに書き出してコーディングをしていましたが、配置されている画像がai上で拡大・縮小されていると、画像が極端に荒れることが多かったです。
ai上に画像を100％にして配置しなおしてpsd書き出しすれば奇麗にいくと思います。
それか、aiで画像だけ別レイヤーにしておいてpsd書き出し＞元画像をリサイズしてpsdにコピーして表示を切り替える　方法のほうがpsd上で手軽に画質調整もできるし、奇麗にいくかもしれません。

[4] mixiユーザー 04月06日 13:51

>しかし開いたPHOTOSHOP形式(PSD)のファイルは画像部分が極端に荒れていました

おそらく配置画像がepsだからではないでしょうか
aiからデータ書き出しできれいな画像を得るためには配置画像をpsdにしておけばきれいになりますよ。

>DTPデザイナーさん曰く「色が弱冠変わる」との事です。
これはおそらくAIもしくはPSでカラーマッチングがされているせいだとおもいます(これをオフにすれば近い色になるとおもいます)。
もしくはaiのファイルをFWに取り込む前に事前にRGBにしておくと最小限の変化ですむかと思いますよ。

fireworksのコミュがありますのでそっちに聞いた方が速いかもしれませんね。
http://mixi.jp/view_community.pl?id=668

ログインすると、みんなのコメントがもっと見れるよ