Adobe認定トレーニングセンター

Illustrator

ワープを使って球体に模様をつける

使用ソフト: Illustrator CC 2018(CSでも可能)  

ワープ

イラストレーターの「ワープ」とは、オブジェクトの見た目を変形させる機能です。
パスで描くと手間のかかる図形も、ワープを使えば簡単に作ることができます。
見た目だけが変化しますので、アピアランスパネルからワープだけを削除したり、修正することができます。

制作動画です。

 

ワープの色々

「ワープ」はメニュー「効果」の中にあります。
「ワープ」の中にも、色々な形があります。

メニュー ワープの種類

ワープ「円弧」

長方形にワープ「円弧」を適用すると、こんな形になります。
ワープ円弧の適用(水平)

「水平方向」「垂直方向」を選ぶことができます。
「カーブ」や「方向」を変えることで、同じ円弧でも、色々な形ができます。
元の長方形が残っていることがパスの形で分かりますね。
ワープ円弧の適用(垂直)

ワープ「でこぼこ」

同じ長方形に「でこぼこ」を適用して、数値を変更してみました。
ボウルや植木鉢の形にちょうど良さそうです。
ワープでこぼこの適用

アピアランスパネル

適用したワープは、アピアランスパネルでこんな風に表示されます。
「ワープ:膨張」を選んで削除すると長方形に戻ります。
また、ワープを変更することもできます。
「アピアランスを拡張」すると、元の長方形はなくなり、見た目が実体化します。
ワープの適用とアピアランスパネル

ワープを使って球体に模様をつける

前置きが長くなってしまいましたが、表題へ戻りましょう。
ワープを使って、球体に模様をつけてみます。
マスクメロンのイラスト

メロンの模様を作る

楕円ツールでメロンの土台、直線ツールでメロンの模様になる線を描きました。
線には色がついています。
直線ツールで線を描画

描いた線を横にコピーします。そのあとはcommand(win:ctrl)+Dで繰り返し。
線を複製

「効果」→「パスの変形」→「ラフ」で線をランダムに曲げます。
メニュー パスの変形
パスの変形ラフを適用した線

回転ツールを使って、線を斜めにします。
その後、同じく回転ツールを使い、90度でコピーします。
線を回転ツールで45度回転

線を全て選択してグループ化します。ポイントです!
グループ化をしないと、球面に合った形になりません。
線のグループ化

「ワープ」の魚眼レンズを適用します。
カーブの大きさはお好みで。
ワープ魚眼レンズの適用

見た目、こんな形になりました。
適用後の画像

模様を実体化する。

線を塗りに変更します。
「オブジェクト」→「パス」→「パスのアウトライン」
メニュー パスのアウトライン

見た目を実体化します。
「オブジェクト」→「アピアランスを分割」
メニュー アピアランスを分割

球体の形に合わせる

出来上がった模様を、土台になる円形の形に合わせて縮小します。
option(win:alt)を押しておくと、中心に向かって縮小するので、合わせやすいですよ。
また、タテヨコ比が変わらないように、shiftも押しておきましょう。
円形に模様を合わせる

模様がはみ出している部分を処理しましょう。
模様のはみ出し部分

土台になる円形をコピーして、模様の上になるように配置します。
作成した模様の上に縁のコピーを配置
パスファインダーパネル→切り抜き
パスファインダーパネル

円形にぴったりの模様が切り抜かれました。
土台の円形に切り抜かれた模様

土台と重ねるとこんな感じです。
メロンの円形部分が完成

ワープでヘタを作成

線ツールでヘタを描きます。
線端を丸型線端にします。
ヘタを線で描画 線パネル 丸型線端

ワープ「円弧」を適用して、ヘタっぽく。
ワープ円弧の適用

完成

実際に手で描いたら大変そうなマスクメロンの模様も、イラストレーターなら簡単ですね!
マスクメロンのイラスト完成

まとめ

ワープ「魚眼レンズ」、いかがでしたか?
ワープを使うと、ペンタブなどがなくても、簡単なイラストがすぐ描けます。
下のイラストも、 長方形ツールやワープを使って描きました。
ぜひチャレンジしてみてくださいね。

テーブルに乗ったメロンのイラスト

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. ハート、クローバー、スペード、ダイヤのオブジェクトの画像

    Illustrator

    パスファインダーを使ってみよう

    今回はIllustratorのパスファインダーという機能を紹介します。…

  2. クリスタルを埋め込んだ文字を作ろう

    Illustrator

    クリスタルを埋め込んだ文字を作ろう~part1~

    Illustratorでクリスタルを埋め込んだ作ってみましょう!今…

  3. アコーディオン風の素材を作ろう

    Illustrator

    立体感のあるアコーディオン素材を作ろう

    よくメッセージカードなどで見かけるアコーディオン風の素材。これを今…

  4. Illustrator

    シンボル化してみよう

    パスで作ったイラストなどを簡単にシンボル化することができる方法の紹介で…

  5. Illustrator

    フリーハンドで絵を描こう!(鉛筆ツール)

    イラストレーター(Illustrator)の「鉛筆ツール」を使うと、ド…

  6. Illustrator

    アンカーポイントとペンツール

    次の記事内容を何にしようかと考えていて、自分が初めてペンツールに触れて…

Language

最近の記事

  1. food pic
  2. GIF
  3. コピースタンプ
  4. メビウスの輪
  5. 海外のフリー素材サイト
  1. 昔の映像風な画像加工をしよう

    Photoshop

    昔の映像のような画像加工をしてみよう
  2. Illustrator

    エンベロープを使って文字列を図形にあわせて変形させるには
  3. Illustrator

    Use the Star Tool!
  4. Photoshop

    The difference between a [Healing Brush …
  5. Illustrator

    3Dにシンボルをマッピングしてみよう
PAGE TOP