Photoshopでベクターグラフィックを作成する方法は?

CorelDrawまたはAdobeIllustratorの使用を好む人は知っていますが、テクニックがあるかどうか知りたいですAdobePhotoshopを使用してベクター画像を作成することができます

コメント

  • あります単純なベクターイラスト&アイコンに役立つPhotoshopからのショートカットプロセス。ペンツールの&機能に自信がない場合は役立ちますが、速度を上げるために使用します。 Photoshopで240dpiでイラストを作成します。フラットカラーが最良の結果をもたらします。アイコンには黒を使用しています。最高品質でjpgとしてエクスポートします。これをVectorMagicというアプリで実行すると、ベクターが作成されます(illustrator ‘の画像トレースよりも優れています)。アプリで背景をノックアウトし、Illustratorで開いてやり直すことができます。チャットボットの文字の例: bit.ly/2AG8HrV

回答

TL; DR: Photoshopは作成できません真のベクター画像。これは非常に一般的な誤解です。

車のように考えてください。 -トヨタプリウスで四輪車に乗れますか?確かにできます!それはジープラングラーがすることができるすべてのことをするつもりですか?嫌です。そこに「理由」があるのと同じように、四輪駆動車を使用して四輪駆動車を使用する必要があります。理由 >ベクターアプリケーションを使用してベクターファイルを作成する必要があります。


ファイルの作成方法と保存方法に関係なく、Photoshop 常には、ベクター情報とラスター情報の両方を保存します。これは、真のベクトルアプリケーションとは異なります。

ベクターファイルを作成できません Photoshopで。一部のベクターデータが埋め込まれたラスターファイルのみを作成できます。つまり、ベクタースクエアが存在する可能性があり、そのエッジはシャープで鮮明なままですが、そのスクエアにグラデーション塗りつぶし。そのグラデーション塗りつぶしは完全にラスターであり、スケーリングによって 影響を受けます。

Illustrator、Inkscape、CorelDraw、Xara、Sketchなどのアプリケーションなどは、実際には100%の解像度に依存しないベクターデータしか含めることができません。ベクターアプリケーションを使用することを「好む人」の問題ではありません。最後に真のベクターファイルが必要な場合は、必須です。

これは必要ありません。 Photoshop内のベクター tools は全体的に劣っていると言いますが、そうではありません。はい、 Photoshopのベクターツールを使用して描画し、ベクターコンテンツを作成できます。ただし、Photoshopでそのベクターコンテンツを実際に活用するには、今後のすべての変更に常にPhotoshopを使用する必要があります 。Photoshop内でベクターコンテナを 拡大または変換すると、Photoshopは変換に合わせて内部ラスターデータを補間します。その補間はではありませんはPhotoshopの外部で発生します。したがって、エクスポート/保存した後、Photoshop EPSのようなものを拡大縮小すると、ベクターエッジは拡大縮小され、ベクトルであるため鮮明なままになりますが、ラスターデータの補間はではありませんはPhotoshopの外部で発生します。そのため、ベクターツールを使用していても、PhotoshopEPSでは「壊れたピクセル」が完全に発生する可能性があります。この問題は、ファイルを保存またはエクスポートしたときに発生します。すべてのベクター対応フォーマット(PDF、EPS、PSD)で、Photoshopはベクターデータが埋め込まれたラスターファイルを作成します。 Photoshopはベクターファイルを作成しません 。これは、実際のベクターベースのアプリケーションとはまったく異なります

Photoshopですでに高ppiで作業している場合、制作目的では、この違いはほとんど重要ではない可能性があります。ただし、ユーザーは、Photoshopのベクターツールを使用してEPS / PDFとして保存するだけではベクターファイルが作成されないことに注意する必要があります現在利用可能なバージョンのPhotoshopを使用します(CC2017が最新です)。

一部のユーザーは、Photoshopでベクターファイルを作成することを望んでいます。これは、学習する必要がないことを意味します。新しいファイル形式を生成するための新しいアプリケーション。ただし、その周りには方法はありません実際のベクターファイルが必要な場合は、 div id = “401eab5a13”>

は実際のベクターアプリケーションを使用する必要があります Photoshopは常にラスターアプリケーションであるため、「写真その名のとおり。

コメント

  • Photoshopでベクターグラフィックを実際に描くことができます。たとえば、私は通常、ベクターをPSからFlashにエクスポートします。したがって、真のベクター画像を作成できます。
  • @Daniはい、Photoshopでベクターを使用して描画できます。ただし、Photoshopから真のベクターファイルを保存(またはエクスポート)することはできません。それらの輸出をチェックしましたか? Illustratorにエクスポートするのと同じように、ラスター塗りつぶしのあるベクターコンテナです。 ‘は真のベクターファイルではありません。できる最善のは、Photoshopでベクトルを描画してから、パスをエクスポートし、他の true ベクトルアプリケーションを使用して塗りと線を追加することです。 Photoshopがベクターファイルを作成することを本当に望んでいることは理解していますが、実際にはPhotoshopは単純に作成しません。
  • さらに、Flashを使用する必要があるという事実は、 Photoshopは実際のベクターファイルを作成するには不十分です。
  • 本当のベクターファイルとして何を理解していますか?
  • ラスターコンテンツがありません。ほとんどの場合、ベクターファイルにPhotoshopを使用することを切望しているユーザーは、マイクロストックサイトでベクターファイルを販売しようとしています。そして、それらのサイトと同じように、’ラスター画像の塗りつぶしを含む一連のベクターコンテナーを含むファイルが真のベクターであるとは思いません。ベクトルコンテナとラスター塗りつぶしを使用してファイルをスケーリングすると、ラスター塗りつぶしのピクセルが壊れます。これはベクトルではありません。’注:’ Photoshopでファイルを作成できないとは言っていません’。ラスター塗りつぶしのあるベクターコンテナーは、ほとんどのプロダクションで問題ありません。しかし、それらは’ t true ベクトルではありません。

