CG Tutorials.com

ADVERTISMENT

ADVERTISMENT

How to Make Cool Badges in Photoshop

In this tutorial, I'm going to show you how to create 3 different types of cool badges. I'm going to use Photoshop CS4 and hopefully will make this very easy for you.

Not yet rated with 709 hits  Added on: Jul 13, 2009

Create a Pro Twitter Background

Many of us are now using twitter, so in this tutorial, I’m going to show you how to create a professional twitter background! I’ve included a blank template for you to use if you want as well.

Not yet rated with 736 hits  Added on: Jul 12, 2009

Create a stylish business layout in Photoshop

Learn how to create a stylish business layout or a clean corporate layout in Photoshop.

Not yet rated with 667 hits  Added on: Jul 10, 2009

Golden Web Button

Step1. First we will start by creating new file, so go to file menu and choose new, for purposes of this tutorial I chose size 300 * 100 pixels, with transparent background @ 72dpi. Step2. Rename the only layer you have in Background. And fill it with any color. Step3. Now pick your Rounded rectangle tool and draw rectangle about 130 * 30 pixels with any color. Step4. Now right click on the layer and go Rasterize layer, rename this layer in to Main Step5. It’s time to add some color and layer styles to our shape. So go to Layers menu and choose Layer styles/ gradient overlay (or double click on layer). Apply these settings. You should have something like this. Now we just need to add some text and a bit of shine and we are done. Step6. Create new layer on top of the Main layer (ctrl+shift+n) and call it Shine. Now pick Rectangular marquee tool from the tool box, draw square like one in the picture and fill it with white. Go to select menu and choose deselect (ctrl+d) Step7. Now hold ctrl and press on the Main layer. This way you will select our main shape of the button. Now go to Select menu and choose inverse (ctrl+shift+i) and press delete (layer Shine is still selected). Step8. Set the layer opacity at 20%. Step9. Pick Type tool from the tool box. Color #6c4b08 and type some text. I used font ItcEras size 14 italic, sharp. And we are done. Here is the outcome.

Not yet rated with 544 hits  Added on: Jul 07, 2009

Awesome Looking Email Icon

Icons are very small but important part for our web design. Today I am going to show you how to create an Email Icon in few steps. This is quick and fast move to create an email icon. Using pen tool, blending option, blur effect etc.. We can get an awesome email icon.

Not yet rated with 594 hits  Added on: Jul 06, 2009

Creating a page curl effect in Photoshop: Dog ear tutorial

In this tutorial we’re going to look at the "warp option" in Adobe Photoshop and see how you can add a realistic page curl (also called "dog ear") to an image for website designing.

Not yet rated with 799 hits  Added on: Jul 06, 2009

Design a wordpress theme with Photoshop

If you want to create your own custom blog design follow this easy tutorial to learn how to design a wordpress theme in Photoshop

Not yet rated with 600 hits  Added on: Jul 03, 2009

How To Create A Advertisement Banner In Photoshop

In this tutorial we are going to demonstrate how easy you can design in just a couple of steps a Advertisement Banner using some basic photoshop tools, As usual,loads of great tips and techniques so let’s get started! Also the PSD file is available for download.

Not yet rated with 717 hits  Added on: Jun 29, 2009

Design an elegant business finance layout in photoshop

Whether you are a single entrepreneur or a member of school of business, you will definitely love this layout.

Not yet rated with 727 hits  Added on: Jun 25, 2009

Design a clean web button

By no doubt, one of the most important factors of a website is the navigation and ease of. This is normally made of groups made with links and buttons, which you generally want to be seen quite easily. So we will be learning how to create a clean and attractable web button that will stand out and make your navigation much more interesting.

Not yet rated with 656 hits  Added on: Jun 24, 2009

Design an interface style button

Graphical user interfaces (GUI) are a work of art when done correctly although very time consuming. The most widely created GUI is of a metallic style with glows and colours, so today I would like to show you how to create a metallic style interface button.

Not yet rated with 827 hits  Added on: Jun 19, 2009

Simply Nice web 2 button

In this tutorial, I will show you how to create a nice looking web 2.0 button. This kind of buttons you can use in simple web designs. This simple looking button gives high quality looks to websites.

Not yet rated with 1096 hits  Added on: Jun 16, 2009

Create a two color website layout in photoshop

In this tutorial you will learn how to create a clean website layout using only a few colors

Not yet rated with 740 hits  Added on: Jun 15, 2009

Make a dark styled navigation bar

Looking to add a dark navigation to your website? This tutorial will teach you how to make a quick and efficient navigation bar that can be added into your current web design.

Not yet rated with 834 hits  Added on: Jun 14, 2009

Create a unique web design

We are going to learn how to create a unique website template from scratch that can be edited to suit your needs. The design itself is soft and attractive and works well for any type of website.

Not yet rated with 913 hits  Added on: Jun 14, 2009

Learn how to create an awesome colorful layout

In this tutorial you will learn how to create a colorful web 2.0 layout with a transparent menu.

Not yet rated with 1756 hits  Added on: May 25, 2009

Design a clear website layout in Photoshop

In this tutorial we`re gonna create a PSD layout which can be used for a portfolio site and as well for a business one. We`ll use a set of nice icons which it will give color to the layout.

Rated: with 1837 hits  Added on: May 24, 2009

Cool glossy website navigation bar

Design cool glossy website navigation bar with this tutorial

Rated: with 1836 hits  Added on: May 24, 2009

Design an awesome web layout based on typography

Learn how to design an awesome PSD layout with following one of the latest typography trends.

Not yet rated with 1121 hits  Added on: May 23, 2009

Design a realistic website layout in photoshop

Learn how to create an awesome realistic PSD layout with this easy to follow photoshop tutorial.

Not yet rated with 1337 hits  Added on: May 21, 2009