How to use Photoshop templates
02-08-2006, 10:01 PM
|
How to use Photoshop templates
|
Posts: 6
|
Hi all!
I have bought a photoshop template. But I don't know how to use it to make a website. Plz can someone exlain it?
|
|
|
|
|
02-08-2006, 10:07 PM
|
Re: How to use Photoshop templates
|
Posts: 186
|
That really depends on what you need help with. You have Photoshop right? If you do and are having trouble be more specific and we will do our best to help you.
|
|
|
|
|
02-08-2006, 10:11 PM
|
Re: How to use Photoshop templates
|
Posts: 6
|
Yah I have photoshop 6. I have opened the template with photoshop but after that I don't know what to do.
I also have Adobe pagemaker. Can I use this template for Pagemaker.
|
|
|
|
|
02-09-2006, 09:44 PM
|
Re: How to use Photoshop templates
|
Posts: 186
|
I am not that familiar with Page maker but if it is like Frontpage and Dreamweaver you shoudl be able to import the PS template when you get done with it. As for editing it tempaltes usually come with a help and/or readme file to help you. I am assuming at this point you have no or hardly any Photoshop knowledge. If this is the case it would take quiet a while to explain everything you would need to know to edit it. Open the Photoshop Help document. It will explain msot things. If you still have a question feel free to post and we will try and help you further. Sorry I could not be of more assistance.
Good luck!
EDIT: What template site did you buy it from. THat will help alot.
|
|
|
|
|
02-13-2006, 11:54 AM
|
Re: How to use Photoshop templates
|
Posts: 381
Location: Michigan
|
use the slice tool, if it hasn't been sliced yet. That will divide it into seperate images. Then after you have it how you want it sliced, you go to file >> save for web (i think) and you save it, then you can edit the html file as needed.
|
|
|
|
|
02-14-2006, 03:44 AM
|
Re: How to use Photoshop templates
|
Posts: 6
|
Quote:
|
Originally Posted by FutileSoul
use the slice tool, if it hasn't been sliced yet. That will divide it into seperate images. Then after you have it how you want it sliced, you go to file >> save for web (i think) and you save it, then you can edit the html file as needed.
|
I have bought them from,
http://www.10000-templates.com
and I want to know how to slice them. |
|
|
|
|
02-14-2006, 10:20 PM
|
Re: How to use Photoshop templates
|
Posts: 3
|
A class in photoshop is very beneficial & fun too.
|
|
|
|
|
02-14-2006, 10:53 PM
|
Re: How to use Photoshop templates
|
Posts: 381
Location: Michigan
|
|
|
|
|
|
02-15-2006, 11:42 AM
|
Re: How to use Photoshop templates
|
Posts: 6
|
Thanks for this info.
|
|
|
|
|
02-18-2006, 02:11 PM
|
Re: How to use Photoshop templates
|
Posts: 12
|
first of all if the design is only been created you will have to slice it first using the slice toll. The what you have to do is get the design coded in either html or php.
then once that is done you can add all the information you want, using something like dreamweaver and the upload it all to your site via ftp or something.
|
|
|
|
|
02-18-2006, 02:12 PM
|
Re: How to use Photoshop templates
|
Posts: 12
|
oh yeah i almost forgot, before you get it coced you need to save the file using the Save for Web one
|
|
|
|
|
03-04-2006, 02:53 PM
|
Re: How to use Photoshop templates
|
Posts: 22
Location: ND, USA
|
As a rule templates are already sliced, you shouldn't have to slilce it, that's why they call them templates! Everything is there you simply place your info over them.
The template folder should include a copy of the original image, yes! But, there should also be an Index page and an Images folder in the file, and as pointed out above there should be a read me file in the folder that explains the template's use. If subsequent pages in the template differ from the index page, there will be at least 2 html pages in the folder.
On your Index page and any subsequent pages you should see table references to the image slices, and mapping coordinates for any links in your html, for instance these came from example one at 10000 templates... if you don't have all of that you don't have a template, you have an image. I suspect however that it is in there, and you're looking at the original image in the folder. Open the html pages in your browser or web design software.
Code:
<td valign="top"><table width="517" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="56"><a href="#"><img src="/images/samples/sample_36/images/link_home.gif" name="Image11" width="56" height="36" border="0"></a></td>
<td width="61"><a href="#"><img src="/images/samples/sample_36/images/link_flights.gif" name="Image12" width="61" height="36" border="0"></a></td>
<td width="57"><a href="#"><img src="/images/samples/sample_36/images/link_hotel.gif" name="Image13" width="57" height="36" border="0"></a></td>
<td width="54"><a href="#"><img src="/images/samples/sample_36/images/link_car.gif" name="Image14" width="54" height="36" border="0"></a></td>
<td width="63"><a href="#"><img src="/images/samples/sample_36/images/link_cruise.gif" name="Image15" width="63" height="36" border="0"></a></td>
<td width="76"><a href="#"><img src="/images/samples/sample_36/images/link_package.gif" name="Image16" width="76" height="36" border="0"></a></td>
<td width="56"><a href="#"><img src="/images/samples/sample_36/images/link_deal.gif" name="Image18" width="56" height="36" border="0"></a></td>
<td width="94"><a href="#" onMouseOut="MM_swapImgRestore()"><img src="/images/samples/sample_36/images/link_traveller.gif" name="Image17" width="94" height="36" border="0"></a></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top" bgcolor="6098CF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10"><img src="/images/samples/sample_36/images/top_left_corner.gif" width="10" height="9"></td>
<td><img src="/images/samples/sample_36/images/spacer.gif" width="1" height="9"></td>
<td width="11" height="9"><img src="/images/samples/sample_36/images/top_right_corner.gif" width="11" height="9"></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top" bgcolor="6098CF">
<div align="right"><img src="/images/samples/sample_36/images/b1.gif" width="52" height="9"><img src="/images/samples/sample_36/images/spacer.gif" width="20" height="9"><img src="/images/samples/sample_36/images/b2.gif" width="42" height="9"><img src="/images/samples/sample_36/images/spacer.gif" width="20" height="9"><img src="/images/samples/sample_36/images/b3.gif" width="29" height="9"> </div>
</td>
</tr>
<tr>
<td valign="top" bgcolor="6098CF"> <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="301" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="/images/samples/sample_36/images/pix005.gif" width="303" height="189"></td>
</tr>
<tr>
<td height="10" bgcolor="#FFFFFF"><img src="/images/samples/sample_36/images/spacer.gif" width="1" height="10"></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25" colspan="2"><img src="/images/samples/sample_36/images/title02.gif" width="103" height="16"></td>
<td width="30"><div align="left"><font color="#0066CC" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>from*</strong></font></div></td>
</tr>
<tr>
<td height="17"><img src="/images/samples/sample_36/images/arrow.gif" width="4" height="13"></td>
<td height="17"><strong><font color="6098CF" size="1" face="Verdana, Arial, Helvetica, sans-serif">London
Fares are Falling Down! </font></strong></td>
<td width="30" height="17"><div align="left"><font color="#FF6600"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">$221</font></strong></font></div></td>
</tr>
<tr>
<td height="17"><img src="/images/samples/sample_36/images/arrow.gif" width="4" height="13"></td>
<td height="17"><strong><font color="6098CF" size="1" face="Verdana, Arial, Helvetica, sans-serif">Mexicana-Reach
the Beach Web-Fares!</font></strong></td>
<td width="30" height="17"><div align="left"><font color="#FF6600"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">$210</font></strong></font></div></td>
</tr>
<tr>
<td height="17"><img src="/images/samples/sample_36/images/arrow.gif" width="4" height="13"></td>
<td height="17"><strong><font color="#6699CC" size="1" face="Verdana, Arial, Helvetica, sans-serif">Cityaa
Rewards-FREE airport parking</font></strong></td>
<td width="30" height="17"><div align="left"><font color="#FF6600"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">$GO$</font></strong></font></div></td>
</tr>
<tr>
<td height="17"><img src="/images/samples/sample_36/images/arrow.gif" width="4" height="13"></td>
<td height="17"><strong><font color="#6699CC" size="1" face="Verdana, Arial, Helvetica, sans-serif">City-Saver
Fares-Chicago</font></strong></td>
<td width="30" height="17"><div align="left"><font color="#FF6600"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">$113</font></strong></font></div></td>
</tr>
<tr>
<td height="17"><img src="/images/samples/sample_36/images/arrow.gif" width="4" height="13"></td>
<td height="17"><strong><font color="#6699CC" size="1" face="Verdana, Arial, Helvetica, sans-serif">Ski
Denver with these Low Airfares</font></strong></td>
<td width="30" height="17"><div align="left"><font color="#FF6600"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">$193</font></strong></font></div></td>
</tr>
<tr>
<td width="10" height="17"><img src="/images/samples/sample_36/images/arrow.gif" width="4" height="13"></td>
<td height="17"><strong><font color="#6699CC" size="1" face="Verdana, Arial, Helvetica, sans-serif">Students
Only! Travel Deals everywhere!</font></strong></td>
<td width="30" height="17"><div align="left"><font color="#FF6600"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">$86</font></strong></font></div></td>
</tr>
<tr>
<td height="17" valign="top"><img src="/images/samples/sample_36/images/arrow.gif" width="4" height="13"></td>
<td height="17"><strong><font color="#6699CC" size="1" face="Verdana, Arial, Helvetica, sans-serif">Search
the largest selection of the web fares</font></strong></td>
<td width="30" height="17" valign="top"><div align="left"><font color="#FF6600"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">$86</font></strong></font></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25" colspan="2"><img src="/images/samples/sample_36/images/title03.gif" width="127" height="15"></td>
<td width="30"><div align="left"><font color="#0066CC" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>from*</strong></font></div></td>
</tr>
<tr>
<td height="17"><img src="/images/samples/sample_36/images/arrow.gif" width="4" height="13"></td>
<td height="17"><strong><font color="6098CF" size="1" face="Verdana, Arial, Helvetica, sans-serif">London
Fares are Falling Down! </font></strong></td>
<td width="30" height="17"><div align="left"><font color="#FF6600"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">$221</font></strong></font></div></td>
</tr>
<tr>
<td height="17"><img src="/images/samples/sample_36/images/arrow.gif" width="4" height="13"></td>
<td height="17"><strong><font color="6098CF" size="1" face="Verdana, Arial, Helvetica, sans-serif">Mexicana-Reach
the Beach Web-Fares!</font></strong></td>
<td width="30" height="17"><div align="left"><font color="#FF6600"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">$210</font></strong></font></div></td>
</tr>
<tr>
<td height="17"><img src="/images/samples/sample_36/images/arrow.gif" width="4" height="13"></td>
<td height="17"><strong><font color="#6699CC" size="1" face="Verdana, Arial, Helvetica, sans-serif">Cityaa
Rewards-FREE airport parking</font></strong></td>
<td width="30" height="17"><div align="left"><font color="#FF6600"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">$GO$</font></strong></font></div></td>
</tr>
<tr>
<td height="17"><img src="/images/samples/sample_36/images/arrow.gif" width="4" height="13"></td>
<td height="17"><strong><font color="#6699CC" size="1" face="Verdana, Arial, Helvetica, sans-serif">City-Saver
Fares-Chicago</font></strong></td>
<td width="30" height="17"><div align="left"><font color="#FF6600"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">$113</font></strong></font></div></td>
</tr>
<tr>
<td height="17"><img src="/images/samples/sample_36/images/arrow.gif" width="4" height="13"></td>
<td height="17"><strong><font color="#6699CC" size="1" face="Verdana, Arial, Helvetica, sans-serif">Ski
Denver with these Low Airfares</font></strong></td>
<td width="30" height="17"><div align="left"><font color="#FF6600"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">$193</font></strong></font></div></td>
</tr>
<tr>
<td width="10" height="17"><img src="/images/samples/sample_36/images/arrow.gif" width="4" height="13"></td>
<td height="17"><strong><font color="#6699CC" size="1" face="Verdana, Arial, Helvetica, sans-serif">Students
Only! Travel Deals everywhere!</font></strong></td>
<td width="30" height="17"><div align="left"><font color="#FF6600"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">$86</font></strong></font></div></td>
</tr>
<tr>
<td height="17" valign="top"><img src="/images/samples/sample_36/images/arrow.gif" width="4" height="13"></td>
<td height="17"><strong><font color="#6699CC" size="1" face="Verdana, Arial, Helvetica, sans-serif">Search
the largest selection of the web fares</font></strong></td>
<td width="30" height="17" valign="top"><div align="left"><font color="#FF6600"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">$86</font></strong></font></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="bottom"> </td>
<td> </td>
<td valign="bottom"> </td>
</tr>
<tr>
<td width="9" valign="bottom"><img src="/images/samples/sample_36/images/white_right.gif" width="9" height="10"></td>
<td height="15"><div align="left"><font color="#003399" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>*Info
on additional taxes, fees. Learn more.</strong></font></div></td>
<td width="9" valign="bottom"><img src="/images/samples/sample_36/images/white_left.gif" width="9" height="9"></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="3"><img src="/images/samples/sample_36/images/spacer.gif" width="3" height="10"></td>
<td valign="top"><table width="204" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="80"> </td>
</tr>
<tr>
<td><img src="/images/samples/sample_36/images/title05.gif" width="205" height="31"></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><table width="95%" border="0" align="center" cellpadding="3" cellspacing="0">
<tr>
<td width="60"><div align="center"><a href="#"><img src="/images/samples/sample_36/images/pix001.gif" width="56" height="56" border="0"></a></div></td>
<td><font color="#003399" size="1" face="Verdana, Arial, Helvetica, sans-serif">Thailand
<br>
Bangkok & Phuket</font><font color="#003399" size="1"><br>
</font></td>
</tr>
<tr>
<td width="60"><div align="center"><a href="#"><img src="/images/samples/sample_36/images/pix002.gif" width="56" height="56" border="0"></a></div></td>
<td><font face="Verdana, Arial, Helvetica, sans-serif"><font color="#003399" size="1">Mauritius
<br>
Magnificient Mauritius </font></font></td>
</tr>
<tr>
<td><div align="center"><a href="#"><img src="/images/samples/sample_36/images/pix003.gif" width="56" height="56" border="0"></a></div></td>
<td><p><font color="#003399" face="Verdana, Arial, Helvetica, sans-serif"><font size="1">Australia<br>
</font></font><font color="#003399" face="Verdana, Arial, Helvetica, sans-serif"><font size="1">Discovering
Australia's Great Barrier Reef </font></font></p></td>
</tr>
<tr>
<td><div align="center"><a href="#"><img src="/images/samples/sample_36/images/pix004.gif" width="56" height="56" border="0"></a></div></td>
<td><font color="#003399" face="Verdana, Arial, Helvetica, sans-serif"><font size="1">Cameron
Highlands <br>
Tea and serenity in the tropical highlands</font></font></td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><img src="/images/samples/sample_36/images/bottom01.gif" width="205" height="10"></td>
</tr>
<tr>
<td height="5"><img src="/images/samples/sample_36/images/spacer.gif" width="1" height="5"></td>
</tr>
<tr>
<td><img src="/images/samples/sample_36/images/top_grey.gif" width="204" height="9"></td>
</tr>
<tr>
<td height="30" valign="top" bgcolor="C6C6C6"><div align="center"><img src="/images/samples/sample_36/images/title01.gif" width="156" height="20"></div></td>
</tr>
<tr>
<td bgcolor="C6C6C6"><table width="80%" border="0" align="center" cellpadding="5" cellspacing="0">
<tr>
<td><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Flying
Forecast<br>
</strong>Delay risk in a.m. for Huston,
Atlanta fliers. (9.pm. CDT)<br>
<strong><a href="#"><font color="#0066CC">more</font></a></strong>
</font></td>
</tr>
<tr>
<td><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Single
Mingle<br>
</strong>From Miami to mountains, hot spot
for solo travellers. <a href="#"><strong><font color="#0066CC">more</font></strong></a></font></td>
</tr>
</table></td>
</tr>
<tr>
<td height="12" valign="bottom" bgcolor="C6C6C6"><img src="/images/samples/sample_36/images/bottom_grey.gif" width="205" height="9"></td>
</tr>
<tr>
<td height="8"><img src="/images/samples/sample_36/images/spacer.gif" width="1" height="8"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top" bgcolor="6098CF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10"><img src="/images/samples/sample_36/images/bottom_left_corner.gif" width="9" height="9"></td>
<td><img src="/images/samples/sample_36/images/spacer.gif" width="1" height="9"></td>
<td width="11" height="9"><img src="/images/samples/sample_36/images/bottom_right_corner.gif" width="11" height="9"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top"> </td>
<td height="20"><div align="right"><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif">©2003
Company Name Co.Ltd. All rights reserved </font></div></td>
</tr>
</table></td>
</tr>
</table>
<map name="Map">
<area shape="rect" coords="31,23,92,36" href="#">
<area shape="rect" coords="99,24,168,34" href="#">
</map>
</form>
<map name="Map2">
<area shape="rect" coords="31,131,69,148" href="#">
<area shape="rect" coords="78,130,148,149" href="#">
</map>
Last edited by rocky1 : 03-04-2006 at 02:57 PM.
|
|
|
|
|
« Reply to How to use Photoshop templates
|
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|
|
|
