Tuesday, February 23, 2010

GIMP Tutorial: Make Your Own "Simple" Satin Bows



If you're feeling confident about using the Path tool, all it will take is creating 5 path shapes that comprise the entire bow. No special scripts or plug-ins are needed. I have since upgraded my GIMP to version 2.6.8, I suggest you update GIMP if you haven't already done so.

Step 1:


Create a new drawing with a white background. (I am using 640 x 640 at 300 dpi). Add a new transparent layer.

Using the Rectangle select tool, make a small square in the center of your drawing, save it to a path.

Switch to the Path tool and manipulate the square, convert the path to a selection, fill it with white using the Paint Bucket tool:



Step 2:


Add a new transparent layer. Using the Path tool, create the left side bow ribbon:



Convert the path into a selection, use the Paint Bucket tool to fill it with white.

Right click the layer and select "Layer to Image Size". Select the Flip Tool, set the Affect mode to Selection, then flip the selection horizontally.

Create a new transparent layer and then fill the newly flipped selection with white. Your results should be similar to the following:



Now we'll use the Path tool to create the bottom portion of the ribbon on one side and follow the same duplication procedure as above, first create a new transparent layer before proceeding:



Convert the path into a selection, use the Paint Bucket tool to fill it with white.

Right click the layer and select "Layer to Image Size". Select the Flip Tool, set the Affect mode to Selection, then flip the selection horizontally. Save the selection to a Path.


Create a new transparent layer and then fill the newly flipped selection with white. Your results should be similar to the following:



Now all five paths are set and we can begin to create depth using the Blend tool.

Step 3:


Selecting one layer at a time.  Selecting the middle rectangular bow "knot" layer, and using the Fuzzy Select tool, I click on the "knot" to activate the selection. Start with the Blend tool selected, and mode set to difference, shape set to Bi-Linear. I started from bottom layer up. Then give the selection a couple of gradient strokes vertically (one running down, and one running up):



I used the Radial shape and Bi-Linear on the next two:





Finally, the bottom two ribbons:


Step 4:


With the background layer turned off, merge the five visible ribbon layers.

Apply Colors  - Curves:



You get this:



Step 5:


We need to add some dark folds (on a new transparent layer) that extend from the knot, to give it a touch of realism, then apply a Gaussian blur of 10 px. Right now it doesn't look like much, but I Warp will change that in the next step:



Merge the added lines layer down onto the ribbon layer, and then open Filters - Distorts - I Warp. I mainly used the Move option with deform radius at 50 and deform amount at 30. I recommend you make adjustments in steps, save the effect, open it back up and work in I Warp some more. Because one little mistake can cause you to have to start all over again when resetting the I Warp filter. I probably added too many lines, but you get the idea of how I-warp is used.



All that is left is to add color and a drop shadow:




Maybe add some texture? Add another transparent layer, set the mode to Multiply, and start trying out different textures/patterns, and adjusting the opacity levels. Most patterns work very well with the ribbon bow.

The I-warp result isn't perfect, but it gives you the idea and then you can improve upon it. Thanks for stopping by.

4 comments:

  1. I think it's a good tutorial and the right look for certain things.

    ReplyDelete
  2. Hi,

    Thanx alot author. Actually, I have been hoping to learn how to do this.

    ReplyDelete
  3. Thank you! this tutorial helped me a lot

    ReplyDelete

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