タグ付けされた質問 「vector」

ベクターグラフィックス(点、線、ベジエ曲線、形状などの幾何学的要素を使用して作成された、画像品質を損なうことなく無限に拡大縮小できる画像ファイル)に関する質問

2
WebグラフィックにSVGまたはSVGZを使用する必要があるのはいつですか?
私の理解から、 SVGZは、SVGの圧縮ファイルタイプです。私はSVG画像の使用が大好きで、SVG画像を多く使用しました。 私がそれらを使用したすべての時間で、私は数百キロバイトを超えるグラフィックを持ったことがありませんでした。 レスポンシブWebサイトの作成中に、レスポンシブグラフィックスにSVGを使用します。私のお気に入りのデザインスタイルはベクターベースのグラフィックなので、私もそれらを使用します。私の最も強いデザインの強みは、特にグラフィックデザインに関してはイラストレーターです。 SVGグラフィックを使用するもう1つの理由は、腕や脚など、グラフィックの特定の要素を簡単にアニメーション化できることです。 特に、ページの全体にまたがる都市のような背景要素は、ライトのちらつきなどをアニメーション化します。 ファイルが圧縮されている場合、SVGコードが失われるため、アニメーション化できませんか? SVGだけでなくSVGZを使用する理由はありますか? 更新 古代のCS3がSVGZを保存できることを知ったので、SVGとSVGZを作成して、それらがWebでどのように動作するかを確認することにしました。 テスト後、SVGZファイルタイプで非常に予期しない問題が発生しました。(Chrome、Firefox、およびIEでテスト済み)画像の直接URLにアクセスすると、エラーが発生します。これらのファイルタイプのSVGコードにアクセスできないと仮定していますが、フィドルを作成した後、画像を表示することさえないようです。 これらはウェブにとって役に立たないのですか? .svg .svgz JSFIDDLE


4
アンチエイリアスなしでSVGをラスタライズする方法
inkscapeでマップを作成しましたが、ビットマップまたは.pngに変更する必要があります。マップはコンピュータープログラムによって解釈されます。コンピュータープログラムは正確な色を探すため、エッジを鮮明にする必要があります。inkscapeで.pngをエクスポートするとき、オンラインファイルコンバーターを使用するか、スクリーンショットを撮るときでも、常にアンチエイリアス処理されます。助けて。

1
Inkscapeで直線またはパスを延長/延長およびトリム/カットする方法
私はいくつか持っているストレートパスとの唯一つのノード(開始および終了ノード)。それらは短く、線と同じ方向に延長したいです。 パスは斜めであり、水平または垂直方向ではありません。その場合、Ctrlキーを使用して水平方向または垂直方向に延長できたことを知っています。 質問:パスをパス方向に延長することは可能ですか?
20 vector  inkscape  path 

1
これらの渦巻き模様のラインフレームはどのように作られていますか?
私はこの種の渦巻き模様のデザインが大好きで、常に神秘的にされてきました。 グラフィックデザイナーとして10年以上働いた後、私はまだそれらがどのように行われるかについて頭を包むことができません。一般的な幾何学的な曲線デザイン。 彼らはどのように異なる部分をシームレスに接続するのですか?すべてのポイントを配置し、すべてのベジエハンドルを微調整するので、手作業で作られた単一のピースにすることはできません。 Illustratorでこの手法に取り組んだ人はいますか?アプローチは何ですか?


4
inkscapeでハートの形を描くにはどうすればよいですか?
私はそれが最も簡単な方法だと思うので、2つの円と長方形を使用してそれを描く方法を好むでしょう。しかし、他の方法でも大丈夫です。私はあまり曲がっていない心が必要です。このようなもの。 2つの円とその下の正方形を組み合わせてみました。しかし、私は完璧な心を得ていません。正方形と円の交点はエッジが効いています。円の間の距離と、円と比較したときの正方形の大きさを知りたいです。これが私の努力の結果です。

