Saturday, May 22, 2010

GIMP Tutorial: Making Sun Clip Art Using Paths *BEGINNERS*

My last post was a sort of introduction to the usefulness of the shape path script. If you haven't read that or downloaded the script, you can check that here.

The use of paths really speeds up and enhances your images. Let's get started with the sun clip art:

Step 1:

Open a new drawing 640 x 640 px, with a white background, add a new transparent layer and name it "rays".

Center two guidelines (vertically and horizontally) on your image at 320 px.

Go to Script-Fu/Shapes Path/Star and enter the following settings:

Activate the path selection for the star path by clicking the "Path to selection" icon  in the Paths dialog.

Select the Ellipse Select tool and enter the following settings:

Draw out a circle from center (320, 320) like shown:

Save the new selection to a path (Select - To Path).

Step 2:

Next set up your Blend (Gradient) colors of foreground (ffe400) and background (ffa800).

Your Blend tool settings should be like shown:

Drag out the Blend tool from center of the drawing, like shown below:

In the Paths dialog, apply the background yellow/orange to the current path as a 2 px stroke (right click path and select stroke path):

Step 3:

Add a new transparent layer and name it "sun".

Use the Ellipse Select tool, with the same settings as before (except change the mode from Subtract to Replace), and create a center circle inside the rays (save the circle as a path).

Using the Blend tool, draw out your gradient (same settings used with the rays above, only swap the foreground and background colors):

The result after adding a 2 px yellow/orange stroke to the circle:

Step 4:

Add a new transparent layer and name it "face".

Use the Ellipse select tool, to create one eye, fill the selection with a dark brown color. Duplicate the layer, and flip it horizontally:

Use the Path tool to create the mouth and cheeks, using a 4px  dark brown stroke:

Step 5:

Add a new transparent layer and name it "Glow".

Using the Ellipse Select tool, create an area over the top section of the sun, like shown:

Set your foreground color to white, and using the Blend tool, with your Gradient set at FG to Transparent, fill the ellipse selection with the white gradient:

With the Blend:

Now we need to add a new transparent layer and name it "sheen".

We're going to add a brassy like sheen to the lower portion of the sun. You want the brass color (d57709) to be slightly darker than the yellow/orange color currently being used in the sun.

Using the Ellipse Select tool, create a larger ellipse selection like shown:

Remove the selection (Select - None).

Add a Gaussian blur of 10 px.

Move the Sheen layer below the face layer.

Lower the opacity of the Sheen layer to 50.

Step 6:

Finally, add a new transparent layer and name it "cheeks". This layer should be top-most.

Set the Airbrush tool brush to Round Middle Soft 40, scale at 90, and foreground color to (ff7e00).

Using the default Airbrush settings, apply the Airbrush to the cheeks, like shown:

That's it, you're done!


If you intend to comment to complain about being unable to perform certain steps with tutorials, please explain where you are in the step process and what step you are unable to get to work correctly, instead of saying something like, "I can't do this!". Your comments will help get tutorial corrections made and help give clarification to future viewers who may have trouble in the same locations. Thank you. :)