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

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

個人形象等模塊用

心情小留言用

日志相冊大模式用

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

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

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

菜單欄上點擊編輯－填充－彈出顏色項后選擇黑色 
 

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

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

點一下小還原鍵后圖片全部列開 
  

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

 

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

對齊邊框后可以取消息網格，進行美女的編輯，選中美女，按Ctrl+T鍵會顯示出變換工具來。可以對美女進行放大縮小等處理。
新建一圖層，用畫筆進行一些處理，當然也可不用處理，畫筆很多地方可以下載，我們的FD學習交流群內也有一些整理過的畫筆包可以下載。 
 

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

另外要加些文字，比如我的日志、我的相冊等等這些東西，留給你們去加上去吧。
最后點文件－存儲為web所用格式 
 

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

更多素材請點擊>>素材中國 

最新評論