Loading...

Search Results in category “Web Layout”

Simple Pattern Tutorial
in Textures & Patterns
Simple Pattern Tutorial

Ok, if you are going to do this tutorial, I suppose you have knowledge on how to create patterns. This pattern that we are making, is like small screws sticking out of the image. This pattern has a center, and it drops shadows. So what you are going to do is to create a new document (9x9px)...

read more
Orb Tutorial
in Web Layout
Orb Tutorial

1. Start off with an image at the size of mine with a white background. With your eliptical marquee tool create a circle. Create a new layer and fill your selection with orange.
2. Deselect. Click your dodge tool located on the toolbar. Choose an exposure of 50% and a 100px sized brush...

read more
Metal Button Tutorial
in Web Layout
Metal Button Tutorial

1. Ok we're gonna start out with a pattern as a background. This part is unecessary if you are using your own background pattern. With your rounded rectangle tool, with a 4 px radius create a rectangle with somewhat the same size as I did. Make it black.
2. Now create a new gradient...

read more
Auqua Button
in Web Layout
Auqua Button

Open up a new image in photoshop, any size, but preferably about 500X500 pixels. Go to the channels window beside your layers window, and click the "create a new channel" button at the bottom right corner of the window. It's name should be Alpha 1...

read more
How to make a web site layout in Photoshop
in Web Layout
How to make a web site layout in Photoshop

Righto, let me get straight to it, but before you start this tutorial, there is one thing you should know. This tutorial is for the more advanced Photoshop user, so you should only try this if you have been using Photoshop for a while and know the tools. I will be using simplified terms...

read more
Design Based on Silhouettes (Exclusive Tutorial)
in Web Layout
Design Based on Silhouettes (Exclusive Tutorial)

<b>WDL exclusive tutorial.</b><br/> To complete this tutorial you will need a photo of person you want to create a silhouette from. In addition, you will to select the silhouette of this person on white background. I will not describe how to do that in this tutorial.

read more
Useful Button (and a bit about gradients)
in Web Layout
Useful Button (and a bit about gradients)

Before we get onto the introductions, this might seem like a whopper of a tutorial for such a small thing, but it teaches a lot about gradients, which are essential for any Photoshop user to know. Once you learn how to use these gradients well, you will be able to do so much more in Photoshop...

read more
Creating a link button
in Web Layout
Creating a link button

Here I will show you how I make a very basic link button :)
1. Start with a new image (file-->new) with a width of 88px, a height of 31px and a transparent background.
2. Open up an image that you have previously made (file-->open)...

read more
Fancy logo creation
in Web Layout
Fancy logo creation

Right here and now, I am going to show you how to make a stylish logo my way.
1. Make a new image, any size and square. I used 300px by 300px.
2. Press d to reset the colours to default and press ctrl+backspace to fill the background with white, and then create a new layer...

read more
Fancy buttons
in Web Layout
Fancy buttons

... 4. Select foreground and background color.
5. Select Gradient tool.
6. Drag from top left to bottom right...

read more

Copyright © All Rights Reserved