|
13.
Gradient Tool is also used to restore an image at
the mask level. It is used, by keeping the color option
from black to white.
14.
That concludes the masking part. In this way, by rearranging
images in the original position & blending them with
each other helps in retaining the beautiful effects of the
layout.
Steps
to modify the Home page design in a readymade layout is
complete.
Steps
to modify the Readymade Inside page layout design as per
the Homepage.
15.
Open inside.psd in Adobe Photoshop 7.0
Choose File > Open
' inside.psd '
16.
Select BG effect layer and change the Layer mode
from Color dodge to
Difference.
17.
Press ctrl key and click on Green Background layer, the
object gets selected.
Fill the selected object with # 906F61
color. In this layout we have chosen this color as it's
compatible with the top and side panel colors.
18.
Select the Right panel fill layer and change the layer mode
from Normal to Color Burn.
To
maintain the same look n feel of the 'Effect Panel
copy layer ' as of the homepage.
19.
Open the index.psd in Adobe Photoshop 7.0.
20.
Select the Effect Panel copy & Panel Line layers and
link the 2 layers in the Layers window.
21.
Select the Move tool and drag the linked layers over the
inside.psd file.
22.
Place it over the exisiting Effect Panel copy & Panel
Line layers in inside.psd file.
Press Ctrl + T, to select layers. Right
click and choose 'Flip Horizontal' to flip
the Effect Panel. Adjust it behind the logo according to
the existing design.
23.
As explained for homepage similarily add Advice Online button
over the Feedback button and align the links accordingly.
24. To blend menu panel with the background, select the
Right Panel Fill layer and change the Layer Mode from Normal
to Color Burn.
25.
To place images on the top panel.
Choose
index.psd file
Select the images layer image1 & image 2 and link these
layers in the layers window
Select
the Move Tool in the tool box and drag the images over the
inside.psd file.
Press Ctrl + T, for scaling the images.
Press Alt + Shift and scale the images
uniformly to fit the top panel height.
Steps
to modify the Inside page in a readymade layout is complete.
Now
the Homepage and Insidepage is ready for slicing and optimization
in Adobe ImageReady*. This
is covered in further series of Firewire Professional Steps
of Web Designing. newsletter.
Regards,
All
accompanying logos, brands and product names are trademarks
of their respective companies.
|
