Clock

[ clock >> ]

বৃহস্পতিবার, ৭ মার্চ, ২০১৩

Quick Tip: How to isometric drawing in Adobe Illustrator

In this tutorial we will cover something that may cause more than headaches while working in an isometric perspective: circles. Not only do we take care of the top and side views, the we also with taking this to the next level and some cylinders to create.

First of all, we need an isometric grid. There are a lot of resources and tutorials, how to do this, I will explain my method.

Create a new file. Now enter the same specifications in width and height, as shown below. This will help in the next step.

Then double-click on the segment command line utility (\). Create a row, the following settings. While the "real" isometric projection used an angle of 30 °, we will change it a bit with a 26.565 ° angle. Here is why: most of the isometric graphics we see today use a variation of isometric projection called "2: 1?." It was born in the days of the pixel art, and it is used today as a 30 ° from an aesthetic point of view too steeply may cause.

Set this line now vertically with the canvas (by hand or using the Align Panel - you must not at this time to be exact) and move it outside of the Artboard.

Draw the line using the selection tool (V) and does, press and hold ALT + SHIFT to duplicate and hold the movement perfectly stable.

Now that we've got a line at each end of the Artboard, we can begin to create our grid. Select both lines with the selection tool (V) and go to object > blend > make. Enter the spacing specified steps, select, and type a number any minors than 30. This will determine the modules on your grid will be how large or small.

Then select the result and create a duplicate on top of it. You can do this by copying and pasting in the foreground (CTRL + C and then CTRL + F).

Select the duplicate and flip it horizontally to object > transform > reflect. Make sure that you select the vertical axis.

Expand your mix to object > blend > expand and your grid is done!

Now we have the grid:

Change the color of the lines in a light cyan (25% will do).Cut to the Artboard according to (by drawing a rectangle the same size of the drawing area, the alignment of it and the use of the Pathfinder or only applying a clipping mask to do so).

These steps are optional. You can use it as it is. Here is what mine looks like:

It is essential to keep your grid on a separate, locked-down level.

Now we have everything ready, let's start! First of all we want to create a new layer called "Artwork". We then go by pressing CTRL + U or go to view switch magnetic guides > magnetic guides.

Good, magnetic guides on, is that you can use the pen tool (P) to draw shapes that are perfect in the grid.

These small cubes have according to the magnetic guides.

Here is the crucial step: duplicate the cube, so will not lose, choose a face of the new cube and hover effects > Stylize > round corners. Now give the highest possible value, and then click OK.

Once you are finished, repeat with all three sides of the cube. Select all and go to object > expand look.

Now we have those, we can create in isometric view, such as cylinder round shapes. But before we do that, it is a little fine tuning, which we have to do in the upper circle:

Select the Add Anchor Point tool (+) with the pen tool (P) submenu and add new points to the four extremes of the path (aka where there is a little straight line). Do not delete each anchor point.

Now have the 3 circles from the Artboard, duplicate them always before you use it. The same applies to the cube. It is very helpful to have a copy available.

To make a cylinder, is all we need to do around the upper circle, cut the horizontal extremes, disconnect them vertically and made clear anchor points using object > path > join (CTRL + J). Finally, can use another circle and put it up to give the illusion of a framework

Now that you know how to create isometric circles, you can experiment and create all kinds of shapes. There is no limit to what you can create, well, you can do both straight and curve shapes!


View the original article here

কোন মন্তব্য নেই:

একটি মন্তব্য পোস্ট করুন