01 Illustratorアイコン作成講座 iPhoneのホーム画面アイコン

Illustratorの基本講座となります。iPhone のホーム画面にある見慣れたホームアイコンを作成する講座です。ここでは、基本図形の書き方やそれを使っての新しいオブジェクトの生成を行います。

目次

オブジェクト(図形)である四角や丸を書いてみよう!

新規のアートボードを作成したら、iPhoneから作りやすそうなアイコンをチョイスしてホーム画面をスクリーンショットとります。Airdrop などで、パソコンに向かって画像を投げておいて、Illustratorのファイル>配置から画面に出しておきます。今回はトレースではなく、横にみながら作成できるかもポイントです。

四角や丸をパスファインダーで合体

お天気アイコン

天気アイコンは、丸と角丸長方形の合体です。パスファインダーパネルを出して、合体をクリックします。少し半透明になってお月様?と合わせるように配置した完成です。

Illustratorの角を簡単に丸くする方法

IllustratorのCCになってから登場した各自オブジェクトについている角を丸くするボタンです。
正式名称はライブコーナーですね。動画の中ではすっかり名前を忘れてしまって角丸角丸と呼んでいます。これを使うと、今までのように方向線を使わなくてもできるので、ベジェ曲線の苦手な方にはとても便利な機能ですね。

Illustratorでホームアイコン作成講座の動画

この記事を読んで、もう少しサポートが必要な方へ

Web制作やデザインについて、学習のサポートから実際の制作まで承っています。
現在のお悩みに近い方をお選びください。

自分で作れるようになりたい方

HTML・CSS、JavaScript、PHP、WordPress、Figmaなどの学習や、制作中の課題についてサポートしています。

  • 「コードがうまく動かない」
  • 「デザインや制作物を確認してほしい」
  • 「次に何を学べばよいか相談したい」

といった段階でも大丈夫です。現在の状況を伺いながら、一緒に解決方法を考えます。

MENTAで学習サポートを見る

制作を依頼したい方

Webサイトの新規制作・リニューアル、WordPressの修正や運用、デザイン・コーディングなどを承っています。

  • 「何から相談すればよいか分からない」
  • 「まだ内容が具体的に決まっていない」

という場合でも問題ありません。ご希望やお困りごとを伺い、必要な内容を整理してご案内します。

サービス内容・料金を見る

この記事が気に入ったら
フォローしてね!

  • URLをコピーしました!
目次