Fireworks制作一款漂亮通透的藍色按扭
這篇教程是向腳本之家的朋友介紹利用Fireworks制作一款漂亮通透的藍色按扭,教程難度不是很大,制作出來的按鈕很漂亮,很適合新手學習。推薦過來,希望大家喜歡。下面我們先來看看最終效果圖:

制作步驟:

一、打開fireworks,新建一圖,背景為白色。按住shift畫一個圓,顏色為藍色。RGB值分別為51,153,255。
在effect面板中,選擇shadow and glow->drop shadow增加陰影,其中distance(距離)為8,opacity(透明度)為60%,softness(柔和)為20。柔和度設置得大點,挺重要。

二、把上面這個圓進行復制,(點住圓,按住alt鍵,拖到空白處即可。)去掉陰影。RGB值改

為:51,51,204。再作同樣方法復制一個圓,顏色為白色。用變形工具,把白色的圓稍稍拉小一點。放上藍球的上面。如左圖所示位置。把二個圓一起選中,菜單modify->combine->punch.就出來一個月牙形的形狀 :)。接著對這個月牙形進行設置。fill面板中edge->feather:19;object面板中:stroke選擇路徑的外部,混合模式選darken。第一個深顏色的月牙形就OK了。

三、把上面所做的月牙形進行復制,填充顏色的RGB改為:102,255,255。其objet面板的選項分別是:透明度為84,混合模式為lighten,stroke選擇路徑中央。fill面板中:feather為18。此時月牙形為透明,按CTRL+G ,就能看到原來的顏色了。
四、再接著做二個相同的月牙形,顏色為白色。其中object面板同綠色的那個月牙形,fill面板一個feather為30,另一個為17。
五、再做二個小的月牙形,用上面的方法,顏色為白色,圓的半徑大至為52px。object面板中模式模式為正常,stroke選擇路徑中央,透明度為100。fill面板中其中一個feather為2,另一個為8。
六、至此,做這個按扭所有的零件全部完成,所剩下的就是拼起來了。大家自己看吧。我簡單地派個流水帳:
從最底層開始:有陰影的圓形->深藍色的月牙形->淺綠色的月牙形-> feather為30的白色月牙形->feather為17的月牙形->再是兩個小的月牙形,如果大家位置排得正確的話,這個按鈕就已經成功地做出來。
以上就是Fireworks制作一款漂亮通透的藍色按扭方法介紹,希望能幫到大家!
相關文章
firework輸入的文字可以根據需求添加一些效果,該怎么給文字添加字體傾斜效果呢?下面我們就來看看詳細的教程2024-05-23
fireworks淡化邊緣工具在哪里? fireworks輪廓虛化效果的實現(xiàn)方法
fireworks繪制的圖形輪廓線尖銳了,想要虛化一下,需要使用淡化邊緣工具,這個工具在哪?怎么使用呢?詳細請看下文介紹2024-05-23
電腦怎么批量添加照片日期? Fireworks給電腦圖片批量添加日期的技巧
電腦怎么批量添加照片日期?電腦中圖片的名字想要添加日期,該怎么操作呢?下面我們就來看看Fireworks給電腦圖片批量添加日期的技巧2023-06-05
fw怎么設計科技干的線條? fireworks混合路徑工具制作圖形的技巧
fw怎么設計科技干的線條?fireworks中想要畫曲線線條,我們需要用到混合路徑工具,下面我們就來看看fireworks混合路徑工具制作圖形的技巧2023-01-09
Fireworks圖形怎么做高光? fw中幾種制作高光效果的方法
Fireworks圖形怎么做高光?Fireworks中想要做高光效果,有幾種方法可以添加高光?下面我們就來看看fw中幾種制作高光效果的方法2022-12-21
Fireworks剪切的圖片怎么導出? fw將裁剪區(qū)域導出保存的技巧
Fireworks剪切的圖片怎么導出?fw中剪切好的圖片想要保存,該怎么保存呢?下面我們就來看看fw將裁剪區(qū)域導出保存的技巧2022-12-20
fw圖片漸隱效果怎么做? Fireworks給圖片添加漸隱效果的技巧
fw圖片漸隱效果怎么做?fw中想要給圖片添加漸隱效果,該怎么添加這個效果呢?下面我們就來看看Fireworks給圖片添加漸隱效果的技巧,詳細請看下文介紹2022-11-28
Fireworks如何給圖片添加陰影效果? fw給圖片增加陰影效果的技巧
Fireworks如何給圖片添加陰影效果?fw中導入的圖片想要給圖片中的圖形添加陰影,該怎么操作呢?下面我們就來看看fw給圖片增加陰影效果的技巧2022-11-28
fw文字怎么添加內陰影? Fireworks給字體添加陰影的技巧
fw文字怎么添加內陰影?fw中輸入的文字想要添加陰影,該怎么添加內陰影呢?下面我們就來看看Fireworks給文字添加陰影的技巧,詳細請看下文介紹2022-11-28
Fireworks中如何創(chuàng)建蒙版以及使用? FW蒙版功能的使用技巧
Fireworks中如何創(chuàng)建蒙版以及使用?fw中想要使用蒙版制作一些效果,該怎么創(chuàng)建蒙版并使用呢?下面我們就來看看FW蒙版功能的使用技巧,詳細請看下文介紹2022-11-28











