Adobe Illustrator (AI) を使用してアイコンをすばやく作成します

以前は PS を使用してアイコンを作成していましたが、その後 AI を使用する簡単な方法を見つけました。これは、無料のアイコンを使用して簡単な修正を加え、アイコンの要件がそれほど高くないプロジェクトに適しています。

1. Alibaba ベクター ライブラリで適切なアイコンを見つけ、ダウンロードする svg 形式を選択します。

Alibaba Vector Library では、「svg ダウンロード」と「AI ダウンロード」の 2 つのベクター形式が提供されています (これら 2 つの形式の違いはまだ明らかではありません)。svg 形式をダウンロードすると、AI で直接開いて編集できます。

2.AIでアイコンを編集します。

AIとPSは同じAdobeシリーズに属していますが、使用習慣が異なり、同じ機能設定の一部は同じ起源から継承されていないようです。

1) 形を色で塗りつぶします

PS では、一般に、前景色塗りつぶし、背景色塗りつぶし、スポイト色塗りつぶしの 3 つの方法と、「カラー」領域で RGB カラーまたは HSB カラーを直接設定することで、図形に色を塗りつぶします。

     

AIでは前景色と背景色の区別はなく、塗りつぶしの色と線の色の区別があるようですが、RGBカラーを設定する際には、その16進数値を直接入力することもできます。 16 進値を使用する場合は、要素を選択し、その色を塗りつぶすかストロークする色の # の直後に値を入力できます。

    

2) 以前に使用した色を他の図形に適用します

既存の図形から他の図形に色を適用するにはどうすればよいですか?

PSでは、前景色、背景色、またはストローで色を吸収してからでないとカラーパレットを作成できないようです。

AI にはさらに便利な機能もあり、ストロークまたは塗りつぶしボックスのドロップダウン リストをクリックして、「未使用の色をすべて追加」または「使用中の色を追加」を選択すると、現在のグラフィック内のすべての色を抽出して使用するものを作成できます。

3) 複数の要素を選択します

複数の要素を整列させる必要がある場合、それらの要素を選択する必要がありますが、PSでは複数のレイヤーを選択することでこれを行います(レイヤーを選択した後、Ctrlキーを押しながら他のレイヤーを選択します)が、AIではその概念はありません要素を選択した後、Shift キーを押したまま他の要素を同時に選択する必要があります。

4) 要素の測定単位を変更する

グラフィックのサイズを調整する必要がある場合があります。PS はデフォルトでパーセント比で調整しますが、AI はデフォルトで cm で調整します。残念ながら、このソフトウェアのデザインは少し反人間的であるように感じます (Web デザインには PS と AI を使用しています)要素は(印刷物以上に)必要ですが、最初はどこに設定すればよいのかわかりませんでした。

PS では、幅または高さの値ボックスを右クリックすると、測定単位の調整がポップアップ表示されます。

しかし、AIは上記の方法には従わない。

測定単位を調整するには、[ファイル] -> [ドキュメント設定] -> [単位] を選択する必要があります。

 5) キャンバスの透明部分をカットします。

アイコンの編集が完了したら、アイコンを最大サイズで保存するには、キャンバス内の余分な角の透明要素を切り取る必要があります。

PSの「画像」→「切り抜き」→「透明要素に基づく」を選択して、余分な透明な角を切り取ります。

 AI で [ファイル] -> [ドキュメント設定] -> [アートボードの編集] を選択し、[プリセット] エリアのドロップダウン リストを選択して [アートワークの境界に合わせる] に設定すると、余分な透明な角のないアイコンが得られます。 。

 3. png形式で保存し、アイコン画像を取得します。

 ここでPSもAIも「ファイル」→「Web用に保存」を選択し、必要なピクセルサイズを設定してアイコン画像の保存が完了します。


最近とても忙しくて長い間ログインしていませんでしたが、何で忙しかったのかわかりません。

上記の方法をマスターするということは、私がソフトウェアを使用するツール人間であることを意味するだけであり、素晴らしい柔軟な使い方の境地にはまだ到達していないと理解しています、ウーウー。

おすすめ

転載: blog.csdn.net/qq_38250687/article/details/126934408