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)
Home | Tutorials | About Us | Services | Contact Us | Affiliates | Search |