Adobe Photoshop

The Logo

Our next step is to import our logo, which we’ll position at the top of our Home Page.  Open “travelogo” in Photoshop  format that you saved earlier.  The Logo, as it is, is too big for our purposes so flatten it by selecting, Layer /Flatten Image and resize it to 200 pixels wide by selecting Image/Image Size.  Use the Move Tool  to drag the flattened logo into the master document.  Because we won’t be modifying the layout of our Logo we don’t need to have all of the Logo’s elements as separate Layers . 

It’s a good idea to rename the Logo Layer  for our reference and separate it in the Layers  Palette  from the buttons.  You might ask why we didn’t link and merge the Type Layers with their corresponding button shapes, such as linking and merging the “contact” Type Layer with the “contact shape” Layer?  If you do so, the Image Map information is lost.  You might want to do so anyway if you like, but you will have to reapply the Image Map settings.  Position the Logo near the top right of the master document.  If you haven’t done so already, select File/Save As and save the master document as “homepage” in Photoshop  format.

The Travel Japan Logo copied into
 our “homepage” document.

Copied Logo linked, merged, renamed to “logo”
And moved in the Layers
 Palette .

Gate Picture
Our next step is to bring in the “shrinegate” picture we created earlier.  Open “shrinegate” in Photoshop  format and use the Move Tool  to drag the picture image to our “homepage” document.  You’ll notice that it’s too big for our layout.  Select “Edit/Transform /Numeric” to change its dimensions.  Check Constrain  Proportions under Scale and input “70” in the Percent field.  Position them between the buttons and the Logo and fit it perfectly to the height of our “master document”.  Rename the Layer  “gate.”  If you wish you can use this opportunity to apply a filter or two to the photograph. 

shrinegate image resized and positioned
 between our Navbar and Logo.

Back to Index