Corner Of The Genius
 
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 MagazineApple 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  
 
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
UR Learn Tutorials
News
Templates of the week
 
 
   

Create A professional  Web Site: PART [2]
  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  here  to view the final web page.
Top Tutorial
Create a realistic stony text using Photoshop by the easiest way. you will get fine  end.
 
The final result is:

Click to view the complete 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:

 

The End

               Dr Smith

   
 
Home | Site map | Autoplay | Photoshop | Dreamweaver | Swishmax | Web design | Contact                       Rights reserved