Create a new document. It can be any size you want. Let's set it at the standard 800x600 pixels, resolution 72 (for screen, if your design is meant for printing, then set the resolution at the maximum 300 dpi) and use the RGB color mode.
Time to start drawing the first ring. With the Ellipse Tool (shortcut L) create an oval, then duplicate it and, by using the Direct Selection Tool, modify the outer circle to look like the one in the picture. Select the outer circle and copy it, paste it in front and lock it by using Ctrl + 2 (we will need this second circle later). Select these 2 circles and go to Object, Compound Path and click Make. This will combine our two shapes and create a new one.
Next step is to create the inside part of the ring. By using the Ellipse Tool create a oval, then duplicate and move it so it looks like in the image below. Then open the Pathfinder pallete and use Exclude overlapping Shape Areas, then click Expand.
In the image you see that there are two sepate parts of the circle. Use the Direct Selection Tool to select a point from the right part, then hit Delete 2 times. Now duplicate the shape of the ring, paste it in front and select both this shape and the half circle, and click once more the Exclude Overlapping shape areas, then delete the part that you no longer need.
Time for some details. There are a number of ways to make these margins, but I prefer this next trick. With the Direct Selection Tool select a few points that you will need for your new margin, then copy them and paste them in front. Again, with the Direct Selection Tool, select and delete the points that you don't need, and use only Stroke, no fill.
For this trick we will need to make a simple brush. Use the Ellipse Tool to create a long oval, then select the right and left anchor point and convert them to corners, and finally fill this shape with black and make sure there is no stroke.
Drag this shape into the Brushes pallete, select create new art brush, set the size to about 10 -20 % , name it, if you wish, and click ok. After you adjust the stroke size, Go to Object - Expand Apperance, then Path - Clean up. Do this for every margin, especially the outside contour.
It's time for colors! You must fill each part of the rings with the same gradient, but you must always keep in mind the light source. Use the Gradient Tool to manipulate the angle of your gradient. If it looks better with less color, feel free to remove a few colors from your gradient, but it is important not to add colors that are not present in the design.
This is how your ring should look at this point. It's time to make the second ring and then tangle them. Just follow the steps for the first ring. You can make the second ring tilted or any way you like. After you drew the first two circles of the second ring, make the Compound Path and decide where you want the rings to tangle. With the secong ring selected, use the Eraser Tool to delete the parts that overlap. Try to work as neet as posible.
For the inside shape you will follow the instructions from the first ring. After you have obtained the shape you need, just duplicate the basic form of the first ring, paste it in front, select both the inside shape of the second ring and the basic form of the first ring, go to the Pathfinder pallete and use the Exclude overlapping shape areas.
Click Expand and, by using the Direct Selection Tool, delete the parts that you no longer need. Keep using these two methods for the parts of the second ring that needs to be deleted (Eraser and the Pathfinder pallete).
It's time to add more depth to our wedding rings. To do this we need to add shadows and lights. Using the Pen Tool (shortcut P) create a shape like the one in the image, fill it with a gradient containing the darkest colors you will use in this design ( for example, the rings contain a variety of colors starting with a bright yellow and ending with a bright brown), such as dark browns. Using the Gradient Tool (shortcut G), set the orientation of the gradient keeping in mind where the light is coming from. Now change the Color Blending Mode, found in the Transparency panel, and set it to Multiply, then lower the opacity to about 9-10%.
Creating the lights is almost the same, except for the fact that you use the same gradient as you used for the rings, then you change the Blending Mode to Lighten and set the Opacity to about 25 - 30%.
Using the Star Tool, create a nice 10 or 12 corner star and make it white. For an extra glowing effect you can duplicate the star using Ctrl + C, paste it in front of the old one: Ctrl + F, then apply the Gaussian Blur Filter, found in the Effect drop-down list. Set the Radius of the glow as you see fit. Now your rings really shine!
Final result
Here you can download the final result.
There you go! Now you have two realistic, beautiful wedding rings!



















13 Response to How to create two realistic, beautiful wedding rings
Landing page designer says:
Great tutorial!good explain how to create the two realistic,wedding ring!informative post.
Posted on July 19, 2012 at 10:17 am
Web Design ken says:
Nice one.
Posted on September 26, 2011 at 3:16 pm
Maya says:
Excellent tutorial thanks!
Good tutorial and other stuff thanks for sharing very helpful
Posted on September 20, 2011 at 10:16 pm
Richard says:
Much appreciated for the information and share!
Posted on September 21, 2011 at 8:37 am
Sharif Hamdy says:
nice post !!
done well , you have done a tremendous job we are also developing and designing websites, just because we like to give our expertise in web designing and developing. We are in the habit of developing and implementing your suggestions. Autson works with innovative ideas to bring in new variations.
We are here www.autson.com
Posted on September 24, 2011 at 6:16 pm
Web designers Melbourne says:
Great tutorial.. and beautiful wedding rings too
Posted on September 16, 2011 at 8:41 am
Regina says:
Thanks for sharing. What a plaeusre to read!
Posted on September 17, 2011 at 4:24 pm
Adrian says:
Nice result guys, very clean, but i think colors is not very good, gold do not have this color
Posted on September 17, 2011 at 5:53 pm
Webdesign Eindhoven says:
Excellent tutorial, thanks!
Posted on September 12, 2011 at 6:55 pm
mameara says:
Nice result keep going.
Posted on September 13, 2011 at 8:09 am
Website design services says:
Great post.. Thanks for sharing such an useful article
Posted on April 7, 2012 at 9:04 am
Ian@Crawford Jewellers says:
Wow that was one of the coolest tutorial i ever knew.I can easily follow each of those steps w/o too much doubts.
Posted on June 5, 2012 at 10:03 am
Kaare Nilsen says:
Very confusing start of this tutorial. Is there going to be two identical rings in the first illustration, or two different sized ones? I don't get it.
Posted on January 21, 2013 at 1:51 pm