Render Layout Tutorial vol. 5:
This is part 5 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 finishing up our layout design and create the content boxes and sidebar. To see how the final product, go here:
Final product | Another variation.
Go To Page: [
2 of 3
next click/highlight the layer with the bluebar on it, and press DELETE. and press CNTRL + D to deselect.
Next create a new layer, get out the pencil tool, set the foreground color to #082E9F and draw a line that is the same width as our content box heading.
Now for that sidebar. Make a rectangular selection similar to the image above.
using the polygon lasso tool, deselect the following area while holding down the ALT key.
fill this selection with #BAC4E4 and press CNTRL + D to deselect.
if your sidebar is right up against the left side of the canvas (like mine is) get out the move tool (press V) and press the right arrow two or three times to move it inward a bit.
Delete the bottom section of the sidebar.
duplicate the layer, and go to "edit -> transform -> flip vertically" and position it like so:
next draw a 3 pixel line with the pencil tool for a divider like so.
Go To Page: [
Page 2 of 3
View/Leave Comments (0)
Glossy Buttons In this tutorial you will learn how to make quick and effective looking round gl ...
Interface Vents This tutorial will show you how to add a techno depth to your layouts with the u ...
Render Layout Tutorial vol. 5: Content Boxes In this tutorial you will learn how to create an entire layout by using an exsis ...
Home | Tutorials | About Us | Services | Contact Us | Affiliates | Search |