Learn How To Create A Rosette In Photoshop From Scratch

In todays tutorial I’ll be showing you how to make your very own checkered rosette from scratch using adobe photoshop.

In Drawing

What We’ll Be Creating

Learn How To Create A Stylish Rosette In Photoshop

Creating The Rosette

Create a new (Ctrl + N) document 570 x 700 pixels with any style background, for this tutorial I’m using a nice cool blue background to bring out the yellow and black in my rosette.

Learn How To Create A Stylish Rosette In Photoshop

Select the “Ellipse Tool” (U) then drag out a medium sized circle in the middle of your canvas. This ellipse is just going to be used as a guide when creating the rosette, it will be deleted later.

Learn How To Create A Stylish Rosette In Photoshop

Once you’ve created the ellipse add the following layer styles.

Learn How To Create A Stylish Rosette In Photoshop

Learn How To Create A Stylish Rosette In Photoshop

You should have something like this.

Learn How To Create A Stylish Rosette In Photoshop

Select the “Pen Tool” (P) then draw out a shape similar to a airplane propeller, the bottom right side of the shape should touch the black ellipse which we created earlier.

Learn How To Create A Stylish Rosette In Photoshop

Learn How To Create A Stylish Rosette In Photoshop

Once the shape has been created duplicate the shape then rotate it using the “Free Transform Tool” (Ctrl + T). Take note of the rotation angle in the top options plane, you can use this as a guide for each shape.

Learn How To Create A Stylish Rosette In Photoshop

Don’t use my measurements as they will more than likely be different from yours. Once the new shape has been rotated you should have something like this.

Learn How To Create A Stylish Rosette In Photoshop

Keep duplicating and rotating the shapes until you have gone all the way around the ellipse.

Learn How To Create A Stylish Rosette In Photoshop

You can now delete the ellipse layer as it is not needed anymore. The last shape you created if it doesn’t line up properly next to the first shape you created the simply select the pen tool and move the path around the first shape.

Learn How To Create A Stylish Rosette In Photoshop

Coloring The Rosette

As you can see on my rosette so far i have colored it in two shades of grey, I’ve done this just to make it easier when i select and add my colors. Select one of the first shapes of the rosette then add a gradient overlay using the settings below.

Learn How To Create A Stylish Rosette In Photoshop

Add a gradient overlay to the 2nd shape in the rosette using the settings below.

Learn How To Create A Stylish Rosette In Photoshop

Repeat these steps until every shape is colored.

Learn How To Create A Stylish Rosette In Photoshop

Creating The Rosette Middle

Select the “Ellipse Tool” (U) then drag out an ellipse over the top of the rosette shapes covering the bottom of each shape.

Learn How To Create A Stylish Rosette In Photoshop

Once the ellipse has been created add the following layer styles.

Learn How To Create A Stylish Rosette In Photoshop

Learn How To Create A Stylish Rosette In Photoshop

Learn How To Create A Stylish Rosette In Photoshop

Learn How To Create A Stylish Rosette In Photoshop

Learn How To Create A Stylish Rosette In Photoshop

You should have something like this.

Learn How To Create A Stylish Rosette In Photoshop

Adding The Text To The Rosette

Select the “Type Tool” (T), select an italic font “Georgia” with a font size of “72pt” then add the word “1st” in the middle of the ellipse. Fill (G) the text with the color #fddc00. On the top and bottom of the ellipse add the words “Congratulations” using the same font only this time go to “Edit > Transform > Warp” select “Arc” from the drop down menu then use the settings below.

Learn How To Create A Stylish Rosette In Photoshop

You should have something like this.

Learn How To Create A Stylish Rosette In Photoshop

Turning The Rosette Into A Checkered Rosette

Select the color #fae500 then selection the “Ellipse Tool” (U), with the ellipse tool selected make a ring shape over the rosette.

Learn How To Create A Stylish Rosette In Photoshop

Now set the ring layers blend mode to “Difference”, simply changing the color of the yellow ring automatically change the look and color of the checker effect, have a play and see what you can come up with.

Learn How To Create A Stylish Rosette In Photoshop

Creating The Ribbons

Select the “Pen Tool” (P) then draw one of the bottom ribbons, once you’ve mastered the first one duplicate it and place it on the other side.

Learn How To Create A Stylish Rosette In Photoshop

To the left ribbon or which ever ribbon is on top add a gradient overlay using the settings below.

Learn How To Create A Stylish Rosette In Photoshop

Learn How To Create A Stylish Rosette In Photoshop

To the last ribbon add a darker gradient overlay using the settings below.

Learn How To Create A Stylish Rosette In Photoshop

Learn How To Create A Stylish Rosette In Photoshop

Finish off the ribbons by adding a diagonal pattern over the top on a set of new layers. If you don’t know how to create a custom pattern then check out this tutorial. Finally add a little subtle shadow underneath the ribbon where the ribbons exit from underneath it.

Learn How To Create A Stylish Rosette In Photoshop

Conclusion

Thanks for taking part in this tutorial, if you managed to finish this tutorial I’d love to see some of your results. Feel free to post them up on our Facebook Fan Page.

Learn How To Create A Stylish Rosette In Photoshop

Download Source

  1. kizzy
    October 19, 2011 at 11:24 PM

    another excellent tutorials thank you for sharing
    loved it

  2. October 20, 2011 at 3:27 PM

    wow i am impressed… and have bookmarked this site. very beautifully and easily done!

  3. Martin in Kenya
    October 21, 2011 at 1:59 PM

    Great and clean way of designing.
    Thank you.

  4. October 21, 2011 at 4:14 PM

    best tutorials u can find on the internet :) thx Richard i was looking for something like this

  5. October 27, 2011 at 7:09 PM

    Hai this is very easy to learn website i learn too much with the help of this site

    thanks….

  6. October 30, 2011 at 3:11 PM

    instead of rotating the shapes to fit in the ellipse selection, there is another easiear alternative…

  7. January 14, 2012 at 9:39 AM

    Johnny please share the alernative…

  8. January 14, 2012 at 9:39 AM

    Excellent tutorial! :)

  9. Rohan Dey
    January 14, 2012 at 11:05 AM

    So simple and easy keep posting more

  10. January 14, 2012 at 7:54 PM

    Thanks

Give Us Your Feedback

Here on Photoshop Plus we use something called Gravatar, its a little image which will appear next to your name when you comment on a blog. Using a gravatar will help us recognise genuine comments from the spam comments.


Don't forget to leave a comment on this post, we appreciated your feedback good or bad.

There's currently 10 Comments On Learn How To Create A Rosette In Photoshop From Scratch, why not add yours!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Auto Scroll To The Top
css.php