Friday, July 2, 2010

How to Make a Seal for Websites 1



     What we are going to do in today's Photoshop tutorial on web elements is about how to make a seal such as the one shown above, which can also be applied to discount seals or tags when you are trying to sell something on your site.

     Now open up your Photoshop or any related graphics editing software!

     Make a new document or canvas with dimensions of around 4 x 4 inches.

     Make a new layer for the outer rim of the seal.



     Click and hold to the 'Round Tool' as shown above to show its sub-tools inside.


     To make the jagged edges of the seal, what we need to use is the 'Polygon Tool' as shown above.

     Now to achieve the star-like effect of the seal, we need to increase the sides of the Polygon by setting the option as shown above. Set the sides to '20', check the Checkbox labelled 'Star' and indent sides by '20%'. You can actually play with the settings and see what's best for your creation.


     Now, click and drag the tool across your canvass to achieve the desired shape. Play with its Blending Options a bit such as its bevel, pattern, gradient, etc. Now to further enhance your Web Element Seal, get a new circle selection and make an inner selection on the inside of the newly created polygon. Make sure it is on a new layer or else you'll mess up your shape.


     Fill your selection with a dark color and after that, make a further inner selection and this time, fill it with a contrasting color with the one on its outer rim. In this case, the inner selection was filled with color white.


     Now, next step would be to get the 'Circle Tool' again to make a rounded selection as shown above. We will use this path as a placeholder for the text of your Web Element Seal. After getting the shape right, get the 'Text Tool' and position the cursor over the shape so that Photoshop will know that we want to write on that path. Click the path and begin typing. Set the fonts and colors and you'll have something like the one shown below.

     Add some more text and your seal is done! There are many different kinds of seals and this is just one of them. Watch out for more kinds of seals only at Html Css Photoshop Tutorials.

No comments:

Post a Comment