2.2.3 図形ツールでイラスト作成 [Adobe Illustrator]

当ページのリンクには広告が含まれています。
タラ
よっしゃ!今度は図形ツールってやつでイラスト作るんだろ?簡単そうじゃねーか!
グー
基本は簡単。組み合わせが鍵。
タラ
組み合わせ?どういうことだよ。
中の人
そうですね。図形ツールは確かに使いやすいのですが、それらを上手く組み合わせることでさまざまなイラストが作れるんです。順を追って説明していきましょう。
目次

基本的な図形ツール

まず、Illustratorの主な図形ツールを確認しましょう。

  1. 長方形ツール(M)
  2. 楕円ツール(L)
  3. 多角形ツール
  4. スターツール
タラ
へえ、こんなにあるのか。スターツールってのが気になるな!
グー
それぞれ特徴がある。組み合わせて使う。

図形ツールの基本的な使い方

  1. ツールを選択し、キャンバス上でドラッグして描画
  2. Shiftキーを押しながらドラッグすると、正方形や正円が描ける
  3. Altキー(Mac: Optionキー)を押しながらドラッグすると、中心から描画
タラ
おお!Shiftキーで正方形が描けるのか。便利だな!

図形の編集

  1. 選択ツールで図形を選択し、アンカーポイントをドラッグして形を変更
  2. 図形を選択中に、コントロールパネルで角の丸みなどを調整
  3. パスファインダーを使って図形を結合したり切り抜いたりする
グー
パスファインダーは強力。マスターすべき。
タラ
パスファインダー?なんだそれ。
中の人
パスファインダーは図形の結合や切り抜きを行うツールです。後ほど詳しく説明しますね。まずは、簡単なイラストの作成手順を見ていきましょう。

簡単なイラスト作成:おばけのキャラクター

  1. 体の作成
  • 楕円ツールで白い楕円を描く
  1. 目の作成
  • 黒い小さな円を2つ描く
  • 白い更に小さな円を目の中に配置してハイライトを作る
  1. 口の作成
  • 楕円ツールで小さな楕円を描き、ダイレクト選択ツールで形を調整
  1. 下部のギザギザを作る
  • 長方形ツールで幅の狭い長方形を複数作り、下部に並べる
  • パスファインダーの「結合」を使ってメインの体と一体化
タラ
おお!こんな感じか。でも、パスファインダーの使い方がよくわかんねーな。
グー
パスファインダーの基本。覚えておくべき。

パスファインダーの基本

  1. 結合したい図形を全て選択
  2. パスファインダーパネルを開く(ウィンドウ > パスファインダー)
  3. 目的の操作を選択(結合、差し引き、交差、など)
タラ
なるほど。これで複雑な形も作れそうだな!

応用:家のイラスト

  1. 家の本体
  • 長方形ツールで四角い建物を描く
  1. 屋根
  • 多角形ツールで三角形を描き、建物の上に配置
  • 長方形ツールで窓を描き、コントロールパネルで角を丸める
  • コピー&ペーストで複数の窓を作る
  1. ドア
  • 長方形ツールでドアを描く
  • 小さな円でドアノブを追加
  1. 煙突
  • 長方形ツールで煙突を描き、屋根に配置
グー
色をつけると、より魅力的に。
タラ
おお!本当だ。結構いい感じになってきたぞ!

イラスト作成のコツ

  1. シンプルな形から始める: 基本的な図形を組み合わせて複雑な形を作る
  2. 整列を活用する: 「整列」パネルを使って図形を綺麗に配置
  3. レイヤーを使う: 背景、中景、前景などでレイヤーを分けて作業
  4. グループ化を活用: 関連する図形をグループ化して管理しやすくする
  5. 配色に気を付ける: カラーガイドを使って調和の取れた色を選ぶ
タラ
へえ、奥が深いな。でも、だんだん楽しくなってきたぞ!
グー
楽しむのが上達の秘訣。どんどん試そう。
中の人
その通りです!図形ツールを使ったイラスト作成は、初心者の方でも楽しみながら学べる方法です。基本をマスターしたら、どんどん複雑なイラストにも挑戦してみてください。
タラ
よーし!次は何作ろうかな。アイデア湧いてきたぞ!
グー
その調子。創造性を楽しもう。
中の人
素晴らしい意欲ですね。次回は、今回学んだ技術を使って、もう少し複雑なイラストを作成してみましょう。グーとタラと一緒に、Illustratorでのイラスト作成スキルを磨いていきましょう。
ぐーたらデザインからのお知らせ

Adobe Creative Cloud 12カ月ライセンス、おすすめの購入方法!

画像引用:Amazon商品ページ
  1. Amazonでセールをねらうのが正解
  • Amazonで時々、すごくお得なセールをやっているんです。
  • でも、いつやるかわからないから、こまめにチェックするのがコツ。
  1. 「あれ?契約期間が重なって無駄になるんじゃ…」って心配無用
  • 実はセールで買っても、全然無駄にならないんです。
  • 購入した分の期間が、今使っている期間にそのまま追加されちゃいます。
  • だから、お得な時に見つけたら、迷わず買っちゃっても大丈夫
  1. Amazonなら買い方も簡単
  • いつも使ってるAmazonアカウントでポチッと買えちゃいます。
  • 新しくカード情報を登録する手間もなくて、楽チン。

今すぐチェックしてみたい!ってひとは、こちらのリンクから(Amazonへ移動します)

お得なセールを見つけたら即買い!そうすれば、このブログの勉強内容をすぐに試せちゃいます。


12カ月分は高額!月額払いなら払える!というひとは公式サイトで契約!

画像引用:Adobe商品ページ
  1. クレジットカードを登録して月々自動的に支払い完了!
  • 一時的に高額な出費や面倒なことが苦手な人は公式サイトで月額クレジットカード払い
  • 1年契約となるので途中で解約すると解約金がかかるので注意!
  1. IllustratorとPhotoshopしか使わないという人は単体プランの組み合わせがおすすめ!
  • Illustrator単体¥3,280+フォトプラン(Photoshop)¥2,380の契約でCreative Cloudより¥2,120お得に
  • なぜかPhotoshop単体¥3,280よりPhotoshopが含まれるフォトプランの方が¥900安い
  • こちらも年間契約となり途中解約は解約金がかかるので注意!

Creative Cloud(主要Adobe製品全部入り)の詳細こちらのリンクから(Adobe公式へ移動します)

llustrator単体プランの詳細こちらのリンクから(Adobe公式へ移動します)

フォトプラン(Phtoshop入り)の詳細こちらのリンクから(Adobe公式へ移動します)

契約したライセンスを使って、ぐーたらデザインで学んだことを実践してみてくださいね。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次