Dana Vrajitoru
I310 Multimedia Arts and Technology

Homework 1

Due Date: Wednesday, January 20, 2010.

This homework focuses on Inkscape, a free vector drawing program. You can download it for any system from Inkscape.org. Follow the link to Download and then select your system.

Ex. 1. Complete Lab1 and make sure that you have two files resulting from it: one in svg format and one in png format.

Ex. 2. Vector-style art

Open Inkscape from Go -> Applications. This should create a new blank Inkscape document. Save it in your account (the O: drive or the drive with your name) as hw1.svg. Enlarge the window (bottom right corner) and then increase the zoom to a percentage that still lets you see the whole page, also from the bottom right corner.

From the File menu of the window choose Document Properties. In the Grid/Guides tab choose to show the grid. Then in the Snap tab deselect all the snap buttons. We will try to reproduce the following image:

From the browser save this image in your working directory. Go back to your Inkscape window and from the File menu choose Import. Select the image you just saved to import. It should appear as a bitmap in your window. Move it to the center of the page. From the View menu choose Zoom -> Selection (make sure your bitmap is still selected).

Click on the Lines and curves tool. Draw a line strip that loosely follows the outline of the apple. Use a moderate number of points for it. Make sure that for the last point you click on the point you started with to close the line strip.

Click on the Edit path and control nodes tool (bellow the selection pointer). Hit Ctrl-A to select all the points. Then at the top of the window below the main bar you'll find a list of buttons with point operations. Click on Make selected nodes smooth.

Switch to the selection pointer again and make sure your closed curve object is selected. From the Object menu go to Fill and Stroke. In the stroke paint tab, make the stroke transparent (or you can lower its width to 0 in the Stroke style tab). In the Fill tab choose a linear gradient, the click on Edit. Choose the color to be a very dark red, similar to the darkest part of the apple, then switch to the second stop point at the top of the editor and make the second color also red but lighter. Move the transparency to make both colors completely opaque.

Now the gradient should look fine, but we would refer the darker color to be at the bottom. If you click on the gradient tool in the toolbar you should see a line segment added to the object, marked by two points. This defines the gradient. Move the two points to determine where the gradient starts and ends, and the direction of the color change.

From the Object menu, choose Lower. This should bring the apple bitmap back to the top (but don't worry, your object is not lost).

Create a new object similar to the first one but for the big spot of brighter red close to the top of the apple and smooth the outline like before. Open the Fill and Stroke dialog for this new object and make the stroke pain transparent. Fill the object with a solid color in a bright red similar to the apple behind it. At the bottom of the dialog (Fill tab) you'll se a slider labeled Blur. Increase the blur to something like 7. When done, move the object backward again just one level (Object - Lower).

Create a new object over the almost white spot at the top center of the apple. Apply the same procedure as before, transparent stroke, a solid white-pink color, and this time make the color about a third transparent. Then blur it again a little bit more than the other one (because it's smaller). Lower this object too.

To see the result so far, select the bitmap object, then from the Object menu choose Lower to the bottom. Then bring it back to the top.

Add at least 3 more objects for the light region around the twig and leaf (blurred), for the twig (unblured, filled whichever way you want), and for the leaf (you can use more objects for this one if you want). Once you have all the details the way you want, delete the original bitmap object. Now the apple should appear entirely in vector art style.

On your own: add any other decorations you want to this drawing. Add a plain rectangular object for the background and lower it to the bottom of the drawing. Save your work as both an svg image and a png. Here is an example of resulting image.

Turn in: The 4 resulting files from exercise 1 (the lab) and exercise 2, in svg format and in png format.