スタイリッシュなアイコンの作り方
かっこいい、と記憶に残るアイコンがあれば、グラフィックデザインが一層輝きを増します。スケッチから実装まで、アイコン、ｗeb、ロゴデザイン向けの伝達力のあるベクター画像の作成方法をご覧ください。
最高のアイコンデザインを作るには
Web用アイコンセットを作成、調整する方法について説明します。Adobe Illustratorの豊富な機能を活用すれば、アイコンデザイナーとしてのスキルを簡単にレベルアップできます。
スケッチから始める
ラフなアイデアを紙にスケッチしてから、Adobe Illustratorにスキャンします。また、スマホやiPadでスケッチしてから、アウトラインをインポートします。
スケッチをベクターに
楕円ツールや長方形ツールで、汎用性の高いベクターシェイプを作成します。スマートガイドをオンにすると、シェイプをアレンジしたり、ペンツールでフリーハンドの描画がスムーズになります。
デザインを調整
ベクターシェイプを並べて組み合わせるだけで、フラットなアイコンを簡単に作成できます。Shaperツールで全体の形を仕上げ、コーナーウィジェットをドラッグしてシャープなエッジを丸めます。
色と奥行を追加
自分だけのアイコンスタイルを作りましょう。塗りつぶしでカラーパレットを適用したり、ストロークでビジュアルウェイトを調整したり、不透明度を調整すれば、最高のアイコンが出来上がります。
手書きのラフ案を、本格アイコンに
イメージしたアイコンを作成したら、デバイスに合わせてエクスポートします。
ラフ案をインポート
スケッチブックやスマホで描いたスケッチをスキャンまたはインポートして、最初のレイヤーとして配置します。
デザインを作成
新しいレイヤーにベクターシェイプを追加したり、スマートガイドのペンツールでスケッチをトレースします。
ニュアンスの調整
コーナーウィジェットをドラッグして、シャープなエッジを丸めます。
最適化
ファイルが完成したら、ファイル／エクスポート／画面のエクスポートを選択します。
エクスポート
プロジェクトに最適な画面設定を選択して、エクスポートをクリックします。
次のチュートリアルを参考にして、アイコンデザインを始めましょう
プロフェッショナルなアイコンを作るには、まず基本的なシェイプから始めましょう。プロが伝えるヒントとチュートリアルには、役立つ情報が豊富にあります。
