HOME SEARCHFAQ TERMS OF USECONTACT CUSTOMIZATION WEB HOSTING TUTORIALS

  
HTML  |  3D Style  |  Full Flash  |  Flash Animated  |  Flash Intros  |  Adult  |  Budget  |  Logos  |  Search

Free ClipArt Library  |  Your Order  |  Online Support  | »»»»»» Don't Want to Build it?  Try dotLaunch!
 

Template Pilot Tutorials

HTML Templates

 

Tutorial Home>Step2>Step2.4

Step2.4: Replacing an image

In this step you will hide some of the template layers and insert additional one with a different image in it.

  1. Select File>Open to display an Open dialog and browse to the "portrait.jpg" file in your downloaded "RESOURCE" folder.

  2. Select Image>Image Size to display Image Size dialog.

  3. Make sure the checkboxes Constrain Proportions and Resample Image are on, resample mode is set to Bicubic, and sizes in Pixel Dimensions box display in pixels.

  4. Enter "120" in the Width field and click OK.

  5. Use Select>All and Edit>Copy to place the entire image in buffer.

  6. Close "portrait.jpg" window. You do not need to save the changes.

  7. Select Edit>Paste to insert image in the template. A new layer is automatically created and given default name.

  8. Right click the new layer in the Layers Tab and choose Layer Properties... from context menu. Enter "portrait" in the Name field for future reference. Click OK.

  9. With "portrait" layer selected use the Move Tool to place the image on the left of welcome text.

  10. Find "man" and "man shadow" layers and make them invisible by clicking the eye icons .

Next Step 2.5: Inserting additional image does not introduce any new concepts comparing to the step you just completed. You may want to fulfill it for better understanding, otherwise, proceed to Step 2.6: Hiding extra navigation buttons.

 

Step 2.5 >

 


search templates   
|    FAQ    |    terms & conditions    |    contact
 
© 1999-2008 templatepilot.com, a division of dotLaunch Technologies  All Rights Reserved.