這次我們采用實(shí)例教程的形式來(lái)分析一下大圖、FD模塊的制作過(guò)程。實(shí)例的形式，就是我們把所用的材料都提供下載，你下載后然后根據(jù)教程邊學(xué)邊自己動(dòng)手作，這樣就很容易記住制作的過(guò)程。 等你看完教程，你自己的FD模塊也就制作成功了。

首先你的電腦先準(zhǔn)備如下工具：
1. Adobe Photoshop－版本不限，不過(guò)教程是以Photoshop CS3為例。主要用于圖片部分的處理，大圖模塊制作僅用它就可以了。
2. SWFDecompiler（閃客精靈）－主要用于初學(xué)者簡(jiǎn)單添加特效。
點(diǎn)擊下載閃客精靈V3.3漢化版
3. Macromedia Flash－主要用FLASH部分的制作
當(dāng)然還有其它工具可以利用，比如光影魔法手，可以讓我們輕松添加邊框。閃客之錘可以讓我們輕松制作動(dòng)感特效。這些軟件我就不一一介紹了，有興趣的話可以自己去搜索相關(guān)資料。
然后把下面的素材下載到你的電腦里：
圖片素材： 
圖片素材：

個(gè)人形象等模塊用

心情小留言用

日志相冊(cè)大模式用

扣圖后的美女
如你是制作大圖模塊可以下載邊框素材后另行修改尺寸，即中心空白 地方為原系統(tǒng)模塊的大小。

如你是制作大圖模塊可以下載邊框素材后另行修改尺寸，即中心空白 地方為原系統(tǒng)模塊的大小。

現(xiàn)在開(kāi)始一步一步來(lái)制作一個(gè)簡(jiǎn)單黑色風(fēng)格的FD模塊了：
一、PS部分：
打開(kāi)Photoshop（以下簡(jiǎn)稱PS），新建一個(gè)文檔，設(shè)置寬為715像素，高為990像素。 
  

菜單欄上點(diǎn)擊編輯－填充－彈出顏色項(xiàng)后選擇黑色 
 

在背景圖層上雙擊，讓它變成普通圖層（解除鎖定） 
 

把剛才下載的所有圖片素材打開(kāi)。
如果你沒(méi)有下載圖片，也不想下載到電腦里，那你可在圖片上右鍵－復(fù)制－然后直接粘貼到剛剛新建的文檔里。
按住Ctrl鍵后全部選定可一次性全打開(kāi)。 
 

點(diǎn)一下小還原鍵后圖片全部列開(kāi) 
  

然后點(diǎn)移動(dòng)工具（V）直接在有像素的畫(huà)面上按住左鍵拖到黑色背景的大圖片上來(lái)。當(dāng)然也可以用Ctrl+C和Ctrl+V進(jìn)行操作。 
 
把黑色背景大圖片最大化，其它的先不要管了?，F(xiàn)在開(kāi)始編輯這個(gè)畫(huà)面。把網(wǎng)格調(diào)出來(lái)（視圖－顯示－網(wǎng)格），方便對(duì)齊，智能參考線也可以鉤選上。
如果你覺(jué)得放模塊的邊框太少，可以按住Alt鍵，在任一邊框上輕輕一拖就可以復(fù)制出一個(gè)。也可以在你選定的邊框圖層上選擇復(fù)制圖層。 

 

別忘了把背景的位置鎖定，不然很礙事的。 
 

對(duì)齊邊框后可以取消息網(wǎng)格，進(jìn)行美女的編輯，選中美女，按Ctrl+T鍵會(huì)顯示出變換工具來(lái)?？梢詫?duì)美女進(jìn)行放大縮小等處理。
新建一圖層，用畫(huà)筆進(jìn)行一些處理，當(dāng)然也可不用處理，畫(huà)筆很多地方可以下載，我們的FD學(xué)習(xí)交流群內(nèi)也有一些整理過(guò)的畫(huà)筆包可以下載。 
 

暈，寫(xiě)得太復(fù)雜了，仿佛成了PS的教程了。好了，現(xiàn)在對(duì)邊框進(jìn)行處理，你可以用濾鏡、樣式混合模式、等等多種形式進(jìn)行處理，也可以做成Action（動(dòng)作）進(jìn)行批量處理。也可以早就做成現(xiàn)成直接粘貼進(jìn)來(lái)也行。我這里采用簡(jiǎn)單的樣式進(jìn)行一下處理。 
 
最后用魔術(shù)棒配合Delete鍵把框內(nèi)的像素消除掉 
 

另外要加些文字，比如我的日志、我的相冊(cè)等等這些東西，留給你們?nèi)ゼ由先グ伞?
最后點(diǎn)文件－存儲(chǔ)為web所用格式 
 

彈出對(duì)話框，選擇存儲(chǔ)格式為PNG24，你也可以選擇GIF格式，但千萬(wàn)不要選GPEJ格式。 
  
至此PS部分結(jié)束，可以把PS關(guān)閉退出了。如果只是做大圖模塊到此也就完成了。

更多素材請(qǐng)點(diǎn)擊>>素材中國(guó) 

最新評(píng)論