Great Design

Welcome to Great Design. This website will look at the best designs on the internet. As well as tutorials teaching you how to produce amazing designs and get good looking results.

Gonna Be A While

Jul 29, 2007

Hey

I'm afraid that for the next fortnight I'm going on holiday so I won't be able to post till I get back. So in the mean time have fun.

Creating a Dotted Line In Photoshop

Jul 27, 2007

Hey There

Creating a dotted line in Photoshop is quite hard, but it can be done, and it is really easy to do. All you will need is Photoshop and 5 minutes. You can click any of the images to see the full size.

Step 1) Open up the brushes and select the advance options pallet.

Creating a Dotted Line In Photoshop
Step 2) Select brush tip shape and select a small brush. 5 pixels is a good size.

Creating a Dotted Line In Photoshop
Step 3) Untick everything, smoothing is usually the only one enabled.

Creating a Dotted Line In Photoshop
Step 4) But spacing up, the more you space it the bigger the distance between the dots.

Creating a Dotted Line In Photoshop
Step 5) Apply to what you want, you now have a dotted line. You can resize it and blur it just like a normal brush.

Creating a Dotted Line In Photoshop

Creating an Adobe Application Icon (Photoshop Tutorial)

Jul 26, 2007

This tutorial is designed to create an icon that is similar to the Icons you see on all the new applications by Adobe. Although it is no perfect, it still looks good. You will for this Photoshop. Click any of the image for full size.


Step 1) The first step is to create your canvas. Use the standard size of 120 x 120 px.

Creating an Adobe Application Icon (Photoshop Tutorial)

Creating an Adobe Application Icon (Photoshop Tutorial)
Step 2) Set the layer to a new layer and not the background. This is needed for the effects to be applied.

Creating an Adobe Application Icon (Photoshop Tutorial)
Step 3) Add your desired colour. I've used a style from a Web 2.0 Styles pack. You will need to do subtle adjustments.

Creating an Adobe Application Icon (Photoshop Tutorial)
Step 4) Some adjustments that you will need to do is add a bevel and emboss. This needs to be very light and added over the top of the style effect.

Creating an Adobe Application Icon (Photoshop Tutorial)
Step 5) You now need to add text. Although there is an official font that is used, I can't find it for free. Although I have used Tahoma. Any sans-serif substitute can suffice.

Creating an Adobe Application Icon (Photoshop Tutorial)
Step 6) Center the text and enlarge to fit. Make sure it isn't to tight around the edges.

Creating an Adobe Application Icon (Photoshop Tutorial)
Step 7) At this point you may need to lock the layers so you can transform both layers with out the need to do each layer in turn.

Creating an Adobe Application Icon (Photoshop Tutorial)
Step 8) Transform the layer so there is a small gap on the bottom and right edge.

Creating an Adobe Application Icon (Photoshop Tutorial)
Step 9) One thing that you can do that I forgot is add a very subtle colour overlay to the text. This again is in the style pallet of the Web 2.0 pack.

Creating an Adobe Application Icon (Photoshop Tutorial)
Step 10) Export and you are done. Looks Ok.

Creating an Adobe Application Icon (Photoshop Tutorial)

Wallpaper Wednesday - Cartoon Man

Jul 25, 2007

Hey

Here is a really cool wallpaper. Its a cartoon of some man that seems to be in deep thought . Click for Full version.

Cartoon Man