This is part 3 in a 5 part tutorial to easily create a render layout out of a simple render in about 20 minutes. This is by far the fastest way to develop a layout for a website and equally as easy to accomplish.
In this installment we will be creating the Logo for our layout and design. To see how the final product, go here: Final product | Another variation.
and apply these layer styles to the circular layer bellow:
make a new layer and name it "highlight". hold CNTRL and click on the layer bellow the "highlight" layer, and get out the circular marquee tool. While holding alt, deselect some of the selection until you have something similar to this.
go to "select->modify->contract" by 1 pixel and fill this selection with a white to transparent gradient. Next set the layer style to "overlay" and drop the opacity down to 80 percent.
click the small "folder" icon on the bottom right of the layers pallet. Drag each of the three logo items into this folder, keeping them in the same order as they are in now.
Click on the "folder" and go to "edit->transform->rotate 90 CCW".
position the logo in the top left area of the header. if it doesn't seem to fit, press CNTRL + T to open the free transform tool and while holding SHIFT make it bigger or smaller. Here's how mine looks:
That completes the "logo" of our website, you are now ready to continue on to Vol. 4 of our full layout tutorial, which will cover button completion for our website layout. Continue on to vol. 4 Button Creation.