• ベストアンサー

イラストレーターで選択したアートのみ書き出すには?

表記の件についてお詳しい方からのご返事をお待ちしております。 現在、WEBページ制作を行っております。 1.イラストレーターにて丸ごと1ページ分のデザインをする。 2.イラレデータをフォトショップで任意のピクセル数で開く。 3.フォトショップにおいて各画像をトリミングしGIFなどに書き出す。 4.DreamWeaverにて配置していく。 上記の工程で制作しているのですが、3のフォトショップでの切り出し・GIF保存を省けないかと思っております。 1.のイラストレーターで1ページデザインした際に、「選択したアート」のみをGIF保存等することは可能でしょうか? どうしてもトリムエリア内すべてが書き出されてしまいます。 どうぞご教授下さい。

  • sayop
  • お礼率90% (88/97)

質問者が選んだベストアンサー

  • ベストアンサー
  • hunaskin
  • ベストアンサー率30% (1855/6063)
回答No.3

選択したアートを任意の大きさ(整数ピクセル)の矩形で囲みます。 その矩形にトンボをつけます。(メニュー、オブジェクト~トンボで) トンボ内だけgifに書き出せます。 ※当然、選択するオブジェクト以外の部分がオブジェクト部分にかかっているのなら隠すなりカットするなり、非表示の状態にしてください。

sayop
質問者

お礼

迅速なご回答ありがとうございます。 「トンボ」という項目が見当たりません。 調べてみようと思います。 環境を伝え忘れたので… Windows Vista Adobe MasterCollection CS3 です。

sayop
質問者

補足

hunaskinさんの方法でしらべたところ、私のイラストレーターでは、ツール内に「トリムエリアツール」というものがありました。 この方法で作業してみようと思います。 「回答へのお礼」と「補足」が逆になってしまいましたが、この補足にてお礼とさせて頂きます。ありがとうございました。

その他の回答 (2)

  • tsuy04
  • ベストアンサー率50% (95/187)
回答No.2

若干手順が増えますが…。 1.書き出したいオブジェクトを選択する 2.選択>選択範囲を反転 で不要なほうを選択  3.オブジェクト>隠す>選択 で不要オブジェクトを隠す(コマンド+3) 4.web用に保存 でGIF書き出し 5.オブジェクト>すべてを表示 で隠したオブジェクトを表示(オプション+コマンド+3) この方法ではいかがですか? ※CS2で確認しています。(カッコ内のショートカットキーはMac用です)

sayop
質問者

お礼

迅速なご回答ありがとうございます。 試してみたのですが、隠したはずのテキストの一部が一緒に保存されてしまいます。 原因を探っている最中です。 環境を伝え忘れたので… Windows Vista Adobe MasterCollection CS3 です。

  • SAYKA
  • ベストアンサー率34% (944/2776)
回答No.1

小細工が要るね。 それにweb用にするというならやっぱりphotoshopを経由する方が確実な仕上がり(主に画角)になるよ。 それを考えたら省略できないんじゃないかな。 小細工の方はトリムエリアでくりぬいて外側は完全削除すればできるよ。

sayop
質問者

お礼

迅速なご回答ありがとうございます。 >photoshopを経由する方が確実な仕上がり… どこかのサイトでも見たことがあります。 やはり確実性を考えると…ですね。 ページ全体をPDFにする工程もある関係で、トリムエリアは変更しないで…と考えておりました。 環境を伝え忘れたので Windows Vista Adobe MasterCollection CS3 です。

