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

Illustrator

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

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

ワープ

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

制作動画です。

 

ワープの色々

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

メニュー ワープの種類

ワープ「円弧」

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

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

ワープ「でこぼこ」

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

アピアランスパネル

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

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

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

メロンの模様を作る

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

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

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

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

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

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

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

模様を実体化する。

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

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

球体の形に合わせる

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

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

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

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

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

ワープでヘタを作成

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

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

完成

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

まとめ

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

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

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

関連記事

  1. Illustrator

    【挑戦】ペンツールの練習 1分間であなたはできる?

    ペンツールを使って、完成できますか?挑戦してみてください!3つ…

  2. 複合パス知識編

    Illustrator

    複合パスを掘り下げてみよう〜実践編〜

    複合パスについて掘り下げてみよう〜知識編〜につづき今回は【実践編】です…

  3. Illustrator

    パスのオフセットを理解する

    パスのオフセットとは選択したオブジェクトから指定した距離をずらした…

  4. 猫の顔を星型やハート型、ギザギザ模様に切り取った画像

    Illustrator

    Illustratorでクリッピングマスクをする方法

    みなさんクリッピングマスクはご存知ですか?クリッピングマスクとはある部…

  5. Illustrator

    シンボルをスプレーで散布してみよう

    今回は、簡単にシンボルをスプレーで散布する方法をご紹介します。先ず…

  6. Illustrator

    巻三つ折り用ガイドの作り方

    ガイドはオブジェクトや文字などを配置する時に目安になる目安線のことです…

Language

最近の記事

  1. 意外と知らない歯車の作り方
  2. アルミの質感を作ろう
  3. 寸法線の作りかた
  4. 印鑑風
  5. ホラー風の文字を作ろう
  1. 寸法線の作りかた

    Illustrator

    これは便利!!文字入力できる寸法線の作り方
  2. Photoshop

    モザイクを入れよう!
  3. Photoshop

    How to Fix Distortion of Image
  4. 便利かも?チェック柄を作ろう

    Illustrator

    便利かも?チェック柄を作ろう
  5. Photoshop

    画像に光のエフェクトを足してみよう
PAGE TOP