How can I make a hollow effect as seen in the back side of a VW bus?

I’m working on this illustration project. It is a VW samba bus from the 50’slike the image below.
The part I’m struggling the most with are the air ventilation grills seen in the backside of the bus.

Sketch of the problem

I don’t know how to create that shade or hollow effect as depicted in the sample. Because in the original image this part is blurry I cannot distinguish exactly where is the shadow or how the light enters in the object so it creates that hollow effect.

In my research by comparing with pictures of samba VW buses around I found these samples of engine vent trims.

Ventilation trim one

Ventilation trim two

Ventilation trim three

But from the different examples it seems that the vent trims protrude or stick out from the surface. Is it possible to use these ideas the replicate the part which I’m struggling?

Answer

The hole in a real VW is a common sheet metal trick named “Rounded Louver”. Realistic drawing of a louver needs complex shading. It’s easiest if you can accept it as bent inwards, without shiny glosses and without a chrome edge list. Here are three of them on a flat surface:

enter image description here

One louver is made by interpolating between a black line and blue edge curve (=a line + two quarter circles joined)

enter image description here

The interpolation in Inkscape is Extensions > Modify Path > Interpolate.

The result can be a mess if the line and the edge curve have different directions. Flip the line horizontally if needed.

As you see the top edge isn’t perfectly straight. Fix it by inserting a decorative list or simply a colored line which covers the edge.

I had 30 steps in the interpolation. Less can be enough if the line and the curve are wider. If you rasterize the louver shape the number of steps can be even higher without making the system slow.

Much simpler construction is possible if you can accept less realistic version which doesn’t have rounded bottom curve :

enter image description here

The louvers are grey groups with blending mode Multiply. They make the paint surface darker.

The job starts again from an union of a rectangle and two quarter circles. Have 2 copies. The red version is used only as clipping path, it’s color is meaningless. Fill the other with horizontal 4-stop grey gradient dark-light-light-dark:

enter image description here

Insert a blurred black rectangle on the top edge of the gradient shape. It will be the shadow:

enter image description here

Place the red version on the previous shapes, select all and apply Object > Clip > Set to get rid of the blurred extras. Make a group and give to it blending mode Multiply:

enter image description here

As you see the clipped shapes have a special “clip” symbol in the Layers panel. They can still be selected and adjusted freely in the layers panel. You very likely must adjust the blur of the shadow rectangle and the gradient when you have placed the louver onto the final surface.

Protruded louvers cannot be drawn by somehow reversing the colors. It doesn’t look right because the major part of the louver should have same color as the surrounding surface. Here’s a simple working version which can be used if the main paint color isn’t black. It starts from the same basic forms as the previous version but it’s colored differently:

enter image description here

1-2. place quarter circles at the ends of a rectangle and make Path > Union

  1. Fill with car’s main paint color

  2. Change the fill to 4 stop horizontal gradient which has darker ends. Step 3 is useful because the stops can get easily the main paint color. Only remove the color transparency after you insert the stops by double-clicking. Then adjust the end stops darker

The louver cannot be seen properly on the final surface as is, it needs 2 additions:

  • a thin stroke of the same color as the dark ends of the fill gradient (see NOTE1)
  • a shadow

In the next image 4 louvers are placed on a flat surface. In the bottom you can see the shadow. It’s actually the louver shape, but

  • flipped and squeezed vertically
  • with no stroke
  • with black fill
  • blurred and
  • sent behind the louver

enter image description here

NOTE1 The stroke starts to look wrong if the image is so big that one sees the stroke is uniform. Blurring helps, but the stroke should be a separate curve if it’s blurred. Harmfully there’s no gradients along a path available. The stroke is not needed if the mid gradient stops of your louver are a little lighter than the main paint surface. But that creates a gloss. The same light condition should be used consistently in the whole car. It can fit because in your drawing example there’s glosses caused by somehow downwards directed light. I tried to avoid glosses to keep things easily manageable.

Attribution
Source : Link , Question Author : Chris Steinbeck Bell , Answer Author : user287001

Leave a Comment