• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Creating a Template

In this exercise, you will create a new page, using the top portion of the home page you've been creating. You want to use this top portion for other pages of your site, so you will save that new page as a template that you can use for the other pages as well. Then you will mask an image for use on that page.

Open the home_page.png file you've been working on in the previous lessons.

If you no longer have that file, you can use the home_page_L10.png file in the Start folder within the Lesson10 folder.

Choose File > Save As and rename the file template.png. Delete all of the objects on the page except for the top red rectangle, the candy logo and stick, and the buttons.

Template page with only the base images on the page

Remember that you added 12 frames and placed images on those frames. You need to delete the product images on Frames 2 through 3. Then you can delete Frames 4 through 13. The first three frames contain the rollover images for your buttons, so you need to leave those in the document.

Hold down Shift as you select each frame you want to delete and then click the trash can button at the bottom right of the Frames panel.

You can also select Frame 4 and then hold down Shift and select the last frame. With all of the frames selected, you can then click the trash can button and delete all of the frames at once.


You could also use the Options menu on the Frames panel to delete the frames, but clicking the trash can button is quicker.

Save your template file; then choose File > Save As and name this new file about.png.

You will use the template file for other pages of your site. You will now work with the about.png file, adding a mask and some text. Make sure you select Frame 1 for the remaining exercises in this lesson.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint