Vector

You are currently browsing articles tagged Vector.

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 »

Tutorials, Tags and more

July 21, 2008 in KalaaLog, Tutorials by Vyoma | No comments

I have been on some reorganizing tasks here at KalaaLog.com. Most of it revolves around the tutorials posted here.

Top tutorials

Checking the site statistics, it looks like there are two tutorials that have a lot of visits, mostly due to other sites linking to the tutorials. The top tutorial posts have been in both the vector as well as digital painting topics.

  1. Illustrate Hibiscus Flower
  2. Painting A Peacock

Most notable site is the Inkscape Tutorials blog, that regularly links to vector or illustration related tutorials here. Thanks Ryan, for the link love. I urge those interested in Inkscape to have a look at that blog – it regularly posts links to great Inkscape related tutorials.

Tutorial Index

The tutorial index page (the link the navigation bar above), has been updated to link to all the different tutorials posted here. I have tried to organize it under broad categories like illustration, painting and general sketching tutorials. From the last update, 40 new links have been added to the lists.

Tags

As can be seen on the tutorials page, the number of tutorials has grown quite large. It might soon be harder to search for a specific set of tutorials. This is the reason, and also due to reader request, I went through each and every tutorial posted here and tagged them as either ‘vector’ or ‘painting’, and also as either ‘beginner’, ‘intermediate’, or ‘advanced’. You can browse the tutorials using the tag cloud (on the right hand sidebar), or by directly putting in /tag at the end of http://kalaalog.com URL. If you are adventurous, then you can use plus (+) and comma (-) to apply AND or OR respectively.

Here are some examples:

The tags, categories and the search should make it easier to zero in on a particular tutorial. But I am still trying to find some easier way to explore the tutorials. It may involve making use of external tagging/bookmarking services like del.icio.us or ma.gnolia.com so that readers can themselves tag it as they see fit.

Any suggestions are welcome – use the comment area below!

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 »

« Older entries § Newer entries »