5
線画をラスターからベクターに変換する
ラスターイメージ、基本的にはさまざまなオブジェクトのアウトライン(および一部の詳細)のスキャンされた図面があり、IllustratorまたはInkscapeを使用してこれらの線をベクトルに変換したいと思います。 私の現在の解決策は、ラスターイメージを背景レイヤーとして使用し、その上の新しいレイヤーでペンを使用して、可能な限り線に沿って移動することです。後でこれらの線を微調整して、ラスターイメージに合わせます。単純な図面ではうまく機能しました。しかし、私の非常に複雑な図面の一部では、これは非常に面倒です。 線画内の線を認識し、そこからベクトルパスを作成できるツールまたはフィルターはありますか?

6
Photoshopはベクター用に使用できますか?
通常、ベクターはAdobe IllustratorやInkscapeなどのベクターベースのプログラムでのみ作成されますが、Adobe FireworksやFlashなどのプログラムでベクターを描画するためのサポートは一部制限されています。 ただし、Photoshopはベクター用に使用できますか?たとえば、後でWebデザインレイアウトのプロジェクトで使用される可能性があることを考慮して、すべてのベクターベースのイメージ作成をそこで行うのが最適でしょうか?

3
Inkscapeでベクトルロゴのピクセル画像を変換する方法は?
私が正しい場所にいるかどうかはわかりませんが、作成したピクセル画像をベクトルロゴに変換する方法を知りたいですか? 私はこの写真を自分のWebサイトのファビコンに使用しています。また、ソフトウェアに関する推奨事項がある場合は、Macで作業しています。私はオープンソースのものを使用することを好みます。

2
署名をJPGからベクターストロークに変換する方法は?
スキャンした署名をベクターファイルに変換したいと思います。具体的には、WikipediaのBarack Obamaの署名のように、きれいで小さなSVGを取得したいと思います。塗りつぶしのないパスと幅1.4の黒いストロークのみで構成されます。 スキャンされた署名の例を次に示します。Inkscape 0.48およびIllustrator CS6に組み込まれたトレース機能を試しましたが、境界にアンカーがあり、塗りつぶしがあり、ストロークがないパスしか取得できませんでした。言うまでもなく、結果のSVGはクリーンではなく(パスの幅はさまざまです)、そのサイズはオバマ署名の約4倍です。 スキャンした署名/ラインアートをパスではなくストロークとして適切にトレースできるツールはありますか?そうでない場合、Illustratorのペンツールを使用して手動でストロークを作成するにはどうすればよいですか?

2
IllustratorでSVG形式を使用してプリミティブをパスに変換する
Illustratorで複数の四角形で構成される簡単な描画を取得しました。それを後でコードで処理し、ドキュメントをSVGとして保存する必要があります。 長方形<rect />はSVG形式のノードとして表示されます。四角形をプリミティブ型からIllustratorのパスに変換するクリーンな方法はありますか?もしそうなら、どのように? これまでの私のハッキングソリューションは、[オブジェクト]> [パス]> [単純化]を使用することでした。変換が適用されていないシンプルなボックスを扱っていたため、直線もチェックしました。これはボックスに対してうまく機能しました(同じ数の頂点と外観を保持しました) プリミティブをIllustratorでパスに変換するための、よりクリーンでハックの少ない方法はありますか?

3
Photoshop EPSファイルはベクター形式ですか?
Photoshopからファイルを保存する場合Photoshop EPS、全体としてベクターとして問題ありません(つまり、開いているファイルのサイズを変更できますか)。.psdPhotoshopで開いて画像のサイズを変更しても品質が保持されるので問題ありませんが、EPSファイルが必要な場合は、いつの日か(または何でも)建物の側面に印刷したいかもしれません。 Photoshop EPSは大丈夫ですか?それとも、私がしなければならないことは他にありますか? 私のデザインはすべてPhotoshop内のベクトルなので、テキスト/シェイプ/デザインはペンツールで行われます。Photoshopがなく、そこで開くことができない人のためのベクトルであることに注意してください。サイズを変更します。

