SB – Designing Graphic

You will be creating the header and footer graphic for your Spring Break website using the steps below.

Header Graphic Instructions

1. Open Adobe Photoshop.

2. Choose File > New and insert the following options:

  • Width – 950 Pixels
  • Height – 150 Pixels
  • Resolution – 72
  • Color Mode – RGB Color
  • Background – White

3. Using either graphics from the web, text, or Photoshop designs create the title graphic for your website.

4. When finished choose File > Save as.

5. Make sure the file type is PSD

6. Save to your Spring Break’s > Photoshop folder as Title Graphic

7. Next choose File > Save for Web & Devices

8. Change the Preset to JPEG Medium.

9. Click the Save button. Then save the JPEG file to your Assets folder.

 

Footer Graphic Instructions

1. Open Adobe Photoshop.

2. Choose File > New and insert the following options:

  • Width – 5 Pixels
  • Height – 35 Pixels
  • Resolution – 72
  • Color Mode – RGB Color
  • Background – White

 

3. Using either graphics from the web or Photoshop designs create the footer graphic for your website.

OR

3. Double click on the Background layer. This will pop up a window press OK.

3. Double click Layer 0 now.

3. Within the Layer Style window choose the words Color Overlay.

3. You will see that the color is red. Pick the color you like. Then press OK.

 

4. When finished choose File > Save as.

5. Make sure the file type is PSD

6. Save to your Spring Break’s > Photoshop folder as Footer Graphic

7. Next choose File > Save for Web & Devices

8. Change the Preset to JPEG Medium.

9. Click the Save button. Then save the JPEG file to your Assets folder.