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

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

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

心情小留言用

日志相冊大模式用

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

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

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

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

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

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

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

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

 

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

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

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

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

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

更多素材請點(diǎn)擊>>素材中國 

最新評論