可以用ps制作，點(diǎn)擊ps軟件里面【窗口】在彈出的下拉菜單中選擇【時(shí)間軸】（有的版本里面叫做動(dòng)畫(huà)，大家可以根據(jù)自己的版本尋找）打開(kāi)時(shí)間軸面板后，將第一個(gè)圖層前面的“小眼睛”關(guān)掉；圖層關(guān)掉后，在時(shí)間軸面板上點(diǎn)擊【復(fù)制所選幀】按鈕，然后再把將第一個(gè)圖層前面的“小眼睛”打開(kāi)；點(diǎn)擊【幀】下面的三角形按鈕，在彈出的時(shí)間菜單中選擇間隔的時(shí)間（就是動(dòng)畫(huà)的快慢）；設(shè)置完成后點(diǎn)擊【播放】就可以預(yù)覽動(dòng)畫(huà)效果，如果效果滿意的話可以點(diǎn)擊：文件——存儲(chǔ)為web格式；在存儲(chǔ)對(duì)話框中將存儲(chǔ)格式選為【GIF】其他的保持默認(rèn)，然后點(diǎn)擊【存儲(chǔ)】就可以把動(dòng)畫(huà)文件保存下來(lái)了。

Photoshop制作網(wǎng)頁(yè)效果圖的幾個(gè)注意點(diǎn)：第一點(diǎn)：新建文件尺寸大小； 制作網(wǎng)頁(yè)效果圖，首先就是要新建文件，那么要建多大的合適呢？這可不是隨便亂定的，一般我們是要根據(jù)目前絕大部分顯示器的最佳分辨率來(lái)定。在比較早些時(shí)候，17英寸為主流顯示器，最佳分辨率為1024*768，所以考慮到網(wǎng)頁(yè)在顯示器上能有最好的顯示效果，一般都定在1003px以下（這個(gè)數(shù)據(jù)是由顯示器最寬1024px減去瀏覽器右側(cè)滾動(dòng)條寬21px和到1003px）。如果你的網(wǎng)頁(yè)超過(guò)這個(gè)尺寸，那當(dāng)網(wǎng)頁(yè)即使最大化顯示的時(shí)候，內(nèi)容也不能完全呈現(xiàn)，底部就會(huì)顯示水平滾動(dòng)條，這樣會(huì)影響用戶體驗(yàn)！ 目前來(lái)說(shuō)19英寸分辨率達(dá)到1280以上的寬屏顯示器已經(jīng)成為主流，因此現(xiàn)在很多網(wǎng)頁(yè)都開(kāi)始做得更寬，比如可以做成1200px寬的，但為了能讓1024分辨率下都能有好顯示，建議還是定為1003px以下，比如960，980都是合適的。如果不確定應(yīng)該設(shè)置多少合適，可以打開(kāi)參考網(wǎng)站，看看他們是設(shè)置多少。 如何查看別人的網(wǎng)頁(yè)尺寸呢？很簡(jiǎn)單，使用截圖工具把網(wǎng)頁(yè)截下完整的寬度后使用Photoshop用選區(qū)工具框選寬度就能在信息面板里顯示出來(lái)了！ 第二點(diǎn)：字體與字號(hào)； 字體方面，在瀏覽器里顯示的字體是調(diào)用操作系統(tǒng)里的，因?yàn)榻^大部分操作系統(tǒng)都有宋體、黑體、微軟雅黑、Arial、Tahoma這幾種字體，所以在網(wǎng)頁(yè)效果制作時(shí)，盡量使用這些字體，如果不使用這些字體，那到在把網(wǎng)頁(yè)效果圖做成網(wǎng)頁(yè)的時(shí)候就沒(méi)法做出這種字體效果了；如果非要使用其他字體，那么在做成網(wǎng)頁(yè)的時(shí)候只能以圖片的形式來(lái)顯示出來(lái)，不過(guò)考慮到圖片文件都偏大，會(huì)讓網(wǎng)頁(yè)打開(kāi)速度降低，所以盡量不要以這種形式顯示。 第三點(diǎn)：關(guān)于顏色； 不同的操作系統(tǒng)會(huì)有不一樣的調(diào)色標(biāo)準(zhǔn)，因在Web上就有定義了一個(gè)安全色表，以期能讓符合這個(gè)色表定義的顏色，在不同顯示設(shè)備上都能有同樣的顯示效果。不過(guò)對(duì)于不是對(duì)色彩十分嚴(yán)謹(jǐn)?shù)木W(wǎng)頁(yè)效果來(lái)說(shuō)，不需要這么嚴(yán)格執(zhí)行，所以關(guān)于顏色，我們直接使用Photoshop里默認(rèn)的顏色就可以了，當(dāng)然，如果你所設(shè)計(jì)的網(wǎng)頁(yè)對(duì)于色彩十分看中，那請(qǐng)認(rèn)真按照Web安全色標(biāo)準(zhǔn)設(shè)計(jì)。 第四點(diǎn)：網(wǎng)頁(yè)效果圖里填充的內(nèi)容； 在制作網(wǎng)頁(yè)效果的時(shí)候，很多地方要填充文字內(nèi)容，這個(gè)時(shí)候有些初學(xué)者為了方便操作，直接把同樣的內(nèi)容復(fù)制使用，最后整個(gè)網(wǎng)頁(yè)上看起來(lái)就會(huì)顯得怪怪的。這里大家在填充內(nèi)容的時(shí)候，最好是使用不一樣的信息，或者干脆直接從其他網(wǎng)頁(yè)上截取內(nèi)容填充。第五點(diǎn)：要注重細(xì)節(jié)處理； 因?yàn)槟阒谱鞒鰜?lái)的效果圖，最終是做為網(wǎng)頁(yè)的制作依據(jù)，因此在效果圖上，每個(gè)模塊的間距都要精確到像素、文字?jǐn)[放的位置等也要準(zhǔn)確到位。 第六點(diǎn)：保存的圖片格式； 效果圖制作好后，建議保存成png格式。不要存jpg格式，因?yàn)檫@個(gè)格式對(duì)圖片壓縮比較大，會(huì)丟失細(xì)節(jié)。

