• ベストアンサー

イラストレータでの、WEBデザインをする場合

イラストレータでの、WEBデザインをする場合 1ドット単位でデザインをいじりたい場合 たとえばボックスとボックスの隙間(CSSを使わないとして)を 5pxから6pxに変更したいとかの場合、 ベクター画像のイラレでは、どのようにして 1ドット単位でいじるのでしょうか?

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

  • ベストアンサー
  • hiroleta
  • ベストアンサー率64% (1114/1719)
回答No.2

編集>環境設定>単位・取り消し(又は、単位・表示パフォーマンス)>単位を「ピクセル」に変更して、OK>変形パレットや整列パレットで数値変更。

yuzuru0024
質問者

お礼

回答ありがとうございます。

その他の回答 (1)

  • shut0325
  • ベストアンサー率40% (490/1207)
回答No.1

私は「変形パレット」を使います。

yuzuru0024
質問者

お礼

回答ありがとうございます。

関連するQ&A

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

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

  • イラストレーターで印刷用に作ったデザインをweb素材に使いたいのですが

    イラストレーターで印刷用に作ったデザインをweb素材に使いたいのですが、こういった場合は新たにweb用にピクセルで指定した新たなファイルを開いてそこにペーストするしかないのでしょうか? たとえば、印刷用にmm単位でファイルを作ったが、 全てを、あるいは一部分だけを500px×500pxにしたいなんて事ができるでしょうか?

  • イラストレーターでWEBデザインするときの画像の配置方法

    イラストレーターでWEBデザインをする際の画像配置方法について教えていただきたいです。 普段、イラストレーターでWEBサイトのデザインを行っています。 写真などをレイアウトするとき、 (1) Photoshopで実際に使用するサイズ、画像解像度72でjpg画像作成 ↓ イラレで配置 とするのと、 (2) 使用する画像をそのままイラレに配置 ↓ イラレ上でサイズ調整(縮小など) とするのと、どちらが正しいのでしょうか? 両方行ったところ、最後にスライスで書き出した際に(2)の方法で配置した画像の方がきれいな画像になりました。 DTPデザインの場合、画像配置するときは必ず実寸サイズ、印刷用解像度で画像をあらかじめ作成したものを配置するのが基本だと思います。 WEBデザインの場合はやはりちがうのでしょうか? (1)、(2)の方法はどちらが正しいのか?もしどちらも間違っているなら、正しい方法を、特に決まりがない、という場合は、皆さんはどのようにされているのか、教えていただけないでしょうか? よろしくお願いいたします。

  • Illustratorでweb用にスライス

    Web制作初心者です。 Illustrator CS5で web用にスライスをしてみました。 作ったデザインの背景色を、カラーをカラーピッカーの16進数(#~)で確認して、 CSSにバックグラウンドカラーで指定しました。 その上にイラレ上でタイトル画像をスライスしたものを置いたのですが、 バックグラウンドカラーと画像の色が違うのです。 web制作にはDreamweaver使っているのですが、こちらの不具合かと思い ブラウザで見ても違う色になっていました。 やはり、イラレでスライスはまだまだ、うまく行かないのですか? DTP出身なのでフォトショが苦手で出来ればイラレで全てデザインしたいと思っています。 どうぞ、よろしくお願いいたします!

    • 締切済み
    • CSS
  • IllustratorをWebデザインに用に設定

    IllustratorをWebデザインに用に設定したいと思います。カラー設定や環境設定等色々あると思いますが、一番困っているのは、定規やガイドがPhotoshopと異なり、10px単位でないことです。色々調べて環境設定の「ガイド・グリッド」の部分のグリッド10px、分割数10にしても、定規は72px単位、グリッドもずれています。何が原因でしょうか。設定してから新規ファイルを作成してみてもダメです。

    • 締切済み
    • CSS
  • webサイトのデザイン方法について

    webサイトのデザイン方法について 自分はillustrator photoshop dreamweaverを使ってwebサイト制作を勉強しております。 最初に全体のデザインをillustrator上で作って、使用した画像を個別にphotoshop illustratorでgifなどのファイルに書き出してdreamweaverで組み立てています。 しかしこんなやり方は効率が悪いのではないかと不安になります。(illustrator上でデザインしても、その画像の大きさはdw上のメモ リを参考に大体で決定しています。) illustrator上でpx数を決定して、全くそのデザイン案通りに作業を進めていくような上手なやり方を知りたいです。 fireworksというソフトは持っているのですが使ったことがありません。 みなさんのデザインの行程を是非詳しく教えていただきたいです。 例えば、まずは、illustratorで ~px × ~pxのドキュメントを新規作成して~~~という風に教えていただけたら幸いです。 fireworksを使っている人や使っていない人の両方の意見をお聞きしたいです! よろしくお願いします!

    • ベストアンサー
    • HTML
  • WEBデザインの際の画像作成について

    WEBデザイナーとして働き始めたばかりの初心者です。 普段、イラストレーターでWEBサイト全体のデザイン→スライス→コーディングという流れで仕事をしています。 イラストレーター上でデザインをしているときに、写真画像などを配置するときがあります。 そのとき、フォトショップを使い、色調補正などをしてからイラレに配置して全体のデザインをしていくのですが、その配置する画像について質問です。 この画像は フォトショップ上で実際に使うサイズにしてからイラレに配置 ↓ イラレでスライス が良いのか、 フォトショップでは補正などのみで、サイズは触らず、イラレ上で配置 ↓ イラレ上で実際に使うサイズ調整 ↓ スライス のどちらが良いのでしょうか? スライスで書き出された画像は後述の方が綺麗に感じたのですが、 皆さんはどのように画像を作成されていますか? また、 イラレ上のオブジェクトをスライスして書き出し もしくは イラレ上のオブジェクトを一旦フォトショップにコピーしてから書き出し とどちらのほうが画像が綺麗に書き出されるでしょうか? こちらも後述の方が綺麗に書き出されるような気がするのですが・・・。 皆さんはデザイン→スライスの際はどのような手順でされているでしょうか? よろしくお願いします。

  • イラストレーターからwebのファイルについて

    こんばんわ。よくやり方が分かりませのでどうぞ宜しくお願いします。 イラストレーター(win・os2000)でA4サイズのチラシを作ったのですがこれをweb用に使いたい場合はどのようにすればよろしいのでしょうか? チラシに使用した画像は350dpiで配置して掲載点数が約10点ほどです。 イラレのファイルにweb用に保存とありますがこれで書き出せば配置画像の解像度などを変更せずそのままweb用として使えるのでしょうか? どうぞよろしく御願いします。

  • イラストレーター10、Mac OS 9の環境でWebデザインをしました。

    イラストレーター10、Mac OS 9の環境でWebデザインをしました。 素材の書き出しをすると1pxずれたり黒の枠線がグレーになったりします。 ビットマップ画像制作のソフトではないのでこのようなトラブルが起こるのは仕方ないとは思うのですが、何かキレイに書き出せる良い方法はないでしょうか? 詳しい方おられましたらお力をお貸しください。 よろしくお願いします。

  • 【webデザイン】floatについて悩んでおります

    当方webデザイナーを目指し勉強中です。 サイトデザインをしてコーディングをしていてつまずいてしまったため質問をさせていただきました。 添付した画像の一番左側のようなレイアウトにしようとおもうのですが、思うようにいきません。 floatを使って横に流し込む際に、おかしなところでボックスの改行(?)が起こってしまいます。 おそらくナビゲーションの配置をする際にposition:relative;を用いて場所の変更を行う前の位置で改行がかかっているのだと思うのですが、このような場合はどのようにCSSにて記述するのがスマートなのでしょうか? よろしければお答えをお願いいたします。

    • ベストアンサー
    • CSS

専門家に質問してみよう