Vector

You are currently browsing the archive for the Vector category.

Illustrate A Banana

August 3, 2008 in Artwork, Tutorials, Vector by Vyoma | No comments

Illustrate A Banana

  • Software: Inkscape (or Adobe Illustrator)
  • Level: Advanced
  • Subject: Banana

Here is a tutorial on illustrating a fruit – banana.

Base Shape

The most important step is to get the base shape of the banana.

Illustrate A Banana - 0 - Base shape

Create a rectangle and then segment the lines to subsections. In Inkscape – convert the rectangle using Path > Object to Path. After that, using the node edit tool [F2] select the four nodes and select all the nodes, and use the first tool button (on the top below menu), to insert new nodes between selected nodes. Do this three times.

Illustrate A Banana - 1 - Base shape

After that, with the node edit tool still selected, move the nodes to get the basic shapes proper – use reference images if needed. After that, smooth out all the nodes except the three nodes each on both sides.

Illustrate A Banana - 2 - Base shape

Base Colors

Create another inner shape using similar method, and make a copy of it and place it exactly over the same place. In Inkscape, use [Ctrl]+[C] and [Ctrl]+[Alt]+[V].

Illustrate A Banana - 3 - Basic Colors
Read the rest of this entry »

Depth by Color – Vector Landscape

July 31, 2008 in Artwork, Tutorials, Vector by Vyoma | No comments

  • Software: Inkscape (or Adobe Illustrator)
  • Level: Intermediate
  • Subject: Simple Landscape

As promised, this is a walk through of the practical application of the theory of ‘Depth by Color‘. In this article, you will see how a simple vector artwork is made interesting by adding to the depth perception of the shapes using color.

Simple Illustration

Depth By Color - Landscape - Lineart

Here is a simple illustration of a landscape which leads the eye from the far vanishing point to the large leaf-less tree on the foreground.

Download the lineart to experiment: Landscape Lineart – SVG | AI

(I have used Inkscape to create the AI format of the lineart – not sure how compatible it would be while opening in Adobe Illustrator).

Depth By Color - Landscape - Flats

As you can see – the shapes does add to the depth and creates a layered effect. But this can be further enhanced by modifying the colors with varying degree.
Read the rest of this entry »

Illustrate A Bell

July 10, 2008 in Tutorials, Vector by Vyoma | 3 comments

Illustrate A Bell

  • Software: Inkscape or Illustrator
  • Level: Beginner
  • Subject: Bell

Looking back at the couple of tutorial posts I made here, I realized that I had made a lot of complex and ‘Advance’ level tutorials lately. So, here is a simple tutorial that should get you started with your favourite vector editor. I used Inkscape.

Waist, Crown, and Lip

Illustrate A Bell - 0 - Waist

The main single part of a bell is its waist, crown and lip. Start of by creating a squat rectangle. In Inkscape you would want to convert the shape to a path (Path -> Object to Path) so that we can sculpt the main shape out of this.

Illustrate A Bell - 1 - Crown

Pull up the top segment of the rectangle to make the crown of the bell.

Illustrate A Bell - 2 - Lip
Read the rest of this entry »

Inkscape 0.46

July 3, 2008 in Tools, Vector by Vyoma | No comments

Inkscape 0.46

Not sure how I missed it, but poking around a bit, I found that my Ubuntu boot had upgraded my Inkscape to version 0.46. Not sure when it was released, but it seems like it was out more than about two months back.

Be sure to grab/upgrade your copy.

« Older entries § Newer entries »