如果看過winamp的avs的弦曲線的人想必對其華麗的光影效果印象深刻。

這次我創作了這個桌面，希望能拋磚引玉，讓大家發掘firework的補間潛能！

效果

如果看過winamp的avs的弦曲線的人想必對其華麗的光影效果印象深刻。

這次我創作了這個桌面，希望能拋磚引玉，讓大家發掘firework的補間潛能！

效果

 　　以下是操縱步驟：

　　1. 這次的主要應用技術是firework的路徑、元件＆補間的瘋狂組合使用。

　?。?）用矢量工具畫一個無填充，筆觸為一象素柔化的圓，約150×150px

　?。?）用鋼筆工具在不相鄰的兩個錨點上各點一下，變尖了

　?。?）用“刀子”工具，按著shift沿著那兩個錨點切下去。把它們擺放成正弦曲線樣

　?。?）用部分選定工具同時選中相近的兩個錨點，按ctrl＋j接合

　　（5） 拷貝幾個，又切又接，變成⑤的樣子。保證已經接合成一條路徑，而不是多條

圖1

　　2. 雖然在firework里面筆觸是沒有漸變的，不過可以用如下的方法令到開放路徑變成可以填充漸變的閉合路徑

　　選中剛才的路徑，執行“修改－改變路徑－擴展筆觸”，寬度：2px角：圓角

　　其他如圖所示，按“確定”，路徑現在就可以填充漸變色了

圖2

　　3. 對路徑去除“筆觸”，進行“條狀”漸變的填充。手柄調節如圖。加一個發光濾鏡?；旌夏Ｊ竭x“添加的”。呵呵，是不是有點vista的風格呢?

圖3

|||

　　4. 將處理過的路徑克隆兩個副本

　　一個副本透明度改為50％，另一個副本加一象素柔化，顏色＃ff0000（鮮紅）的筆觸，添加動態模糊濾鏡，參數：角度0，距離5

　　移動一下三個路徑的位置＆疊放次序，好看的話就“ctrl＋g”組合起來

圖4

　　5. 在這個組合的上方用鋼筆畫一個四邊形把組合覆蓋起來，應用如圖的“條狀”漸變

　　剪切這個四邊形，在紅色曲線的組合上新建一個蒙版，在蒙版在選中狀態下按“ctrl＋v”粘貼四邊形，然后在屬性里選蒙版的“灰度外觀”

圖5

　　6. 將加添加蒙版后的矢量圖選中，按“f8”轉換為“圖形”元件，命名為“red”。重制一個“red”元件，命名為“blue”。

　　編輯“blue”元件，相關參數如下圖所示。(如果本來沒有該參數的路徑，請不要添加該參數。)

圖6

|||

　　7. 現在才真正開始要做大事了。把畫布尺寸設為1024×768，背景為純黑。

　　拖動一個“blue”元件到畫布上。將這個“blue”實例的混合模式設為“添加的”。

　　克隆一個“blue”實例，水平移動60個象素。同時選中兩個“blue”實例，執行“修改－元件－補間實例”（ctrl＋shift＋alt＋z），參數如下。

　　最后按“ctrl＋g”將所有“blue”實例組合起來，平面化所選，混合模式選“添加的”

圖7

　　8. 相似地，拖一個“red”實例到畫布，進行和第7步相同的操作。

　　如下圖所示，將兩個位圖（分別平面化和應用了混合模式的“添加的”）擺放好。

圖8

9. 畫一個矩形將圖像覆蓋，應用如下所示的填充和漸變手柄調節。營造明暗效果。（呵呵，這個是慣用伎倆了。）

圖9

|||

　　10. 在畫布上畫一個70×70px的“面圈形”，應用線性漸變填充。

　　填充和手柄調節如下圖所示。對它添加“發光”濾鏡，參數如圖。

圖10

　　11. 選中該面圈形，按“f8”轉換為“圖形”元件，命名為circleblue。這時將畫布上的“circleblue”實例的混合模式改為“添加的”。

　　克隆一個實例，透明度改為“20％”，右鍵菜單選“變形－垂直反轉”。

　　又到補間發威了。同時選中兩個“circleblue”實例，“ctrl＋shift＋alt＋t”，補間步驟用10個。

　　“ctrl＋g”組合后再將其平面化，轉換為“圖形”元件，命名為“ballblue”

圖11

　　12. 用相似的方法制作“ballred”圖形元件。

　　新建一個層，命名為“ball”層，放在原來的層的下方。拖出“ballblue”和“ballred”元件到畫布，實例的混合模式用“添加的”。

　　擺設好這些小球，嘗試用不同的角度來營造立體感

圖12

|||

　　13. 最后就加寫座右銘或廢話。最重要當然是加個logo拉。

　　總結一下學到的方法：

　　用黑白漸變的矢量形狀或漸變的灰度蒙版增添明暗效果。

　　利用路徑的克隆體變形或添加濾鏡來營造氣氛。

　　補間原件的時候，先克隆一個實例的副本，對其副本進行變形，透明度變化或加濾鏡，這樣補間出來的效果就不會那么生硬了。

　　混合模式用“添加的”，以制作特效

　　這個桌面終于完成了。

圖13

　　這個是同樣的方法不同的表現效果

　　png源文件，好東西哦

圖14

圖15

圖16

圖17