Type Query Here

Showing posts with label Design. Show all posts
Showing posts with label Design. Show all posts

Thursday, 12 June 2008

New Website Design


As some of you may know the reason for the lack of tutorials lately is due to me completing my exams and working on a new design, well I am happy to say I have finished my exams now and I have the first screenshot of the new website design for you to comment on, click "Read More..." to see the screenshots

Screenshot 1 - Home:



Screenshot 2 - Your Tutorials:



These are the main pages of the website, so feel free to comment on them and offer any feedback and/or criticism you may have so that I can improve them,

Thanks,
Steve

Read more!

Friday, 11 April 2008

Simple Web 2.0 Logo


This tutorial is very simple to complete but still gives a nice finish to a cool Web 2.0 style logo for a website etc…only takes around 5 minutes to complete and shows some good techniques which can be used in the future when designing other Web 2.0 Style objects.

Step 1: First of all open up a new document size around 500 x 500 and the background filled with black.

Step 2: Now choose the Type/Text Tool and write out the name of your website or the word you are going to use (I am using the word Photoshop as I normally do and the font “Century Gothic”), when it is written resize to the desired size and put it in the centre of the canvas as shown below:



Step 3: Now simply double click on the text layer and the blending options menu will appear use the settings as shown below to achieve the right outcome:

Outer Glow:



Gradient: (Other colours can be used, play around with different colours until you
get the ones your looking for)



Stroke:



When all the blending options are added click “OK” and you should end up with something similar to below:



Step 4: To finish just add some finishing touches like some light glistens for example and a reflection as shown how to do HERE and you will have an end product as shown below:

Finished Image:



If you have had any problems with this tutorial then don't hesitate to contact me and I will get back to you as soon as I can.

The PSD file is also available if anyone wants to know how to do something or what something looks like then email me at: stevie489@googlemail.com and I will happily mail it back.


Read more!

Sunday, 6 April 2008

Simple Polaroid Design


This tutorial will teach you how to make a simple yet effective polaroid style image using shapes and standard images with a very nice end result, very easy to follow and understand.

Step 1: First of all make a new document size 500 x 500 and fill the background with default black.

Step 2: Now choose the “Rectangle Tool” and draw a fairly large white rectangle as shown below, and then right click this layer and choose “Rasterize Type”:



Step 3: Now choose the “Rectangular Marquee Tool” and draw a selection as shown below, once happy with your selection simply press delete and it should delete the selection and you will end up with a Polaroid shape:



Step 4: Now double click the Polaroid layer which should bring up the “Blending
Options” and use the settings below:



Step 5: To put a picture into the Polaroid simply find the picture you want and open it up in a new document, when this is done grab the move tool on the Polaroid document and drag and drop the Polaroid onto the image document as shown below:



Step 6: Now resize and position your Polaroid onto the image so that you are happy with the selection



Step 7: Now again grab the “Rectangular Marquee Tool” and select the inner part of the Polaroid image, with the original image selected choose the move tool and simply press CTRL +C and then CTRL + V to copy and paste the selected image, now go back to the original image layer and press delete to leave you with the image below:



Step 8: Next double click the selected part of the image layer and it will bring up the blending options now use the settings below:



Step 9: To finish simply choose the text tool and the font “Lucida Handwriting” and write out the title of the image on the whit space at the bottom of the Polaroid.

Final Image:



You can now make some more and compile them into an image like the one I have made below, very effective when displaying special photo’s e.g. holiday or baby photo’s.

Composition:



If you have had any problems with this tutorial then don't hesitate to contact me and I will get back to you as soon as I can.

The PSD file is also available if anyone wants to know how to do something or what something looks like then email me at: stevie489@googlemail.com and I will happily mail it back.

Read more!

Saturday, 5 April 2008

Logo Design and How To Showcase Your Work


This tutorial will give you some useful tips on how to create a professional looking logo using simple design techniques and how to showcase your work using basic Photoshop lighting options.

Showcasing Your Work:

Step 1: First of all create a new document sized 500 x 500, then choose the gradient tool and set the colours to: #000000, #49454d, and make sure that it is a “Radial Gradient” drag the gradient from the middle to one of the corners so the lighter colour is in the middle



Step 2: Now for the lights go to Filter > Render > Lighting Effects and use the settings that are shown below:





You should now have something that looks like the image below:



Step 3: All good logos are a mix of text, colour, design, originality and often simplicity, the one that I created below was simply text and a couple of splatter brushes used to get the paint splatters:

Logo Design:

Step 3(a): First of all get the text tool and write your chosen text (if you are having more than one word then do them on separate layers so they can be easily re arranged if needed) now arrange the text in a way in which you think looks cool and eye catching, you can change the text settings like the spacing between letters etc… From using the options shown below:



Step 3(b): After playing around with the layout and colours of the text I finally found something I was happy with so then proceeded to make the paint splatters, to do this I used these set of brushes HERE and simply played around with the layout and colours again experimenting with different things and blending options etc…until I found something I was happy with (I used separate layers again for each splatter so they could easily be rearranged) as shown below is the result I got after about 30 minutes of messing around and changing my mind:



As you can see it is kind of simple but I feel the layout and colours that were chosen really stand out well and show a sense of professionalism and creativity (these are just my own opinions and I am going to be slightly biased as I did design it, but let me know what you think and if you decide to make a logo of your own based on my tips then please leave me comments on this post showing off your creativity)

Showcasing Your Work (Continued…)

Step 4: With all of the above completed it is time to finish off showcasing your work. To finish simply do a standard reflection on any words on the bottom (in my case the word “Tutorials”) as shown HERE, but instead of doing a linear reflection as shown in that tutorial you need to do a “Radial Gradient” as there is a light source coming from 3 directions and meeting in the middle so the reflection won’t just be in one direction.

And there you have it a completed logo and how to showcase it simply using Photoshop standard lighting, if there is anything you got confused about or need help with then please don’t hesitate to contact me with any queries either by leaving a comment here or emailing me at: stevie489@googlemail.com

Finished Result:



The PSD file is also available if anyone wants to know how to do something or what something looks like then email me at: stevie489@googlemail.com and I will happily mail it back.

Read more!
Creative Commons License
This work is licenced under a Creative Commons Licence.