Creating Coffee Creme Effect in Photoshop CS5

Tuesday, September 21 2010         No Comments
Creating Coffee Creme Effect in Photoshop CS5

This tutorial was completed using Photoshop CS5 and it is assumed you have the basic understanding of Photoshop principles and techniques. Here is what we will be making: Step 1) Beginning the tutorial We will need to find an appropriate image of a coffee cup for this tutorial. You can search Google images to find one for the purpose of this tutorial. We will be begin by using the Elliptical Marquee tool to create a selection like in the picture below Step 2) Modifying the selection and adding the gradient After that use Select > Modify > Feather to feather the selection borders about 3 pixels...

Adding Lighting Effects to a model in Photoshop CS5

Friday, September 17 2010         No Comments
Adding Lighting Effects to a model in Photoshop CS5

This tutorial will teach you how to add lighting effects to a model in Photoshop CS5. This is an advanced tutorial dealing with paths and blending modes. It is advised you follow some of the easier tutorials on the site to touch up on your skills for this tutorial. Step 1) Setting up the background Create the document, I chose to use the dimensions of 750 by 550px. Make sure you set your foreground color to #505050 and background color to #000000 Drag a Radial Gradient at the position shown in the diagram below Step 2) Cropping the Model Crop out the model using the pen tool. You can find a tutorial...

Foggy Window Effect In Photoshop CS5

Thursday, September 16 2010         No Comments
Foggy Window Effect In Photoshop CS5

This tutorial will teach you how to create a foggy window effect in Photoshop CS5. We will use some stock photography, brushes, and layer styles to create the effect. Step 1) Creating the document Open Photoshop and create a new document. I'm using 2560x1440 pixels for the document size. After that I filled the background layer with a dark grey. This part will be necessary to create the water drops. Step 2) Creating the brushes Go to Window>Brushes to create the brush for the water drops. Follow the image below for the settings but it's important to change the shape to an ellipse and also for...

Reflection Tutorial in Photoshop CS5

Wednesday, September 15 2010         No Comments
Reflection Tutorial in Photoshop CS5

For this tutorial we are going to create a reflection. This is a beginner tutorial which assumes you know your way around Photoshop and know the basic keyboard shortcuts. Step 1) Finding an image So, to start out I need an image to create the reflection, I'm going to use an iphone for this one, you can use whatever you like, this works out really well with icon and typography. Step 2) Changing the background color Now I am going to pain the background black and duplicate the iPhone layer. Step 3) Manipulating the reflection We are going to select the iPhone reflection and we are going to flip this...

Lighting Shade in Photoshop CS5

Tuesday, September 07 2010         No Comments
Lighting Shade in Photoshop CS5

This is an intermediate tutorial which assumes you have all the software installed on your machine. You also have a basic understanding of Photoshop terminology and you will be able to follow along without exact instructions on some steps. Step 1) Creating the background We create the background by creating a subtle linear gradient from dark grey to light grey. We want the light to come from the top left section of the canvas so that is where we will place the lighter grey in the gradient Step 2) Adding the font to the canvas Add whatever text you would like to the canvas in any font you would...

Creating a Chrome Style Navigation in Photoshop CS5

Tuesday, August 31 2010         No Comments
Creating a Chrome Style Navigation in Photoshop CS5

This tutorial is a more advanced Photoshop tutorial and assumes you know all of the basics to using the program. This tutorial was creating using Photoshop CS5 and therefore some of the controls may be different depending on what version you are using. Step 1) Making the Background for your navigation Create a new document, I chose 1200 x 600 and make sure you set the background to transparent. You can then set your foreground color to #bebebf and your background to #d2d2d2. From here choose your linear gradient tool and drag from the top of the canvas to the bottom. From here we will add some...

Designing A Glossy Download Button in CS5

Thursday, August 19 2010         No Comments
Designing A Glossy Download Button in CS5

This tutorial will teach you have to design a glossy button with Web 2.0 standards in mine. This tutorial goes under the assumption you have basic Photoshop skills in mind and have a good understanding of keyboard shortcuts. As always the source files will be available for download at the end of this document. Step 1) Starting the Document Let’s start our new document by setting the background color to #303030 . Then create a circular shape using the Ellipse tool , keep holding Shift while dragging outwards to create a perfect circle. Start dragging from the center of the canvas while holding...

Realistic Wine Glass from Scratch

Monday, March 30 2009         No Comments
Realistic Wine Glass from Scratch

In this tutorial, we will be looking at a relatively easy way to create a realistic wine glass with a liquid in, a reflection, and a projected shadow. Let's start with a blank canvas. Create a new layer and then make a selection with the Rectangular Marquee tool. We want it to be the width of the wine glass, but only one pixel high. You may find it easier to zoom in. Like so: Next, choose a gradient that will go Gray-White-Gray-White-Gray. We chose the Gray (#dedede) and set it at 15% and 85%. The other three markers are White, at 0%, 50% and 100%: Try Server Intellect for Windows Server Hosting...

CS4 - Using Content-Aware Scaling

Thursday, January 01 2009         No Comments
CS4 - Using Content-Aware Scaling

In this tutorial, we will be looking at one of the many new features introduced into Adobe PhotoShop Creative Suite 4, Content-Aware Scaling (or CAS). CAS uses a rather complex mathematical algorithm that decides what is important in an image, and what is expendable, when it comes to altering or discarding information upon resizing. However, it wouldn't be an Adobe product if you couldn't manipulate the function and use it to its best advantage. In this tutorial, we will explore a few ways of getting the best out of the Content-Aware Scale. We will begin with a sample image, such as: Before anything...

Creating a Christmas Bauble Decoration

Tuesday, December 23 2008         No Comments
Creating a Christmas Bauble Decoration

In this tutorial, you will learn how to create a Christmas Bauble for your festive graphic decorations. We will start with a blank canvas and draw a circle with the Elliptical Marquee tool, then fill with green (or the color of your choice) on a new layer. Next, let's add a bit of glitter - goto Filter > Noise > Add Noise. Choose Gaussian and 5%, or as much or little glitter as you want: Now we want to give the Bauble a more spherical appearance. Goto Filter > Distort > Spherize. Choose 100%, Normal: We migrated our web sites to Server Intellect over one weekend and the setup was so...