Tutorial: Create a Colorful Ribbon Flag in Adobe Illustrator + Photoshop

by Ainsley Bevis

... continued from the previous page.

Photoshop : Gradients, Smart Objects

9. Create a new document in Photoshop that's 550×550 pixels. Double click on the background layer to unlock, then again to go into Blending Options. Put in the Gradient Overlay below:

Photoshop Gradient overlay layer

10. Next download & install these Paper Texture Photoshop Brushes (paper_texture_brushes.zip), create a new layer and put down a paper texture using a light grey.
Click here to pop-open an example with a texture applied

[Editor's note: most any texture will work, depending on which effect you like best. There are hundreds of thousands of various textures and Photoshop texture brushes on the web, or perhaps you already have a paper texture you wish to use. See: this selection]

11. Next copy & paste the wavy ribbon onto the canvas.

Photoshop Gradient overlay layer

12. While holding down the CTRL key click on the ribbon's Layer Thumbnail (circled above) to select the layer, we will leave this shape selected until we've finished the shadowing and toning. Create a new layer and using a soft edged brush, brush on the shadows on the ribbon.

13. Go to Filter > Blur > Gaussian Blur and put in 9.5 so the shadows spread out more.

Photoshop blur shadows

14. Set the opacity on the shadow layer to 58%.

15. Create a new layer & set the Blending Mode to Soft Light. Using a white colour soft edged brush, draw on the highlights on the ribbon.

Photoshop soft light layer

16. Click on the Rectangular Marquee Tool, and click elsewhere on the canvas to remove the ribbon shape. Double click on the Ribbon to go into Blending Options and put in the options below:

Photoshop set the inner glow
Click for a detailed look at above dialogs

17. (Optional) Next create a new layer & place it over all the other layers. Fill the colour white & set the Blending Mode to Multiply so it's invisible. Next go to Filter > Noise > Add Noise and put in 9.51, this will give the design a nice retro grainy effect.

Photoshop soft light layer

This completes the tutorial. Have fun, and try different variations on the above to customize your results. Also, remember, the basic colors you use are not important. Try it with your flag colors, or the colors for a client or client's promotion.
Click here for a look at the final results.

And, thanks for reading

Ainsley,
      designer for Bloom Web Design


ainsley beavis Special Thanks to Ainsley Bevis for sending in this tutorial. Be sure to visit Ainsley at BloomwebDesign.net
      Ainsley is a passionate, and mostly self taught, Web and Graphic Designer based in Melbourne, Australia. As well as designing websites and graphic material for her clients she also enjoys playing guitar, piano, walking her dogs and cooking vegetarian food! Don't miss all her great Adobe Illustrator Tutorials!


thanks for reading!

If you liked this tutorial and would like to see more, just send an email, or click the "SHARE" button below to TWEET it or SHARE it on your favorite networking site!

Contribute your own articles in the Design Center,
Join the Design Cafe forums,
Follow DTG on Facebook!


27th Anniversary for DTG Magazine