回答

作成したパスをIllustratorファイルにエクスポートできますが、基本的なビューは、Photoshopがラスター画像用に作成され、Illustratorがベクター画像用に作成されたものです。 CorelDrawは1つのプログラムで両方を実行しますが、トレードオフはAdobe、imoほど良くないことです。

回答

チッピン”では、Photoshopでベクター要素を作成したい場合(ラスター画像などで使用する場合など)。

Photoshopにあるツールを使用すると、ベクターグラフィックを操作できます。 、は ペンツール です。の基本操作ペンツールでは、Photoshopキャンバスの周りをクリックしてポイントを表示します。これらのポイントは線で接続され、形状の作成を開始します。

他のプログラム(Illustratorなど)と比較すると、それはあなたのものです。何とか欠けているものを描いてもらうと、その形で行うことができます。 Photoshopを使用すると、ノードを描画、変更し、ノードを結合、交差、または減算して遊ぶことができますが、より複雑な操作を行うことはできません。

Adobeフォーラムにはペンツールの使用を開始する方法に関する非常に完全なガイド

回答

私は思うこのスレッドには要約が必要です。そうしないと、読者は混乱したままになる可能性があります。ほとんどの読者は、結果が「真のeps」か「真のベクターファイル」かを気にせず、何かをやりたいだけです。ただし、制限に注意する必要があります。回答に示されている重要な概念は次のとおりです。

  1. Photoshopは、いくつかのベクトル機能を備えたピクセル(ラスター)ベースの画像処理ツールです。元々は設計されていました。ピクセルベースの画像(デジタル写真など)を操作および保存するために使用しますが、はるかに柔軟なツールに成熟しました。

  2. Illustratorは、ベクターベースの画像処理ツールです。いくつかのラスタライズ機能。ベクトルベースの画像はピクセル情報を保存せず、ベクトルベースの画像描画プログラムによって解釈されるデータとして画像を保存します。

  3. どちらのタイプの画像ファイルにもコンピュータが必要です。表示または印刷用にファイルデータを準備するプログラムですが、最終的には、プリンターまたはコンピューターは画像がピクセル形式である必要があります。その結果、ベクターベースのファイルはより多くの処理を必要とします。ベクトル形式とピクセル形式の主なトレードオフは、ベクトル形式をスケーリングして、さまざまな解像度で見栄えを良くできることです。ピクセル形式は、作成された解像度以外の解像度で表示すると問題が発生します。ピクセル形式は、ベクター形式よりもはるかに優れた画像の細部や微妙な変化をキャプチャします。その結果、ピクセル形式は写真やリアルな絵画に適し、ベクター形式はロゴやシンプルなウェブやモバイルベースのアートに適しています。

  4. 2つの形式があるため補完的な強みがあるので、両方を使用するのは理にかなっています。このような場合、PhotoshopとIllustratorの両方(またはCorelDraw-両方を実行)を使用して画像を作成および操作するか、PhotoshopのベクターツールまたはIllustratorのラスタライズツールを使用するかを選択できます。最善のアプローチは、ケースバイケースで決定されます。明らかなガイドラインは、必要な出力形式に基づいて主要なツールを選択することです。

  5. Photoshopのピクセルベースの画像でベクターツールを使用する場合は、次を使用して実行できます。ペンツールまたはPhotoshopGenerateを使用します。その後、Photoshopで、またはベクターアートをIllustratorにエクスポートすることにより、ベクターアートを使用して開発する利点を得ることができます。 Illustratorを使用した後、最終的にピクセルベースの形式で保存する場合は、アートをPhotoshopに戻すことができます。

回答

PhotoshopのジェネレーターはSVGを保存できます(はい、Photoshopで作成されたシェイプレイヤーに基づく適切なベクターのみのSVG)。ただし、これを行うにはPhotoshop CC 2014.2(または2014.1)が必要です。

Adobeのヘルプ: https://helpx.adobe.com/photoshop/using/generate-assets-layers.html

このPhotoshopドキュメント:

このSVGを作成しました:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="272" height="245" viewBox="0 0 272 245"> <defs> <style> .cls-3 { fill: #fc6665; } </style> </defs> <g> <circle class="cls-3" cx="50" cy="50" r="50"/> <rect class="cls-3" x="72" y="145" width="200" height="100"/> </g> </svg> 

コメント

  • 塗りつぶしをグラデーションに変更してから、Illustratorでsvgを開きます。これは確実な解決策ではありません。
  • SVGが何のために必要かによって異なります。確かに、SVGのエクスポートのサポートはせいぜい大雑把ですが、実線のアイコンまたはパスデータだけが必要な場合は、非常にうまく機能します。
  • パスデータだけが必要な場合は、パスをエクスポートするだけです。
  • スコット、Photoshopが実際にいくつかの状況で受け入れられるベクターデザインツールであることを認めなければならないと思います。
  • マーク、基本的に、私はしません’ t。他のアプリケーションで使用するための真のベクターファイルを作成したい場合は、そうではありません。フラットフィルの基本的な形状が必要な場合は、svgが適している可能性があります。しかし、それは例外であり、規則ではありません。現実には、1つだけではなくもっと多くのツールが本当に必要です。大工は’ハンマーだけで高品質の家を建てることはありません。また、’ Photoshopのみで高品質のベクターファイルを作成することはできません。一部のユーザーは、’他に何も学びたくないので、Photoshopにすべてを必死に望んでいます。これは、’ Photoshopがすべてに適しているという意味ではありません。 ‘ではありません。

コメントを残す

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