Vector

You are currently browsing the archive for the Vector category.

Drop Shadows In Inkscape

  • Software: Inkscape
  • Level: Beginner
  • Subject: Drop Shadows

This is quite a simple technique you can use to create drop shadows of objects you have designed in Inkscape.

Drop Shadows of Simple objects

Drop Shadows - 00 - Simple Object

Let us first look at a simple example.

Make a copy of the object (rectangle in this case) and move it few units to the bottom and to the right.

Drop Shadows - 01 - Simple Object

Then, change the color to black or dark gray.
Read the rest of this entry »

Illustrating Vector Art of Lady Justitia

  • Software: Inkscape (or Adobe Illustrator or Corel DRAW)
  • Level: Advanced
  • Subject: Lady Justitia

I got inspired to do this work when Rizky asked how would one do vector art of Lady Justitia.

Lady Justice is a personification of the legal system. She is often depicted as a blindfolded goddess holding a sword and a scale.

Here is a walk-through of my attempt using Inkscape – consisting of a set of images and the screen capture video. You should be able reproduce similar results using other vector editors too.

Concepts

Doing thumbnails and sketches has almost become a regular in my work-flow.

Concept - Rough

After a pretty rough doodling in GIMP, I do a clean sketch in GIMP itself.

Concept - Sketch

Flats

Having a solid base color for each of the parts becomes quite easy later on while adding details. Thus, I take time to create shapes and order them properly in Inkscape. (I import the sketch as a guide for shape construction).

The video is quite long – it is actually a play list of a few of them. You will see how I keep shuffling the order of the sketch, using it as a guide, to create the different shapes.

Details

Lady Justitia - Details - Face
Read the rest of this entry »

Illustrating Tomato

  • Software: Inkscape
  • Level: Beginner to Intermediate
  • Subject: Tomatoes

The other tutorial on painting a tomato has become quite popular and I have got quite a handful of request on how the approach would be for illustrating tomatoes. In this post, we will be looking at how to illustrate a tomatoes (or more than one) using a sketching program and Inkscape (or any other vector editors like Adobe Illustrator or Corel DRAW).

Sketch

Illustrating Tomato - Sketch

Draw a sketch of the tomatoes and get it as a image file. You can either sketch it on paper and scan it in, or sketch it using a software. I used GIMP.

Basic Shape

Import the sketch into Inkscape.

Illustrating Tomato - Basic Shape - 1

Use the pen tool to mark out the rough shape of the different parts. Take care to correctly order the different shapes one above the other. This depends on how and from which angle have you sketched the different parts. Some of the parts may need to be split into more than one shapes when the interleave between other shapes.

Illustrating Tomato - Basic Shape - 2

After you have gotten them in proper order, you can then shape all the paths and then give them the basic flat color.

Illustrating Tomato - Basic Shape - 3

Details

Illustrating Tomato - Details - 1
Read the rest of this entry »

Illustrating Hibiscus Flower

  • Software: Inkscape (or Illustrator)
  • Level: Beginner
  • Subject: Hibiscus Flower

This will be a simple step by step tutorial on illustrating a Hibiscus Flower using Inkscape.

Sketch

Use GIMP, any other graphics editors like Photoshop, or even on paper, to create a simple sketch of the hibiscus flower.

Illustrating Hibiscus Flower - Sketching

You do not need to focus on details. Just the rough shape and composition should be sketched, as we will be creating an illustration out of it.

Illustrate Petals

Import the sketch into Inkscape.

Illustrating Hibiscus Flower - Step 1

Use the Bezier Curve and Straight Line tool [Shift]+[F6] to mark out the main shape.

Illustrating Hibiscus Flower - Step 2

Use the Edit Path Nodes tool [F2] to shape these lines to curves, using the sketch as guide.

Illustrating Hibiscus Flower - Step 3

Draw another set of lines, just marking out the white area of the petals. You can ignore the Pistil and Stamens for now.

Illustrating Hibiscus Flower - Step 4

Shape them too with the Edit Path Node tool.

Illustrating Hibiscus Flower - Step 5

Give both these shapes the colors. You can keep the outline of the outer shape to create another gradation. For the inner shape, switch off the outline stroke.

Pistil And Stamen

This is the part of the flower that comes out from the center, and forms the reproductive parts of the plants.
Read the rest of this entry »

« Older entries § Newer entries »