1 Create Your Own Html Crossover Using Adobe Photoshop Fri Nov 21, 2008 12:37 am
pauster01
Retired Administrator
JUST AS SIMPLE AS LESSON 1 AND 2!
(Attachment: Please wait for the Image to load.)
Before we begin, right click on this image (Naruto) and select "SAVE PICTURE AS" to save it to your computer.
We will use it for this tutorial.
NOW TO MODIFY HTML AND UPLOAD THE LAYOUT IMAGES
1. Open a NotePad or any text editing tool.
2. Go to File menu > OPEN > FILES OF TYPE > ALL FILES and look for your created HTML layout.
3. Now you have your HTML layout code, look in to this code:
4. Upload or host your LAYOUT IMAGE and get its DIRECT LINK URL and replace the blue text with the new URL of image. How to host, read:
http://imageshack.us/
5. Now go to File menu and select SAVE.
Credits: ftalk + p a u l works + pau
(Attachment: Please wait for the Image to load.)
Before we begin, right click on this image (Naruto) and select "SAVE PICTURE AS" to save it to your computer.
We will use it for this tutorial.
NOW TO MODIFY HTML AND UPLOAD THE LAYOUT IMAGES
1. Open a NotePad or any text editing tool.
2. Go to File menu > OPEN > FILES OF TYPE > ALL FILES and look for your created HTML layout.
3. Now you have your HTML layout code, look in to this code:
- Spoiler:
- <!-- ImageReady Slices (simpletutorial.psd) -->
<img src="images/simpletutorial.gif" width="800" height="550" border="0" alt="" usemap="#simpletutorial_Map">
4. Upload or host your LAYOUT IMAGE and get its DIRECT LINK URL and replace the blue text with the new URL of image. How to host, read:
http://imageshack.us/
5. Now go to File menu and select SAVE.
Credits: ftalk + p a u l works + pau