Ribbons « Design « Photoshop Tutorials

Home
Photoshop Tutorials
1.3D
2.Animal Creature
3.Animation
4.Background Cover
5.Color
6.Design
7.Effect
8.Hardware
9.Holiday Event
10.Human
11.Image Format
12.Logo
13.Nature
14.Object
15.photography
16.Shapes
17.Text
18.Textures
19.Tools
20.UI Controls
21.Web
Maya Tutorials
3ds-Max Tutorials
Illustrator Tutorials
GIMP Tutorials
Photoshop Tutorials » Design » Ribbons 

Hi friends . . . you know how to create the website template graphics golden egg gift ribbon logo in Photoshop?

In this quick Photoshop tutorial we'll be designing our own sweet, golden ribbon! This is a basic tutorial, however I won't exactly be detailing all the tools, etc. in-depth so much, so this might be suitable for new Photoshop users.

In this Photoshop tutorial I'm going to be teaching you how to design a somewhat realistic (sort of cartoon-themed) ribbon in Photoshop! I'm sure if you read this tutorial carefully, even the beginners will be able to understand and follow through until the end result.

Note: I gave the ribbon also a drop shadow, but I think you can figure that out yourself, now and I made a background with #3d3d3d, always do this on a new layer

Lets begin by creating our self a nice background/environment to place our Ribbon and details. The Color used for the background is #83b70b and Gradient Layer Style you can see below along with the small preview.

Have you ever tried finding a golden ribbon inside of a chocolate bar wrapping to no avail? Well that's obviously because there are none in them! Just joking, but seriously, who needs real ribbons when we can make our own?

You can use it for a lot of things, like I did with my website :) It adds a nice flair.Feel free to try out different shapes too.

This tutorial will teach you the basics of making a professional ribbon logo for your website or company. Certain techniques improve your text and shape interaction. 1.) Open up a New Document. I have made mine 500 x 500PX, nice size of canvas again, and whip out the Text tool. Next, choose a tech font of any kind and set it to a fairly decent size like 60PX

Create a shiney champion Medal with ribbon,Advanced Photoshop Tutorial - Free Online Photoshop Tutorial,Online Tutorial Adobe Photoshop 7 Training Courses Tutorials

Finally, once again I made a video tutorial, A Photoshop tutorial where you will see how to make a ribbon graphic, and just gave it a small reflection to give it a stylish web 2.0 look, I hope you like it.

A simple ribbon banner will consist of 5 elements. I have created this very quickly with the pen tool. This is very simple to reproduce just remember to create a new path layer in the path window. I have highlighted the points so it is easier to reproduce it. Remember ctrl + h will show / hide your path.

Well, it looks pretty cool, though it could be brightened a bit. I did this by using the Auto Contrast option (Alt + Shift + Ctrl + L), or located in the menu by Image > Adjust > Auto Contrast.

[7] Go to Filter>Blur>Motion Blur> apply the following settings.

Mail (will not be published) (required)

Create a new document. First click on the "Rectangle Tool" shown below.

w_ww_._j__a_va_2s.__c___o_m___ | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.