存儲(chǔ)為web格式 也可以直接存儲(chǔ)為png格式即可。ps制作網(wǎng)頁(yè)步驟:1.先用Photoshop做一個(gè)網(wǎng)頁(yè)圖片；2.Ctrl+R調(diào)出標(biāo)尺，在圖片上繪制表格，框選出要做鏈接的部分；3.使用切片工具，按照繪制的表格劃分切片4.以上步驟完成后，進(jìn)行操作“文件”>“儲(chǔ)存為Web和設(shè)備所用格式”，在打開(kāi)的窗口中按照自己的需要為網(wǎng)頁(yè)圖片作設(shè)置，設(shè)置完成后，“儲(chǔ)存”，保存類(lèi)型“html和圖片”，切片“所有切片”。5.接下來(lái)用Dreamweaver打開(kāi)html文件，為其作鏈接及其它。6.最后保存就完了。

　平面廣告和網(wǎng)站頁(yè)面設(shè)計(jì)的宗旨就是吸引眼球，符合平面視覺(jué)沖擊特點(diǎn)，如何設(shè)計(jì)一款有特色、另類(lèi)能吸引眼球的作品是擺在平面設(shè)計(jì)人員和photoshop愛(ài)好者面前的難題　　現(xiàn)在以一款網(wǎng)頁(yè)平面設(shè)計(jì)效果圖為實(shí)例，講解網(wǎng)頁(yè)設(shè)計(jì)方面的創(chuàng)意知識(shí)，從網(wǎng)頁(yè)效果圖布局創(chuàng)意、顏色選擇，裁減效果圖和制作網(wǎng)頁(yè)特效等方面來(lái)學(xué)習(xí)。下面我們就一起來(lái)學(xué)習(xí)吧?！　∈紫嚷暶饕幌拢@款網(wǎng)頁(yè)效果圖在得到朋友許可后拿來(lái)制作教程實(shí)例，切勿抄襲和用做其他用途。先看效果圖0。一、 創(chuàng)意設(shè)計(jì)思路　　一個(gè)網(wǎng)站在制作前需要確定網(wǎng)站風(fēng)格、網(wǎng)站主題、和主色調(diào)，在沒(méi)有確切的方案之前，最好不要貿(mào)然動(dòng)手制作，不然最后的結(jié)果很可能是以失敗而告終。　　　　筆者決定從關(guān)鍵字"路行""獨(dú)自行走"加上是暗色系的要求上下手，敲定顏色采用沙漠黃，沙漠很容易讓人聯(lián)想到孤單；板式確定為戶外廣告的樣式沙漠黃配合生銹的廣告牌。符合"頹廢""艱辛路途"主題?！　《?、 網(wǎng)站效果圖及LOGO的制作?！　?、LOGO的樣式采用的是圖形和字符的組合。漢字LOGO的字體不是下載的字體，是筆者用鋼筆工具畫(huà)出來(lái)的字體。如圖1和1-1?！′摴P工具勾勒出圖1的行走的人樣式，填充紅色，然后調(diào)整混合模式"斜面和浮雕"選擇浮雕效果、雕刻清晰、深度1、方向上、大小2，其他默認(rèn)。這LOGO 的創(chuàng)意是，一個(gè)人在崎嶇不平的路上堅(jiān)持自己的方向，配合網(wǎng)站的英文加中文名字，構(gòu)成一個(gè)形象LOGO，剛好"路"字和"行"字采用紅色，突出了路行?！　　　∥淖諰OGO筆者用鋼筆工具勾畫(huà)出字的各個(gè)部件，然后拼接在一起，這里只給出"路"字的方法，"行"字方法如同。[next]　　　　2、制作布局參考圖。如圖2　3、根據(jù)布局效果圖，新建文件大小1000X765，填充黑色。布局中的"顯示區(qū)域"為廣告牌是要掛到墻上的，使用"石頭材質(zhì)"放置在頁(yè)面最上方來(lái)制作石板墻；使用"銹跡皮革材質(zhì)"制作"顯示區(qū)域""LOGO"區(qū)域的邊框（注：一些材質(zhì)的制作方法省略，平時(shí)可自行制作也可去圖片站下載保存，用的時(shí)候方便），將LOGO區(qū)域的邊框復(fù)制一層，調(diào)整不透明度為60%放置到LOGO曾下方，這樣大體的框架就完成了。如圖3和3-1。　?。▓D5）（圖6）4、找來(lái)一張沙漠公路的圖片，把這張圖片進(jìn)行聚焦處理。點(diǎn)圖4示例的按扭進(jìn)入"以快速蒙版編輯模式"，選擇漸變，漸變模式為"徑向漸變"在圖中間向兩邊拉，屏幕會(huì)出現(xiàn)一團(tuán)紅色；然后再點(diǎn)"以標(biāo)準(zhǔn)模式編輯"畫(huà)面會(huì)出現(xiàn)一個(gè)圓圈選擇區(qū)域，按"DELETE"刪除即可。如圖4和圖4-1。（圖7）（圖8）　5、在"路"圖片上方新建一層，按住CTRL+"路"圖層，單擊新建的圖層，填充顏色4E341B，調(diào)整為暗系沙漠黃。如圖5。（圖9）　　制作文字LOGO牌。找來(lái)圖5-1中的灰色材質(zhì)，在"LOGO邊框"下面新建一層，然后在其之上新建一層，放置沙漠圖片，將其混合模式修改為"顏色"然后打開(kāi)一開(kāi)始制

