読者です 読者をやめる 読者になる 読者になる

Webデザインの勉強 ハロートレーニング 受講生のためのWebデザインの勉強補足ブログ

形の変形

Illustrator

変形

すでに描画されているオブジェクトの変形を練習します。

  • コンピューターは既存の形を利用することが得意
  • 特に複製は、コンピューターのもっとも得意とするところ

リフレクトツール

  • 「線対称」の複製を作るときに使用するツールです。

ドキュメントを開く

(1)[ファイル]→[開く]

(2)「変形ツール」フォルダ→「リフレクトツール_飛行機.ai」を開く


[ファイル]メニューから[開く]を選択して、ファイルを開くよう習慣をつけましょう。


リフレクトツールを使う


(1)リフレクトツールを選択する



(2)画面上の飛行機を選択する
 ※リフレクトツールを選択したまま、[Ctrl]キーを押すと一時的に選択ツールに変更できます。



(3)基準線を[Alt]キーを押しながらクリックするとダイアログボックスが表示される
 ※シンメトリー(線対称)



(4)「コピー」ボタンを押して複製を作成する



(5)「リフレクトツール_とんぼ」を開き、複製をつくり完成させてみる


回転ツール

  • 「点対称」の基準点に対する回転した複製を作るときに使用するツールです。


ドキュメントを開く

(1)[ファイル]→[開く]

(2)「変形ツール」フォルダ→「回転ツール.ai」を開く


回転ツールを使う

(1)回転ツールを選択する



(2)画面上の正方形を選択する
 ※回転ツールを選択したまま、[Ctrl]キーを押すと一時的に選択ツールに変更できます。



(3)基準点を押して、マウスをプレスしながら下絵のように動かす


(4)他のオブジェクトも同様の操作を繰り返し、下絵のように回転する



(5)「回転ツール_クローバー.ai」を開く



(6)回転ツールを使い、四つ葉のクローバーを完成させます
 ※基準点を[Alt]クリックをしてダイアログボックスを表示
 ※「360/4」と入力し、演算を指定する



(7)「コピー」ボタンを押し、複製をつくる
 ※複製を繰り返す:[Ctrl]+D
 ※ Duplicate:複製[複写]



拡大・縮小ツール

  • 「点対称」の基準点に対する複製を作るときに使用するツールです。


ドキュメントを開く

(1)[ファイル]→[開く]

(2)「変形ツール」フォルダ→「拡大・縮小ツール.ai」を開く


拡大・縮小ツールを使う


(1)拡大縮小ツールを選択する



(2)画面上のオブジェクトを選択する



(3)基準点を押して、マウスをプレスしながら下絵のように動かす



(4)他のオブジェクトも同様の操作を繰り返し、下絵のように回転する



(5)「拡大縮小ツール_Dog.ai」を開き、選択する



(6)基準点をクリックし、[Alt]キーと[Shift]キーを押しながら
  基準点にむかって、オブジェクトをプレス+ドラッグする


 縮小コピーを作ることにより、相対的な大小を作る。

シアーツール

  • 「点対称」や「線対称」の平行四辺形のような形に変形するときに使用するツールです。


ドキュメントを開く

(1)[ファイル]→[開く]


(2)「変形ツール」フォルダ→「シアー_自転車.ai」を開く

本来は、上の自転車のみを使い影をつくるのですが、最初の段階では難しいため「下」に複製を作ってあります。
それを利用するところからはじめます。


シアーツールを使う


(1)画面上のオブジェクトを選択する

  • 下の自転車の色を「グレー:50%」にします。


(2)下の自転車を垂直移動をして、上の自転車にぴったり重ねます。


(3)シアーツールを選択する


(4)Shiftキーを押しながら水平に傾けます。


(5)傾けた自転車を、上の自転車の背面におくります。


(6)選択を解除して完成させます。

広告を非表示にする