関連するQ&A

  • ファイルを読む フォトショップ イラストレータ

    今回、Web系の制作で、デザインされたフォトショップ イラストレータ のファイルを読む必要があります。 それを元にHTML等で DreamWeaverでWeb制作をします。 しかし、両方持っていないので DreamWeaverで作成に使えるために読み込み、活用できる方法、フリーソフト等はないでしょうか。 (フォトショップ イラストレータは定番ですが、自分では使わないのでそのためだけに準備するのは荷が重いです) また両ソフト以外に、デザイン側にその後のDreamWeaverで作成のために 他のファイル形式やソフトなどで良い方法があれば教えて下さい。 (ちなみに、制作ソフトはDWかHPビルダーです、これでなんとか受け取ったデザインを制作できる方法を考えています)

  • イラストレーターから一番劣化しない書き出し方法は?

    宜しくお願いします。 OS:WinXP Ver:IllustratorCS2、Photoshop7 WEBサイトを制作の際は、 イラストレーターでページの全体図を制作 ↓ PSD形式で書き出 ↓ フォトショップにてパーツの切り出し という手順で進めています。 ただ書き出した際に、角丸などのパーツのエッジが上手く出力されません。 ただ、イラストレーター8形式で保存して、フォトショップで開くと比較的奇麗に書き出されるのでそのように進めています。 png形式で書き出しファイヤーワークスで加工という方法もあるのですが、 どういう流れが一番奇麗に書き出されるのでしょうか。 イラストレーターでWEB制作している方はどのようにしていますか? ただpngで書き出してファイヤーワークスで切り取ることも可能かと思いますが、皆さんは制作の際にどうしてますか?

  • ピクセル等倍での切り出し方法

    ピクセル等倍でのトリミングと、普通のトリミング方法との違いが分かりません。 私は、フォトショップ7.0使用中です。 ピクセル等倍での切り出しって、どうすれば良いのでしょうか?。 ご教授お願いいたします。

  • web制作・イラレで線がにじむ・他

    こんにちは。 いつもおせわになります。 web制作を始めてまだ日が浅い者で、とても初歩的な質問ですいません。 1:webに乗せる地図をイラストレータで作成しているのですが 角丸長方形ツールで書いた四角を斜めにすると、まあアリかなというレベルではありますが 線がにじむので、悩んでます。 なにか解決策はないものでしょうか。 なんとなく、イラレはテキストや線が奇麗というイメージだったのですが 同じ様な物をフォトショップで作った方が奇麗でした。 念のため→CS3使用、RGBです。 --------------------------------------- 私はいままで、ベジェ曲線とか苦手意識もあり、食わず嫌い王でイラレを使うのは印刷用のポスターとか 簡単なパーツぐらいでほとんどフォトショップ一本で無理矢理やってきてるのですが ちょっと今仕事が暇なこともあり、克服(?)しようと勉強中です。 噂によると、一般的にはイラレでデザイン→スライス→コーディング、というような工程での製作も あるようで、私の場合はフォトショップで画像部分などを作り→dreamweaverなどの ソフトでページを組む(と言うほど大したモノでも無いのですが・・) といった感じでもしかしてすごく効率の悪いやり方なのかなあとも思います。 2:そこでまた、別途質問なのですが 、web制作をされる方で、フォトショップ、イラストレータ、fireworksなど皆さん使ってらっしゃると思いますが 実際どのように使い分けてるのでしょうか。 フォトショップでは出来なくて、イラレでのみでしか行えないことってなんでしょうかね。 また、その逆は。 過去の質問も見ましたが、より多くのご意見を具体的にもう少し知りたくて、お伺いします。 宜しくお願い致します。

  • イラストレーターからGIF保存する方法を教えてください。

    私は、今まではイラストレーターからフォトショップを使ってGIF保存をしていました。しかし、イラストレーターにも「ファイル→書き出し→GIFで保存」がありますよね。これを使っても「保存できません」となってしまいます。 なぜ出来ないのか、を知っている方がいましたら教えてください。 また、どうしたら、イラストレーターでGIF保存できるのかを教えてください。 お願いします。

  • フォトショップ、又はイラストレーターを使ったWEBデザイン

    こんにちわ、kaituといいます。 WEBデザインをするにあたって、 いつも主にフォトショップで素材を作って その画像をDreamweaverの方にもっていき、 サイトデザインをしています。 独学なのもあり、効率があまりよくないので、 フォトショップやイラストレーターを使った WEBページレイアウト作成講座(ページ全体等) のあるサイトを探しています。 よろしければ回答お願いします。

  • web制作初心者です。貼り付ける画像を細かい文字まできれいに表示させたいのですが、どんな風に作れば良いでしょう?

    DreanWeaver・イラレ・フォトショップを使って制作しています。 Fireworksはソフトはありますが、あまり使えません。 Webページの画像は写真であれば「jpg」、イラレは「gif」で保存した画像を貼り付けしています。 以前、知り合いにイラレのデータをフォトショップで開いてjpg保存するときれいに表示すると聞いたのですが… 確かにそのほうが細かい文字なども多少きれいに出ますが、大差は無い様に思います。http://www.bellemaison.jp/gift/specially/keirou.html のページは細かい文字もとてもきれいに表示していますが、どんな風に作っているのでしょう? ソースを見てみてもgifのデータを貼り付けてある様ですが、何故でしょう? すみません。まだ初心者でよく解りません。よろしくおねがいします。

    • ベストアンサー
    • CSS
  • イラストレーターで画像作成

    イラストレーターCS4を使用しています。 たて50ピクセル、よこ160ピクセルの画像データを作成したいのですが、 イラストレーターで作れるのでしょうか? (GIF、JPEGで、8キロバイト以下) イラストレーターは初心者に近いです。 ちなみにフォトショップ5.5もありますが、ほとんど使った事がないので、 出来ればイラストレーターで作れればと、思います。 わかりやすい説明をお願いします。

  • イラストレーターでWEBデザインする時

    WEBデザイナーをしています。 私はイラストレーターの方が文字の装飾などパーツを作るのに便利なので、 全てのデザインをイラストレーターで行っています。 そこでものすごく木になることがあります。 クライアントから素材として大きな画像をもらうことがあります。 この場合は、フォトショップで使用する大きななどに調整してイラレにもって行きます。 さらにイラレ上でこの画像に文字をのせたり、マスクをかけたりデザインをしてから、 デザインが仕上がった段階でスライスに入ります。 当たり前ですが、一旦フォトショでjpgで書き出して、さらにイラレのスライスでもjpg書き出しをするので、 写真画像があまりきれいではありません。 大きなままイラレに持ってきて、イラレ上で縮小して書き出せば、そこそこキレイなのですが、 イラレを保存する時にかなり重くなってしまいます。 イラストレーターでWEBデザインをされる方は写真画像の書き出しなどはどのようにされているのでしょうか? 良い方法、もしくはやはりイラレでデザインすべきでないなど、教えていただければうれしいです。 よろしくお願いします。

  • ウェブ素材の制作で、正しい色で書き出されない。

    MacOS 10.4.3 Tiger / Apple Cinema Display Illustrator CS / Photoshop CS / Dreamweaver イラストレーターで制作した、ウェブ素材をコピーして、フォトショップ上で新規書類を開いて、ペーストしたモノをWeb用保存すると、すごくどす黒い色になって書き出されてしまいます。 (例えば、イラストレーターやフォトショップ上では鮮やかなオレンジなのに、Web用保存したときだけ、どす黒くなる) ロゴなどのイラストレーターデータを、画像データとして使用したいのですが、色が変換されてしまうので、困っています。 また、フォトショップにコピペせず、イラストレーター上で完了してしまえば、色の問題はほとんどないのですが、PSにコピペするより、少しぼやけたカンジになるので、イラレ→PSという流れで制作しています。 両ソフト間では、同じカラー設定です。 RGB:AdobeRGB(1998) / CMYK:Japan Color 2001 Coated やはりイラレ→PSという流れは、良くないのでしょうか? 現在はイラレにWeb用保存がありますが、ver.8の時代はどのようにされていたのでしょうか? 私自身は、紙媒体を主に仕事しているのですが、ウェブ制作の現場の方の意見をお伺いしたいと思います。 よろしくお願いいたします。