準(zhǔn)備工作：1、圖片2、主頁(yè)的鏈接需要用到的軟件：ps 第一步：運(yùn)行ps，打開(kāi)你選定的圖片第二步：鼠標(biāo)選擇左邊工具欄的裁剪工具，注意，點(diǎn)住左鍵不放，就會(huì)彈出一個(gè)下拉選項(xiàng)框。如圖：第三部，選擇切片工具第四步：用切片工具，點(diǎn)住圖片左上角不松，拖動(dòng)鼠標(biāo)至對(duì)角，把圖片都選中。如圖：第五步，選中后，在圖片選中區(qū)域，右鍵鼠標(biāo)右鍵，選擇菜單中的“編輯切片”，此步驟無(wú)法截圖。第六部：如圖：第七步：點(diǎn)擊“文件”--"存儲(chǔ)為WEB格式。如圖："第八步：選擇存儲(chǔ)位置。如圖注意，最后一步：如圖，紅框內(nèi)選成“HTML和圖像”保存。就可以點(diǎn)擊圖片，查看效果。

彩字秀：http://www.czxiu.com/ 愛(ài)狗狗吧：http://www.igogo8.com/ 在線生成閃字http://www.igogo8.com/ - 彩字在線生成門(mén)戶 互聯(lián)網(wǎng)裝修專(zhuān)家－－彩字通 按http://www.eoool.com/Sevice.aspx?TypeID=11 生成拼湊http://blog.outer-court.com/letters/ 生成幾種卡通人物對(duì)話動(dòng)態(tài)圖片： http://tools.fodey.com/generators/animated/talking_squirrel.asp 香煙盒生成，可以做警告圖片： http://tools.fodey.com/generators/cigarette_packet/generator.cig 支持多種域名的Email圖標(biāo)的生http://www.nhacks.com/email/ 兩個(gè)地址支持兩種風(fēng)格任意文本的Email圖標(biāo)的生成: http://sagittarius.dip.jp/~toshi/cgi-bin/designmail/designmail.html http://sagittarius.dip.jp/~toshi/cgi-bin/catmark/catmark.html 支持各種類(lèi)型圖片的生成，可以選擇設(shè)置的條件非常靈活: http://www.abi-station.com/tchinese/ 支持大量中文字體簽名圖標(biāo)生http://www.youmade.com/font/ Flickr雜志封面生成http://flagrantdisregard.com/flickr/magazine.php 動(dòng)態(tài)生成有趣圖片: 愛(ài)因斯坦 http://www.hetemeel.com/einsteinform.php 山姆大叔 http://www.hetemeel.com/unclesamform.php 辭典 http://www.hetemeel.com/dictionaryform.php 魔法師 http://www.imagegenerator.net/create/dumbledore/ Flickr Logo風(fēng)格圖片生成http://flickr.nosv.org/ 按鈕生成網(wǎng)站: http://kalsey.com/tools/buttonmaker/ http://www.lucazappa.com/brilliantMaker/buttonImage.php http://www.feedforall.com/public/rss-graphic-tool.htm http://www.kalsey.com/tools/buttonmaker/ http://www.yugatech.com/make.php http://www.hkwebs.net/catalog/tools/buttonmaker/index.php Email圖標(biāo)生成網(wǎng)站: http://email.playtime.uni.cc/ http://services.nexodyne.com/email/ http://gizmo967.mgs3.org/Gmail/ http://www.hkwebs.net/catalog/tools/gmail/ http://sagittarius.dip.jp/~toshi/cgi-bin/designmail/designmail.html http://www.eoool.com/ Logo生成網(wǎng)站: http://phorum.com.tw/Generator.aspx http://cooltext.com/Default.aspx Banner圖片制作網(wǎng)站: http://www.bannerbreak.com/index.php 在線圖片生成網(wǎng)站: http://www.streetsigngenerator.com/ http://www.letterjames.de/ 立體圖片生成器http://www.chami.com/html-kit/services/imge/ 圖片生成郵票http://photo.stamps.com/PhotoStamps/?source=si00001331 個(gè)性拼圖http://www.jigcool.com/jigonline/jigonline1_sc.php 印章制作http://caishu.sina.com.cn/ http://www.makepic.com/print.php GIF圖片的文字LOGO在線生成: http://www.3dtextmaker.com/cgi-bin/3dtext.pl 在線制作logo,bannar的網(wǎng)站: http://www.crazystudy.com SAINT.Assess the Security of Computer Networks http://www.saintcorporation.com/saint/ Abacus.Intrusion Prevention System http://www.psionic.com/abacus/ Firewall Generator（在線生成簡(jiǎn)單的防火墻腳本） http://www.citadec.com/FirewallGenerator.html 身份證號(hào)碼在線生成器 http://i972.net/~gen/ 在線字體圖片生成 http://www.youmade.com/font/ 在線生成條碼打印 http://www.makepic.com/barcode.php http://www.gzbonny.com/asp/barcode.asp 在線圖形特效生成 http://www.chami.com/ 聊天工具在線狀態(tài)生成器 http://www.onlinestatus.org/forum/usage.php 粉絲身份http://id.igogo8.com/ iGOGO8愛(ài)狗狗吧 - “狗話連篇”·發(fā)言頂帖有我個(gè)性 http://ghlp.igogo8.com/ghlp_more.html 制作印http://www.makepic.com/print.php 郵址圖片生http://www.makepic.com/email.php 條形碼生http://www.makepic.com/barcode.php Kiss學(xué)堂 頒發(fā)結(jié)業(yè)http://www.makepic.com/kiss/cert.php 生成頭http://www.eoool.com/ImageDIY/DIYChooseImg.aspx? ImgSize=96x96x1 郵http://www.eoool.com/Sevice.aspx?TypeID=1 聊天圖http://www.eoool.com/Sevice.aspx?TypeID=2 博客圖http://www.eoool.com/Sevice.aspx?TypeID=3 網(wǎng)絡(luò)書(shū)http://www.eoool.com/Sevice.aspx?TypeID=5 朋友http://www.eoool.com/Sevice.aspx?TypeID=4 qq空間彩色日記生成http://www.qchong.com/color.htm 在線生成http://www.qchong.com/plus/caizi.htm 路標(biāo)在線http://atom.smasher.org/construction/ 自動(dòng)生成變色文字的小http://www.qchong.com/plus/bianse.htm 制作msn卡通http://cartoon.msn.com.cn/Instruction.aspx?r=ax&from= 小孩用刀http://tools.fodey.com/generators/animated/ninjatext.asp 在線生成圖片建筑物上http://www.imist.com/hi/101 在線生成餅http://bokstavskex.framtid.nu/agi.asp ASCII字符畫(huà)http://mm.tpp8.com/ascii/Make.aspx 這個(gè)特別Kuso的在線生成器在線生成搞笑動(dòng)畫(huà) http://www.glassgiant.com/wanted/

