Adobe Illustratorでシンプルなシェイプを組み合わせて、アプリやデジタルプロジェクトで使用するための、統一感のあるベクターアイコンのセットを作成しましょう。
サンプルファイルを使用するか、あるいはカラーモードがRGB、単位がピクセルのドキュメントを自分で作成します。後で出力しやすいように、作成するアイコンのサイズにアートボードのサイズを合わせておきます。
サンプルファイルでは、ベクターアイコンのサイズと位置を正確にコントロールできるように、プロパティパネルでグリッドを表示させ、スナップオプションをオンにしています。これらの設定は、いつでもオフにできます。
シンプルなシェイプを重ねて、パスファインダーの「合体」、「型抜き」、「合流」などの機能を使用すると、様々なシェイプを作成できます。例えばページアイコンでは、パスファインダーの「前面オブジェクトで型抜き」を使用し、次に正方形のコーナーポイントを削除して、右上の折れ曲がった角の部分を作成しています。
他にも、いろいろな方法でシェイプを組み合わせてみましょう。ハート型を作るには、まず長方形の角を丸めます。次に回転ツールを選択し、AltまたはOptionキーを押しながら中央をクリックして回転させます。コピーを作成して同様に回転させます。両方のシェイプを選択してからシェイプ形成ツールを選択し、AltまたはOptionキーを押しながら下の不要な部分2箇所をクリックして削除します。その後、残りの部分をまたぐようにドラッグすると、シェイプが合体してハート型が作成されます。
アイコンの外観を統一するには、まずすべてのアイコンを選択します。すべてのアイコンで同じ塗りと線のカラーを使用しているため、選択/共通/アピアランスを選択します。すべてのアイコンを選択したまま塗りや線のカラーを変更すると、セット全体の外観をまとめて変更できます。
各アイコンの複数のバージョンを作成するには、ウィンドウ/アセットの書き出しを選択します。1つ目のバージョンとして書き出すアイコンをすべて選択し、アセットの書き出しパネル上にドラッグします。各アイコンに名前を付け、形式とサイズ(拡大・縮小)を指定してから「書き出し」をクリックします。
プロジェクトごとに異なるサイズのアイコンが必要となる場合があります。ベクターアイコンは、様々なスクリーンやデバイスに合わせてサイズなどの属性を簡単に変更できます。