Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
How to Design Your Webpage With Photoshop
Author Message
Admin Offline
Administrator
*******

Posts: 53
Joined: Nov 2009
Reputation: 0
Post: #1
How to Design Your Webpage With Photoshop
This Tutorial will show u some tips how to give ur webpage a Dynamic look

Requirements :-
1. Photoshop
2. Notepad

Now i will tell u how we can use photoshop to design our own cutomised webpages.

1. Take any big size Blank Page supporse 950 X 600 Pixels.

[Image: k3w29d.gif]

2. Take round Rectangular tool and make a big size ( banner size background ) like in image below

[Image: 2zjgv1g.gif]

3. Make another Round Rectangular for your Page Heading Like in image below

[Image: 28cksid.gif]

4. i played some blending options u can play too as per your requirement. so my result some how comes like this

[imghttp://i40.tinypic.com/nccos8.gif[/img]

5. use text command and write your web page title

[Image: 5bs29s.gif]

6. After all the above 5 steps we took Slice tool and cut the images in different parts as per requirement .. if u give some stress u can see that i made header of my site name separate just to make it clickable.

[Image: 24l1l61.gif]

7. Now we go to save this as Webpage so it will look like this in Save As Webpage Window

[Image: 2vmfwia.gif]

8. Save the page + image ( HTML and Images ) like i mentioned in Picture

[Image: nfny49.gif]

Thats all now go and see your Dynamic Webpage .. play with the codes as per requirement and set links and text as u like.

Now i will give u here Blending Option of Screw i made which is looking in Header

This is header screwed with 2 nuts
[Image: hs9xli.gif]

these are blending option for making nuts
[Image: 2uensso.gif]

[Image: 2povzvq.gif]

Hope you guys enjoyed this tutorial a lot

Here is live example and if u put mouse on header u will see that its link rest part is not -> http://t2a.in/p1/
11-28-2009 06:25 PM
Find all posts by this user Quote this message in a reply
Post Reply 


Forum Jump: