Render Layout Tutorial vol. 2:
This is part 2 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 header for our layout. To see how the final product, go here:
Final product | Another variation.
Go To Page: [
2 of 5
Press CNTRL + V to paste the entire "shatter" onto the canvas again.
Next go to "edit->transform->flip horizontally".
here's what you should end up with:
Just like before, press CNTRL + T, grab a corner node and while holding SHIFT resize the render image and position it (this time) on near the right of the header and press RETURN.
I went with a little less busy section of the render - because l don't necessarily want to draw attention to the top right-hand corner of my webpage.
Now make the following selection with the rectangular marquee tool. (pic) and press DELETE to get rid of the bottom portion.Press CNTRL + D to de-select the area.
Here's what l got.
now go to layer->add layer mask->reveal all. just like in step # 24.
get out the gradient tool make the settings the same that they were in step #25.
click on the left edge of the render and drag twoards the right side of the canvas such as l have here.
Drop the opacity of this layer down to 35 percent and you should end up with something like this:
create a new layer above both of our "header background 1 & 2" layers and name it "scan lines".
Go To Page: [
2 of 5
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 |