2
Photoshopでパスを描くときにパスをミラーリングする方法はありますか?(対称形状の描画用。)
Photoshopのペンツールで何かを対称的に描画するときに、特定の角度でミラーラインを設定する方法はありますか?私はむしろ、それがどのように見えるかを見るために複数の間隔でコピー、ペースト、変換する必要はありません。 これは、メッシュの3ds Maxの「ミラー」修飾子と本質的に同等です。

4
等尺性ベクトルを描画する方法は?
できればIllustrator CS2-5の「組み込み」ソフトウェアソリューションを探しています。 Webアプリ用にこれらのアイソメ図を作成しようとしています。現在、Adobe Illustratorでグリッドを手動で設定し、このグリッドに基づいて図面を作成していますが、ガイドもスナップもありません。 最終結果はこれに近いはずです:http : //www.twigital.co.uk/ 等尺性のものを描画するための優れたソフトウェアを知っていて、それをベクトル(.epsまたは.ai)として出力できるので、Illustratorにインポートして色やその他のものをポン引きできますか? このためのソフトウェアを特に知らない場合、Illustratorでアイソメ図を作成したことがありますか?方法はありますか?任意のヒント? 編集: 等角図と1,2または3点透視図を混同しないでください。 等角図: [等尺性システムは単なる慣習/発明であり、多くのものに有用であり、目が実際に見るものを再現するのではなく、実際には測定やその他のものに有用な単なる慣習です] iso(等しい)metric(測定) でアイソメトリック図面、立方体の全ての縁部は平行であろう 4のセットです。(2本の平行線は、線がどのくらいの長さで描かれても、線が互いに出会うことはないことを意味します) 透視図: [透視図の規則(1ポイント、2ポイント、3ポイントなど)は依然として慣習ですが、実際に見た目(3D)を模倣し、可能な限りそれに近いものにしようとしていますが、 2D(紙/スクリーン)では、現実が実際のようになることはありません。] [他の人が主張するかもしれないことは、私たちが2つの目(ちょうどいくつかの光学デバイス)*を持ち、画像が実際に融合する(作成される)という事実にそれが脳で起こるいくつかの魔法を介して行うということです。コンベンションは本当に正確に現実に似ています...しかし、これは哲学SEのためです:P] * 内斜視図、エッジが向かって先細になる一つ以上の消失点。 イラストレーターCS 5で遠近グリッド 3つのオプションがあります。 1ポイントの視点、2ポイントの視点、3ポイントの視点。 上記のすべての情報を処理した後(インターネットからの情報は間違っている可能性がありますので、自由に検討してください)、キャンバス上の複数のオブジェクトの等角図を達成することは不可能であるという単純な仮定をしています(上記の例、twigital.co.uk(彼の答えでそれがどのように行われたか説明してくれたGeorgeに感謝します)地平線上の2点、3点で会います...あなたはアイデアを得る... また、等角図では、線は平行であるため、交わることはありません。(アイソメトリックパースペクティブと呼ぶこともできると思うので、少し混乱しています) !!! ただし、グリッドを手動で作成する場合は可能ですが、その方法を学習するか、ここで既に実行されているものをダウンロードできます。このチュートリアルですべてを実行したら、作成したすべての行を選択し、[表示]> [ガイド]> [ガイドの作成]に移動します。これはこの質問に対する一種の答えですが、「組み込み」のソリューションを探していました... Illustrator CS5のパースペクティブグリッドを使用してこれを実行しようとしました...私にはうまくいきませんでした。 上記のものに重点を置いていると言う人もいるかもしれませんが、数百または50個のランダムに配置された(等尺性の)オブジェクトで複雑なアプリを作成し、オブジェクトが完全に等尺性ではない場合、い結果になりますあちこちに(すべての線が平行であるとは限らず、見た目が悪い)または、測定と精度のアプリが投影を縮小した場合、「悪い」数字になります...そしておそらくあなたはそれを望まないでしょう。 。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.