Sunday, January 24, 2010

GIMP Tutorial: Make Your Own Invitations (Part 2 of 2)

In Part 1 we made an envelope graphic to substitute as an postcard invitation. In Part 2, we'll pick up where we left off, and add the tree frog image. If you haven't done Part 1, you can get started with that here.

Open treefrog.xcf from part 1.

[One note before we get started: You may notice that the colors mentioned in the tutorial don't match the colors in the screenshots. Don't fret, I started the tutorial with different colors and decided against re-doing all the screenshots, but I did manage to correct the colors in the later screenshots.]

Step 1:

Create a new transparent layer, name it frogbody.

Select the Free Select tool, zoom in on the left portion of the envelope, and we are going to freehand the body outline of the tree frog onto the image as shown below:

Fill the selection using the Blend tool, choose a dark green (104d07) foreground and lighter green (0a8714) background, shape set to Radial with NO offset. Run the gradient path from between the eyes downward past the face. Then go to Selection on the menu and choose "To Path" to save it as a path for later use.

Keep in mind it might take a couple of attempts to get the body outline to where you want it.  Deselect the selection after filling it with a gradient.

Step 2:

Add a new transparent layer, name it eyedepth. Select the Ellipse Select tool, and we'll now add some depth to the eye areas. Create two ellipse selections separately, adding a radius feather of 5 (after you create the first ellipse, use the Blend tool, choose a dark green (104d07) foreground and lighter green (0a8714) background, shape set to Radial with NO offset, then do the same thing with the second ellipse.) See below:

Step 3:

Create a new transparent layer, name it eyes. Just like with the eye depth layer above, we have to tackle each eye, one at a time, in order for the sphere designer filter to work correctly. Create a smaller ellipse inside each eye depth area, go to Filters - Render - Sphere Designer and change only two colors as shown in the two menus below:

First, the example of what you are trying to achieve

In Sphere Designer, you only need to change two colors to get the red eyes:

Pay attention to the layer areas selected in each menu

Step 4:

Create a new transparent layer, name it pupils. In this case we can make one pupil, copy and paste it to the second eye. Select the Path tool, and create a diamond like closed shape, rounded in the middle, as shown:

Choose Selection From Path, fill the pupil with black using the Bucket tool. While still selected, copy the pupil and paste it to the other eye.

While the pasted selection is still a floating selection, you can flip the pupil horizontally and rotate it before you anchor the selection. When done, deselect the selection.

Step 5:

Add a new transparent layer, name it face. Here we will create a selection area to bring some depth and contrast to the frog's face. Using the Free Select tool, we'll create that area and then use the Blend tool to apply a gradient. First create the selection, like shown:

Apply the Blend tool, using the same green colors as before for your gradient, making your gradient path from the center of the selection area, diagonally (the same direction as the frog's lean) about halfway past the selection area. Once you have the result, apply a Gaussian blur of 10.

Step 6:

Add a new transparent layer, name it jaw. Now we'll give some definition to the jaw area, to make it look more appealing. Using the Free Select tool, create a selection like shown:

You want to apply the gradient in the direction where the lighter green is toward the bottom of his jaw, and darker toward his lips. Once you get the result you want, apply a Gaussian blur of 10.

Step 7:

It's time for the feet/hands, create a new transparent layer, name it hands. Basically, long fingers with bulbous fingertips. Because we need to apply gradients to each hand, we need to create each hand individually. You can even make one hand and then copy/paste it for the second one.

Using the Path tool, create the selection, rounding off the bulbous fingertips, as shown:

Choose Selection From Path, fill the selection with a dark orange (cf6c02) color, and a lighter yellow-orange (f6cb01) color. Apply the gradient in the direction where the fingertips are lighter in color than the hand.

Step 8:

Deselect the selection, create a new transparent layer and name it fingers. Now we are going to apply ridges to the fingers to give them appeal and depth. Using the Airbrush tool, circle (03), scale at 1.35, select a darker color of orange for the foreground color (almost brown) and make ridges like shown:

Apply a Gaussian blur of 6.

Step 9:

Merge the fingers layer down, selecting the hand layer, then Edit - Copy. Then select Edit - Paste As - New Layer.

Flip the clipboard layer, vertically.

Step 10:

Now we need to make the lower arm using the Free Select tool. Create a selection like shown, filling it with the dark green, light green colors (same as mentioned in Step 2):

Deselect the selection. Apply a Gaussian blur of 8.

If you feel like the hands are too big or in the wrong direction, don't fret, simply select that layer and scale the layer smaller, or rotate them until you are satisfied with the direction.

Step 11:

The final steps will have us going back to the frogbody layer and doing a little bit of clean-up on the body. Using the Free Select tool, make a selection like shown:

Press delete to remove the area in the selection.

We're done! Add your own font and decorations to complete.

Thank you for following along. :)

No comments:

Post a Comment

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. :)