Jason
Cranford is the author of numerous
books such as the best-selling
(DHTML
and CSS) for the World Wide Web (now in its third
printing). His other books include
( the Art of Filmmaking ) , (Dreamweaver mx
magic)
and (Photoshop at Your
Fingertips) . for numerous versions of Photoshop,
starting at Photoshop 7 and including editions for other
version that followed. He has introduced numerous
articles to the
Computer Arts Magazine,
Apple Developers
Connection ,and
Macworld Magazine.
He has been working as an Internet designer
for more than ten years creating solutions for clients
including Virgin Group, CNN, and WebMD. He is currently
the Senior User Interface Designer for AOL eCommerce.
Sas
Jacobs is an Australian
web developer specialising in web applications
training and Develop ment. She interested in using Flash
with dynamic content and She have presented at a
numerous International conferences relating to
applications development, XML and scripting
components. She edited the book (Flash MX 2004
Accelerated) as well as books on adobe Photoshop
and Illustrator. She have a nice flash business
web site at
http://www .aip.net.au and a personal web site at
http://www.sasjacobs.com
This Exclusive
Tutorial will show you how to
create a Professional Web site
using Photoshop And Image Ready.
You will learn new techniques about
designing web pages .You will learn how
to create web page header
,page footer ,content box, navigation menu
and how to create a web menu
button with rollover state
for each button .That site will be created
by using nothing but Photoshop and
ImageReady.Click
hereto
view the final web page.
And You can
Click here and view the
final web page
STEP 4
: Create a new layer and name
it "Hline" drag it in the layer palette to be Just
in front of the background layer and then
Select the rectangular marquee tool and draw a
rectangle in it and fill it with # EBEBEB
Then Apply the Following settings to that layer :The gradient is:
The final
result is:
STEP 5:
Now you can fill the background layer with
# EBEBEB theresult should be:
STEP 6:
create anew layer ,Name it "Nline" and drag it in
the layer palette to be over the "Hline" layer and
then draw a long rectangle and fill it with white
and then apply the following settings:
After that Choose
the Move tool from the tool bar and drag this
rectangle toward "Hline" rectangle So You will find
that the "Hline" rectangle hide it beneath him
.Continue until you get a nice line .The final result
should be:
STEP 7 :Create A new
Layer set and name it " News" and then create a
new layer into it and name it "Our news" then
draw a convenient rectangle in the Bottom-left
area of the project area and fill it with
# F5F5F5 As you see:
Then Apply the following Settings:
Change the foreground color to # 464646 and then
Select the horizontal type tool and type " Our
News"And apply the following settings:
The final result will be:
STEP 7 :Now we want to
create a footer So you should create a new layer
and then draw a rectangle that will represent
the footer shape and fill it with white then
apply the following settings:
STEP 7 :
Now you need to create the
Title of your site to dothat enter your text and
apply the following setting:
You can design a mice logo
STEP 7 :
Choose slice tool from the
tool bar (OR press k) and slice the paper as you
see:
STEP 7 :
Choose File >> Save for
web and then click save the project as a
web page: