How to Create a Sample Webpage in Photoshop 7.0
These days many businesses, organizations and individuals have their own webpage. And many of those that don't are considering getting one. As a consequence, there is plenty of work available for webpage designers. If you are trying to get into the business of using Photoshop 7 to create webpage layouts for potential customers, you will want to be able to reassure them as to your qualifications and abilities. But the problem with this is that if you are just starting out, you will have no customer sites you can point them to prove you know what you are doing. In this circumstance, create sample sites in Photoshop that give a general idea of what you can do for them.
Other People Are Reading
Instructions
-
-
1
Load some photos of people working at desks or behind counters onto your computer. You can take these photos yourself and transfer them from your camera to your computer, or you can download them from public domain sites. You could also purchase them from stock photo sites.
-
2
Sketch out your ideas for your sample website. Keep in mind that your customers will probably want a simple, clean design in keeping with modern ideas about web design. For instance, you should use only a few colors for the page and then repeat them throughout the design. You should have a banner at the top, and navigation buttons or a navigation bar either at the top under the banner or on the left.
-
-
3
Open Photoshop. Select "File" and click "New." In the dialog that opens, make the pixel width and height what you want for the webpage. You probably should make this 1024 x 768 since this is the most common computer screen setting. Go with the default "White" background and click "OK."
-
4
Select the "Rectangular" shape tool. Set it to "Fill" in the options at the top and use it to create a 468 x 60 shape filled with the color you want for the banner. Then use the "Rectangular" or Elliptical" shape tools to create the shapes you want for navigational buttons and any lines, bars or other shapes you want. They should be the same color as the banner.
-
5
Select "File" and click "Open." In the dialog that pops up, locate the images you loaded in Step 1 and open them. Use the "Copy" and "Paste" technique to place these images where you want them in the banner, resizing them to fit.
-
6
Select the "Text" tool from the toolbar. In the text options at the top select the font style you want to use. You will want to use a text that is easy to read, such as "Impact." Select the size and color you want for the text. Then type the text into the document.
-
7
Select "File" and click "Save." If you want to post this sample to a webpage gallery of your work, you should save it as a JPEG.
-
1