網(wǎng)頁(yè)設(shè)計(jì)在初始要界定出網(wǎng)頁(yè)的尺寸大小.就像繪畫(huà)給出一塊畫(huà)版來(lái).這樣才能方便設(shè)計(jì). 網(wǎng)頁(yè)的尺寸受限于兩個(gè)因素:一個(gè)是顯示器屏幕.顯示器現(xiàn)在種類(lèi)很多,以17寸為主流, 正在朝19寸及寬屏的方向發(fā)展.但目前也有為數(shù)不少的15寸顯示器.另一個(gè)是瀏覽器軟件,就是我們常用的IE,遨游,Firefox等. 高度： 高度是可以向下延展的,所以一般對(duì)高度不限制. 對(duì)于一屏來(lái)說(shuō),一般沒(méi)有一個(gè)固定值，因?yàn)槊總€(gè)人的瀏覽器的工具欄不同，我見(jiàn)過(guò)有的瀏覽器工具欄被插件占了半個(gè)屏幕，所以高度沒(méi)有確切值。 寬度: 1、在IE6.0下，寬度為顯示器分辨率減21，比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無(wú)論你的網(wǎng)頁(yè)多高都會(huì)有右側(cè)的滾動(dòng)條框。 2、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005 3、在Opear下，寬度的分率辨減23。比如1024的寬度-23就變成1001 注：Firefox或Opear在內(nèi)容少于瀏覽器高度時(shí)不顯示右側(cè)滾動(dòng)條。 所以如果是1024的分辨率，你的網(wǎng)頁(yè)不如設(shè)成1000安全一點(diǎn)。設(shè)成900兩側(cè)空白更大,視覺(jué)上更舒服一點(diǎn).也方便做一些浮動(dòng)層的設(shè)計(jì). 如果是800的分辨率一般都設(shè)成770。但也有設(shè)成760的. 這些需要明白并且牢記,不然很可能做出來(lái)不符合瀏覽器要求,不過(guò)一般我們都回設(shè)定的再稍微小一點(diǎn),應(yīng)為有些瀏覽器加了插件或者其他的東西寬度會(huì)有變化所以 800的分辨率一般設(shè)定760左右,1024的設(shè)定990左右. 網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)尺寸: 1、800*600下，網(wǎng)頁(yè)寬度保持在778以內(nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)容決定。 2、1024*768下，網(wǎng)頁(yè)寬度保持在1002以內(nèi)，如果滿框顯示的話,高度是612-615之間.就不會(huì)出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條。 3、在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏，頁(yè)面的下方又不會(huì)出現(xiàn)滑動(dòng)條，尺寸為740*560左右 4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因?yàn)閃EB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會(huì)有失色的現(xiàn)象. 頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px 頁(yè)面長(zhǎng)度原則上不超過(guò)3屏，寬度不超過(guò)1屏 每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小，即8.5X11英寸 全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px 另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸 每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過(guò)60K，全尺寸banner不超過(guò)14K 標(biāo)準(zhǔn)網(wǎng)頁(yè)廣告尺寸規(guī)格 一、120*120，這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽? 二、120*60，這種廣告規(guī)格主要用于做LOGO使用。 三、120*90，主要應(yīng)用于產(chǎn)品演示或大型LOGO。 四、125*125，這種規(guī)格適于表現(xiàn)照片效果的圖像廣告。 五、234*60，這種規(guī)格適用于框架或左右形式主頁(yè)的廣告鏈接。 六、392*72，主要用于有較多圖片展示的廣告條，用于頁(yè)眉或頁(yè)腳。 七、468*60，應(yīng)用最為廣泛的廣告條尺寸，用于頁(yè)眉或頁(yè)腳。 八、88*31，主要用于網(wǎng)頁(yè)鏈接，或網(wǎng)站小型LOGO。 廣告形式 像素大小 最大尺寸 備注 BUTTON 120*60(必須用gif) 7K 215*50(必須用gif) 7K 通欄 760*100 25K 靜態(tài)圖片或減少運(yùn)動(dòng)效果 430*50 15K 超級(jí)通欄 760*100 to 760*200 共40K 靜態(tài)圖片或減少運(yùn)動(dòng)效果 巨幅廣告 336*280 35K 585*120 豎邊廣告 130*300 25K 全屏廣告 800*600 40K 必須為靜態(tài)圖片，F(xiàn)LASH格式 圖文混排 各頻道不同 15K 彈出窗口 400*300(盡量用gif) 40K BANNER 468*60(盡量用gif) 18K 懸停按鈕 80*80(必須用gif) 7K 流媒體 300*200（可做不規(guī)則形狀但尺寸不能超過(guò)300*200） 30K 播放時(shí)間 小于5秒60幀(1秒/12幀) 網(wǎng)頁(yè)中的廣告尺寸 1.首頁(yè)右上，尺寸120*60 2.首頁(yè)頂部通欄，尺寸468*60 3.首頁(yè)頂部通欄，尺寸760*60 4.首頁(yè)中部通欄，尺寸580*60 5.內(nèi)頁(yè)頂部通欄，尺寸468*60 6.內(nèi)頁(yè)頂部通欄，尺寸760*60 7.內(nèi)頁(yè)左上，尺寸150*60或300*300 8.下載地址頁(yè)面，尺寸560*60或468*60 9.內(nèi)頁(yè)底部通欄，尺寸760*60 10.左漂浮，尺寸80*80或100*10

樣式表就是<style>.img1{width:100px;height:50px;}</style><img src="圖片路徑" class="img1">行內(nèi)樣式是<img src="圖片路徑" style="width:100px;height:50px;">