アイコン開発のためのPhotoshopとIllustrator

クライアントがSVGファイルを要求しています（SVGとして保存するには、Illustratorでアイコンを作成する必要があります）が、Photoshopでアイコンを常に設計しています（Illustratorからベクターアートをインポートし、スマートオブジェクトとして配置し、レイヤースタイルを適用しています）。 Photoshopはレイヤー効果（ドロップシャドウ、グラデーションなど）にエンボス加工の外観の柔軟性を提供します。

Illustratorでアイコンを作成し、Photoshopが提供するのと同じ効果を作成した経験はありますか？

Photoshopでアイコンを作成し、必要なサイズに簡単に拡大縮小できることを願っていますが、同じ効果を作成できる場合は、Illustratorでそれらを作成できてうれしいです。

SVGが望ましい出力である場合は、InkScapeを試してみることをお勧めします。それは酸っぱいです。UIはAIほど洗練されていませんが、非常に堅牢で、ネイティブファイル形式はSVGであるため、SVG作業に最適です。

「エフェクト」については、ベクターファイルでラスターエフェクトをエミュレートできます。エフェクトの種類によってはだまされがちですが、実行可能です。

アートとイラストレーターのスキルレベルに大きく依存します。

Illustratorには、ドロップシャドウ、グラデーション、グローなどがあります。したがって、すべてIllustratorで実行できます。それは単に自分の熟練度の問題です。

SVGは、どのPhotoshop形式よりも多くの機能を提供します。SVGはその場で拡大縮小して、外観を維持できます... png / gif / etc。できません。

私はベクターアーティストです。常にベクターを使用してから、必要なサイズにラスタライズします。アイコンをベクターで実行すると、後で任意のサイズに拡大縮小できるため、品質を損なうことなくA0サイズまで拡大できます。

あなたのための私の解決策はこれです。Photoshopでラスターとして実行し、少し大きいサイズで実行します。たとえば、256 x 256で十分な詳細と線の太さで64 x 64でも見栄えがします。

ラスタライズされた結果に満足したら、Inkscape（はい、ビットマップをトレースする関数があります！）またはVectormagicを使用して.svgに変換します。そして、クライアントを満足させる素敵な.svgが作成されます。

エフェクトによっては、ベクターファイルが大きくなる可能性があります。とにかく、これらのプログラムはラスターを色の領域（ベクター）に変換するのに時間がかかるため、特殊効果が重すぎないようにします。

後で、IllustratorまたはInkscapeを使用して.svgを微調整できます。

この解決策が実行可能かどうかをお知らせください。ではごきげんよう。

すでに多くの素晴らしい答えがここにあります。詳細については、Jon HicksによるIcon Handbook http://iconhandbook.co.uk/をチェックすることをお勧めします。個人的には、16x16のファビコンを作らない限りイラストレーターを使用します