4

私が開発しているウェブサイトでは、いくつかのグラフィックを作成する必要があります。まだサイズを固定していないので、レイアウトとUIをさらに進めて何が機能し、何が機能しないかを確認した後で気が変わった場合に備えて、画像ファイル（PNG、GIF、JPG）を直接生成したくありませんでした。 。

これは私に考えさせられました：多分私はそれらをベクターグラフィックス（例えばSVG）として生成し、それから私のサイトで使用するための画像ファイルのセットを生成するべきです。私はこれまでベクターグラフィックスをいじったことがないので、私が求めているのは次のとおりです。

  • いくつかの許容可能な形式でいくつかのベクターグラフィックを（できればグラフィカルに）作成するためのいくつかのツール。
  • ベクターグラフィックを作成するプログラムによる方法。たとえば、グリッドがあるとすると、必ずしも手で描画する必要はありません。「グリッドにスナップ」および同様の機能はこのケースをカバーしますが、他のケースはカバーしません。と
  • プログラムで（たとえばビルドタスクとして）一連のベクターグラフィックスを取得して一連の画像を生成し、できれば命名規則、出力形式、サイズなどを（コマンドラインからなど）制御できる方法があります。Iプログラムに参加して、100以上のファイルに対して個別に「名前を付けて保存...」を実行してアイコンを生成したくありません。

この状況に適したツールとワークフローの種類は何ですか？

4

3 に答える 3

4

いくつかの異なる商用ベクター グラフィックス パッケージが存在するため、さまざまなアプローチがあります。私が使用しているのは、Adobe Illustrator、Adobe Fireworks、Adobe Photoshop です。確かに、Fireworks と Photoshop は、ベクターをサポートするビットマップ グラフィック パッケージです。

ベクターは「ファーストクラス」のオブジェクトであるため、Fireworks の方が扱いやすいと思いますが、Photoshop では実際にはベクター マスクと塗りつぶしの組み合わせです。ベクトルを使用してビットマップ パッケージでデザインする利点は、個々のピクセルを確認できるようにドキュメントを拡大することで、ラスタライズされた結果をプレビューするのがはるかに簡単になることです。Illustrator には、これを実現するための「ピクセル プレビュー」モードも追加されています。

3 つのパッケージはすべて、マルチエクスポート、名前付けなどの反復タスクを自動化できるスクリプト機能を備えています。ただし、Photoshop にはアクションもあります。単純なバッチ アクティビティを記録および再生できる単純化されたマクロ システム。

アイコン パックを作成する方法は、1 つのドキュメント内にすべてのアイコンをデザインすることです。「グループ」(Illustrator の場合) または「フォルダー」(Fireworks または Photoshop) を使用して各アイコンを互いに分離しますが、アイコンを構成するすべての個々のレイヤーを平坦化しないでおくことができます。

エクスポートするときは、最上位のグループ/フォルダーを反復処理するスクリプトを実行し、一度に 1 つを除いてすべてを非表示にし、すべての主要な解像度のビットマップに結果をエクスポートします。16x16、24x24、32x32、48x48、128x128、256x256。

これは、 Vista および XP のアイコンをデザインする方法について Microsoft が提供している優れたスタイル ガイドです。Photoshop を使用してほとんどの作業を行うことに焦点を当てています。

于 2009-01-04T00:44:27.747 に答える
0

カイロとそのさまざまなバインディングをご覧ください。実際、SVG を Cairo コマンドに変換するためのレシピも用意されています。

于 2009-01-04T00:47:01.330 に答える