How to Create a Sample Webpage in Photoshop 7.0
- 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.
