Illustratorでオブジェクトに簡単にパースをつける方法

Illustratorでオブジェクトに簡単にパースをつける方法 Illustrator

この記事では「Illustratorで簡単にパースをつけたい」「平面のオブジェクトを立体にするにはどうするの?」って方に向けて、Illustratorでカンタンにパースをつける方法を解説していきます。

1.Illustratorでオブジェクトに簡単にパースをつける方法

Illustratorでオブジェクトに簡単にパースをつける手順(動画)

Illustratorでオブジェクトに簡単にパースをつける方法
完成図

【前面の作り方】

拡大・縮小ツール(S)で水平方向90%で数値を入力する

⬇︎

シアーツールでシアーの角度10°、垂直にチェックを入れる

⬇︎

【側面の作り方】

拡大・縮小ツール(S)で水平方向60%で数値を入力する

⬇︎

シアーツールでシアーの角度-30°、垂直にチェックを入れる

⬇︎

【背面の作り方】

①正面と側面をコピーして背面に貼り付ける

補足

コピーの仕方が分からない方はこちらをどうぞ→コピーの仕方

⬇︎

【天面の作り方】

背面をコピーして天面を作る

補足
内側(影になる部分)の色を少し暗くすると、陰影が出て立体感がでます。

Illustratorで3Dの立体をつくる方法

前ページで説明したものには天面がないので作りやすいのですが、天面があるだけで難易度はグッと上がります。

3Dを作る方法は色々ありますが、シンプルな形状なら画像埋め込みがカンタンなのでおすすめです。

シンプルな四角形のサイコロで立体の作り方を解説していきます。

illustrator 平面 立体

⑴立体にしたいオブジェクトを選択

リンクパネルの右上のオプションから「画像を埋め込み」を選択

⑶立方体のオブジェクトを作る

埋め込み画像を選択して、キーボードの「command+X」を同時押しして切り取る

※command+Xは「切り取り」のショートカットキーです。

⬇︎

⑸キーボードの「command+B」を同時押しして立方体オブジェクトの背面に埋め込み画像を貼り付ける

※command+Bは「背面に貼り付け」のショートカットキーです。

⬇︎

埋め込み画像オブジェクトを選択して、キーボードの「command+option+C」を同時押しして立体サイコロの平行パースの完成です

※キーボードの「command+option+C」を押して立方体オブジェクトの角度に埋め込み画像を合わせる機能のことをエンベローブと言いますが、この機能は埋め込み画像がオブジェクトより背面にないと使用できません。




2. オブジェクトに影をつけて立体感を出す方法

illustrator 平面 立体
グラデーションを使用

⑴先ほど立体のサイコロと同じ形状のオブジェクトを同じ位置の上に重ねる

⬇︎

オブジェクトの塗りにグラデーションを適用して動画のように調整します

⬇︎

透明パネルを使ってオブジェクトの塗りを乗算にする

⬇︎

グラデーションを動画のように調整する

⬇︎

ペンツールで右下に落ちる影のカタチを作ります

⬇︎

ダイレクト選択ツールで影のカタチを調整する

⬇︎

⑺右下の影のグラデーションを調整し、キーボード「command+B」を同時押しして立体サイコロの背面に貼り付けて完成です。


以上が平面図から立体を作る方法でした。基本的な方法なので、こちらをマスターしてから複雑な立体の作り方に挑んでみてください。

補足
今回説明したものは遠近法を使っていない、平行パースと呼ばれるもので取説などによく使われる立体を作る方法です。遠近法を使って立体物を作るにはデッサンの知識がいるので、デッサンの勉強をするのがオススメです。

✔︎デッサンに関するオススメ書籍

以上がIllustratorでオブジェクトに簡単にパースをつける方法でした。


「この記事を読んでもイマイチ理解できなかった。」「Illustratorのことをもっと勉強したい」と言う方は、逆引き辞典や入門書を読みながらIllustratorを操作するのがおすすめです。オススメの本を3冊紹介しておきます。


・逆引き辞典は僕が初めて入社したデザイン事務所でも常に最新版が置かれていて、WEBで調べても出てこないマニアックなことは逆引き辞典で調べていました⬇︎

Illustrator 10年使える逆引き手帖【CC完全対応】[Mac & Windows対応]

・入門書は今からIllustratorを始める方や初心者にオススメです。Illustratorを始めたばかりの方は、まだ何が分からないかすら分からずにWEBで検索することも出来ないので順序立ててやさしく説明してくれる入門書はうってつけです⬇︎

Illustrator しっかり入門 増補改訂 第2版 【CC完全対応】[Mac & Windows 対応]
デザインの学校 これからはじめる Illustratorの本[2020年最新版]