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

Illustrator

How to Create 3D Designs

使用ソフト: illustrator CC 2018 (or CS)  

Even if you’re not very good at using paths, you can use the 3D effect of Illustrator to create 3D objects and overhead perspective designs.

How to use the 3D effect in Illustrator

Rectangle
First, prepare the object.

[Effect] / [3D] / [Extrude  Bevel]
Go to [Effect] > [3D] > [Extrude Bevel] and apply it on default settings.

Objects with effects
Here is the result.

For more details about the 3d effect, check this article.

Example of Objects

Ribbon
Ribbon
Draw a curve with the Pen tool and apply the previous effect without a fill. (This is the default setting.)
You can create the edges of ribbon as you wish.

Carpet
If you increase the Extrude Depth, it can be like a carpet.

Buildings
Buildings

It is easy to make the window as the Compound Path.The zig-zag of the shutters was made by setting the position to the “Off-Axis Top”, making the Bevel “jagged”, and adjusting the depth. The text on the sign should be at the same position as the sign and have zero depth. Now, all you need to do is to combine all the things I’ve introduced above.

Isometric design

Isometric is a drawing viewed from an angle, with width, depth, and height (x.y.z) axes all spaced at 120 degrees. It is often used for drawing websites and buildings.

This can be created in the same way using the 3D effects as above.

Isometric

The method is the same as above, just set the Position to “Isometric” in “Extrude Bevel” dialog. The rest of the work is the same as above.

The example of Isometric
From the top, Isometric Left, Isometric Right, Isometric Top, and Isometric Bottom.

I applied it to the building above.
Building

Making a 3D Map

Prepare the normal map.
For more information on how to make a map, please refer to this article.

2D map

Apply the effects from the base of the map in order and adjust the position of the objects.

Finished!
3D map
You can start making a 3D map from the beginning instead of making a flat map beforehand.

Learn more
Map with Off-Axis Top
If you apply the “Off-Axis Top”, this is what it looks like.

Make a human shape

The same procedure can be used to make a human shape.

The framework of human shape
First of all, build a simple framework.

Add body
On top of that, add clothes, hair, etc.

Applying the effect
Apply the effect. (Example is Isometric left)

Final image
Correct the head with a clipping mask, and add the arms and legs, etc.

If you need, you can add the effect on it.

Example
Example

A design example using the techniques in this article
A design example using the techniques in this article

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

Related post

  1. Illustrator

    What’s the difference between the Black and …

    I tried using Illustrator, but what…

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

    Illustrator

    How to Use the Pathfinder in Illustrator

    In this article, I'm going to intro…

  3. Illustrator

    How to Create Flowers with the Star Tool

    Applying the Star Tool, it's easy t…

  4. Illustrator

    Create Speech Bubbles in Illustrator

    Speech bubblesWe see speech bubbl…

  5. Illustrator

    Use the Star Tool!

    The Star Tool is a handy feature th…

Language

最近の記事

  1. 夜景
  2. 描画モードについて
  3. 描画モードについて
  4. ライブペイントを使おう
  5. 昔の映像風な画像加工をしよう
  1. Illustrator

    Place text on a path in Illustrator
  2. Mac

    Macで簡単にスクリーンショットを撮ろう!フリーソフト「Captur」の使い方
  3. GIF

    Others

    簡単!!動画をGIFアニメーションに変換できるサイト
  4. Photoshop

    How to add shine to hair in Photoshop
  5. Illustrator

    Symmetry and vertical symmetry: Mirror d…
PAGE TOP