首先看看效果圖。 怎么樣。還可以吧。這個模板的制作相對來說還是比較簡單的。現(xiàn)在就一步一步的來看看，怎么才能做出這個模板。 首先第一步。制作模板必備的軟件： 第一個：PS地球人都知道，處理圖片離不開他^_^ 第二個：GIF Animator v5.05 漢化版，這個軟件是用來制作GIF動畫的。 第三個：ISEE。這個軟件功能很多?？梢?span id="moiyehiw" class="t_tag" href="tag.php?name=%C5%FA%C1%BF">批量處理壓縮圖片。在線DIY字體，批量加水印， 可以說這個軟件對淘寶的賣家?guī)椭艽?。在這里。我們要用到他的DIY字體。因為初學 者電腦中不一定安裝了各種字體。所以，用isee來做字體比較方便。 第四個：Frontpage 2003這個是網(wǎng)頁制作軟件。制作模板必不可少的軟件。 以上軟件在百度和各大軟件下載站都能搜索到。在這里就不多說軟件的下載問題了。 下面我們開始制作模板。O(∩_&cap  第一步。到網(wǎng)上去尋找素材。百度搜圖片，找到你自己喜歡的就可以。我在百度上找了這個圖片  找到圖片素材之后就可以開始摳圖了。如下圖。把你選好的素材在PS里面打開，然后放大。在工具欄選擇多邊形套索    新建一個735x500的圖片，背景內(nèi)容選透明，然后按確定。（735x500是旺鋪促銷欄的尺寸） 新建圖層之后。再復(fù)制一個圖層如圖 接下來。我們回到剛剛摳的人物圖片。把摳好的人物圖片Ctrl+C復(fù)制。然后Ctrl+V粘帖到背景圖片， 如圖所示。粘帖到你想要放的位置。然后在圖層窗口中選擇剛剛粘帖的人物圖層 接下來選擇圖層1 下面我們來做這些小框框。首先在工具欄的設(shè)置前景色為白色 如上圖所示。在圖層副本3上面用鼠標拖出這樣一個圓角矩形。（大小形狀和位置可以自己隨意選擇。自己喜歡就可以）下一步鼠標放在白色矩形上面，右鍵---->混合選項---->單擊描邊，前面的框選購。如下圖： 如圖所示做好寶貝展示欄。接下來用相同的方法做公告欄。和收藏等如圖所示 上圖就是這張模板的基本排版方式。讓我們再來看看圖層窗口 被選定的6個圖層就是剛剛做的排版。。（親們?nèi)绻幌矚g這個排版的話?？梢宰约簛砼乓幌?。關(guān)鍵要自己喜歡就可以。）下一步。如上圖所示，把這6個圖層選定后鼠標單擊右鍵----->柵格化圖層。得到結(jié)果如下圖： 然后繼續(xù)單擊右鍵--->合并圖層得到結(jié)果如圖： 合并之后。剛剛所有的矩形框都合并到一起了。然后點擊工具欄的魔術(shù)棒工具 用魔術(shù)棒把剛剛矩形框的白色部分選出來。。按住Shift鍵不放開。然后用魔術(shù)棒單擊白色部分。可以把白色部分都選定。如下圖： 選定之后按DEL鍵把白色部分刪除。得到下圖： 然后點擊工具欄 在投影，斜面和浮雕，紋理。3個選項前面的框打鉤就可以。得到如下圖： 看下放大后的圖片 其實直接用筆刷。刷到背景上面也是可以的。為了方便修改。所以另外復(fù)制了圖層副本2.^_^ 單擊工具欄的筆刷工具 把前景色設(shè)置成自己喜歡的顏色，如圖： 比沒有玫瑰花要好多了吧。。下一步。我們來給圖片添加上閃亮的星星。這一步也要用到PS的筆刷。閃亮星星的筆刷在PS聯(lián)盟也有下載。親們自己去搜索下。這里不詳細敘述了。和添加玫瑰花的步驟一樣。在窗口里面選取閃亮星星的筆刷 如上圖所示。星星的大小和玫瑰的修改方法一樣。然后把前景色修改成白色如圖 這樣點綴一下。要好看多了。下一步我們來做字體。電腦里面裝了各種字體的。可以直接在里面添加自己。如果沒有。又不想裝的。就要用到ISEE這個軟件。他有一個在線DIY功能。可以設(shè)置很多種字體。還有動畫效果。不過。我們這里用不到他的動畫效果。下面我們來看看。怎么用ISEE來做藝術(shù)字體。先打開ISEE。在首頁如圖 點擊isee部落 跳出窗口 點擊后。進入DIY網(wǎng)頁。選取自己喜歡的字樣如下圖 在這里。我選擇了閃閃字。（在這里我們不需要他的動效文字。只要字體就可以了）進入閃閃字效果選擇。親們可以選擇自己所喜歡的效果顏色。如下圖： 隨意選擇一種。（這里我選擇了黑色的閃閃字，這樣便于在PS中把字體摳出來）進入下一步驟，按照下圖所示就可以作出漂亮的字體了： 按上圖步驟。就可以作出自己喜歡的字體了。。很簡單吧。也不用在WINDOWS里面安裝字體。對于不熟悉windows的親們來說。。這個軟件的確很有用。下面我們來處理做好的字體，用PS打開字體圖片。因為PS只能讀取GIF動畫的一個幀。所以。讀取字體時彈出窗口點擊確定。然后用魔術(shù)棒工具 選定之后。調(diào)節(jié)前景色 看。。字體變成白色的了。只有虛線還在。下一步。按Ctrl+C復(fù)制命令----->Ctrl+V粘帖到剛剛我們制作的模板上面如下圖： 下一步。在工具欄點擊 到這里。模板就大部分完成了。接下來就是切圖部分。在切圖之前。先把做的這個模板保存一下。 文件----->存為WEB所用格式--->保存為JPEG格式圖片。圖片質(zhì)量選擇為最佳，保存。就OK了。保存的這張圖片在最后要要用來做GIF動畫。也就是大家看到的閃閃的星星的動畫。O(∩_&cap 好了。。下面我們來切圖。點擊工具欄上面的切片工具圖標 看一下切圖的細節(jié)部分。這些都是要單獨切出來的。看看下圖： 切片完成之后。點擊文件--->保存為WEB所用格式--->點擊存儲，彈出窗口中選擇自己所要保存到的文件夾。如下圖所示： 好了。。到了這一步。模板已經(jīng)完成了90%了。下一步。。我們先把閃閃的星星做好。GIF動畫說白了也很簡單。一個一個單獨的圖片。連續(xù)播放就能產(chǎn)生動畫效果。這種閃閃的星星制作起來是最簡單的一種。。下面我們來看看如和做出閃閃星星。首先。打開剛剛上面保存的JPEG圖片。不是切圖的那張。。是在切圖前保存的那張。如下圖： 這張圖片上面原先點的小星星。這時候要派上用場了。點擊工具欄的筆刷按鈕 然后重復(fù)上面點星星的步驟。這次點的星星要和上一次點的位置不一樣。也是隨意點幾個。然后保存為JPEG格式圖片。圖片質(zhì)量選擇最佳。這樣重復(fù)幾次。作出3--4張不同的圖片就可以了。下一步。我們用這幾張星星位置不同的圖片來做一個閃閃的星星動畫。 首先打開GIF Animator v5.05 漢化版這個軟件。這個軟件是專門用來制作GIF動畫的。很好用的一個軟件。還自帶了多種動畫效果。。不過。這里我們用不到這些動畫效果。 打開軟件--->文件-->打開圖像--->你的圖片保存的位置---->打開剛剛保存的星星圖片其中一張。 下一步是添加幀，也就是要把剩余的幾張圖片添加進去。步驟。 快捷鍵Ctrl+Alt+F，（插入幀的快捷鍵）------>按INS鍵。插入圖片----->Ctrl+Alt+F，（插入幀的快捷鍵）------>按INS鍵。插入圖片。。。重復(fù)上面的步驟。直到把剛剛保存的幾張圖片全部添加進去為止。如下圖： 這里我添加了5個不同的閃亮星星圖片。點擊播放按鈕。就可以預(yù)覽動畫效果。如果覺得閃動的速度過快。可以按住Ctrl鍵。然后點擊鼠標把5個圖片全部選定。在單擊右鍵----->畫面幀屬性 把延遲改為15，具體數(shù)字更具自己喜好。數(shù)字越大。播放速度越慢，如下圖： 下一步可以保存了。。文件----->另存為------>GIF文件---->選擇你的保存路徑保存就OK了。這樣就做好了一個GIF的動畫。。很簡單吧。。。接下來。把這張GIF動畫圖片上傳到網(wǎng)絡(luò)相冊，網(wǎng)絡(luò)相冊必須要支持GIF動畫。百度中搜索下。有很多這種網(wǎng)絡(luò)相冊。這里就不多講了 這里還要補充一下。。還有3個圖片也要上傳到網(wǎng)絡(luò)相冊。在保存切片的文件夾中找到 好了。下一步。我們要用到Frontpage 2003這個網(wǎng)頁制作軟件。首先打開Frontpage 2003------>文件--->打開---->找到剛剛保存切片的文件夾。里面有個HTML文件如圖 雙擊打開這個文件。在Frontpage 2003的窗口中會顯示出切好的模板。鼠標單擊圖片。會發(fā)現(xiàn)。這些圖片是完全分開的。這就是切片的效果。。其實。我們平時上網(wǎng)看到的網(wǎng)頁上的一些圖片都是這種小塊的圖片拼接起來的。 然后鼠標單擊右鍵---->表格屬性（不是單元格屬性。不要弄錯了^_^）----->彈出窗口如下圖： 這里說明一下。上圖的地址就是剛剛上傳的GIF的動畫地址。也就是說，把剛剛做的GIF動畫當做模板的背景用，點擊應(yīng)用。Frontpage 2003會從網(wǎng)絡(luò)相冊讀取圖片。得到圖片如下圖： 上圖中的虛線不用去管他。。上傳后就沒有了。。下一步。制作按鈕。逛逛小店，店鋪收藏，信用評價，這些都是按鈕，把光標移到逛逛小店的單元格中 這里的文件名填寫剛剛上傳圖片的外鏈接地址。注意圖片對應(yīng)好了。店鋪收藏和信用評價的圖片插入方法相同。。按照步驟重做一遍就可以了。完成后。給這3個按鈕添加超鏈接。方法如下 點擊逛逛小店按鈕 添加完成后。點擊確定。就可以了。。。其他2個也是相同的做法，，只要換下地址就可以了。具體地址。可以打開你的瀏覽器。打開相應(yīng)的網(wǎng)頁。在瀏覽器的地址欄中查看。復(fù)制。粘帖就好了。。O(∩_&cap 動態(tài)效果----->字幕------>點擊完成。彈出窗口如下設(shè)置： 按上圖設(shè)置。完成后確定?，F(xiàn)在的字幕不是向上滾動的。在這里需要修改一個代碼才能讓他向上滾動。步驟：單擊設(shè)置好的字幕 如上圖所示right改為up符號不要改。字幕就會向上滾動了。 這里補充一下。點擊字幕這里 當然。你也可以把這個框里的字設(shè)置成滾動字幕。方法一樣。邊上的寶貝促銷欄中可以放2個170x170的圖片。把你最好的寶貝放上去。一定很搶眼。。。O(∩_&cap 最后點擊 |
