Fireworks制作一款漂亮通透的藍(lán)色按扭

這篇教程是向腳本之家的朋友介紹利用Fireworks制作一款漂亮通透的藍(lán)色按扭,教程難度不是很大,制作出來的按鈕很漂亮,很適合新手學(xué)習(xí)。推薦過來,希望大家喜歡。下面我們先來看看最終效果圖:
制作步驟:
一、打開fireworks,新建一圖,背景為白色。按住shift畫一個(gè)圓,顏色為藍(lán)色。RGB值分別為51,153,255。
在effect面板中,選擇shadow and glow->drop shadow增加陰影,其中distance(距離)為8,opacity(透明度)為60%,softness(柔和)為20。柔和度設(shè)置得大點(diǎn),挺重要。
二、把上面這個(gè)圓進(jìn)行復(fù)制,(點(diǎn)住圓,按住alt鍵,拖到空白處即可。)去掉陰影。RGB值改
為:51,51,204。再作同樣方法復(fù)制一個(gè)圓,顏色為白色。用變形工具,把白色的圓稍稍拉小一點(diǎn)。放上藍(lán)球的上面。如左圖所示位置。把二個(gè)圓一起選中,菜單modify->combine->punch.就出來一個(gè)月牙形的形狀 :)。接著對這個(gè)月牙形進(jìn)行設(shè)置。fill面板中edge->feather:19;object面板中:stroke選擇路徑的外部,混合模式選darken。第一個(gè)深顏色的月牙形就OK了。
三、把上面所做的月牙形進(jìn)行復(fù)制,填充顏色的RGB改為:102,255,255。其objet面板的選項(xiàng)分別是:透明度為84,混合模式為lighten,stroke選擇路徑中央。fill面板中:feather為18。此時(shí)月牙形為透明,按CTRL+G ,就能看到原來的顏色了。
四、再接著做二個(gè)相同的月牙形,顏色為白色。其中object面板同綠色的那個(gè)月牙形,fill面板一個(gè)feather為30,另一個(gè)為17。
五、再做二個(gè)小的月牙形,用上面的方法,顏色為白色,圓的半徑大至為52px。object面板中模式模式為正常,stroke選擇路徑中央,透明度為100。fill面板中其中一個(gè)feather為2,另一個(gè)為8。
六、至此,做這個(gè)按扭所有的零件全部完成,所剩下的就是拼起來了。大家自己看吧。我簡單地派個(gè)流水帳:
從最底層開始:有陰影的圓形->深藍(lán)色的月牙形->淺綠色的月牙形-> feather為30的白色月牙形->feather為17的月牙形->再是兩個(gè)小的月牙形,如果大家位置排得正確的話,這個(gè)按鈕就已經(jīng)成功地做出來。
以上就是Fireworks制作一款漂亮通透的藍(lán)色按扭方法介紹,希望能幫到大家!
相關(guān)文章
- firework輸入的文字可以根據(jù)需求添加一些效果,該怎么給文字添加字體傾斜效果呢?下面我們就來看看詳細(xì)的教程2024-05-23
fireworks淡化邊緣工具在哪里? fireworks輪廓虛化效果的實(shí)現(xiàn)方法
fireworks繪制的圖形輪廓線尖銳了,想要虛化一下,需要使用淡化邊緣工具,這個(gè)工具在哪?怎么使用呢?詳細(xì)請看下文介紹2024-05-23電腦怎么批量添加照片日期? Fireworks給電腦圖片批量添加日期的技巧
電腦怎么批量添加照片日期?電腦中圖片的名字想要添加日期,該怎么操作呢?下面我們就來看看Fireworks給電腦圖片批量添加日期的技巧2023-06-05fw怎么設(shè)計(jì)科技干的線條? fireworks混合路徑工具制作圖形的技巧
fw怎么設(shè)計(jì)科技干的線條?fireworks中想要畫曲線線條,我們需要用到混合路徑工具,下面我們就來看看fireworks混合路徑工具制作圖形的技巧2023-01-09Fireworks圖形怎么做高光? fw中幾種制作高光效果的方法
Fireworks圖形怎么做高光?Fireworks中想要做高光效果,有幾種方法可以添加高光?下面我們就來看看fw中幾種制作高光效果的方法2022-12-21fw圖片漸隱效果怎么做? Fireworks給圖片添加漸隱效果的技巧
fw圖片漸隱效果怎么做?fw中想要給圖片添加漸隱效果,該怎么添加這個(gè)效果呢?下面我們就來看看Fireworks給圖片添加漸隱效果的技巧,詳細(xì)請看下文介紹2022-11-28Fireworks如何給圖片添加陰影效果? fw給圖片增加陰影效果的技巧
Fireworks如何給圖片添加陰影效果?fw中導(dǎo)入的圖片想要給圖片中的圖形添加陰影,該怎么操作呢?下面我們就來看看fw給圖片增加陰影效果的技巧2022-11-28fw文字怎么添加內(nèi)陰影? Fireworks給字體添加陰影的技巧
fw文字怎么添加內(nèi)陰影?fw中輸入的文字想要添加陰影,該怎么添加內(nèi)陰影呢?下面我們就來看看Fireworks給文字添加陰影的技巧,詳細(xì)請看下文介紹2022-11-28Fireworks中如何創(chuàng)建蒙版以及使用? FW蒙版功能的使用技巧
Fireworks中如何創(chuàng)建蒙版以及使用?fw中想要使用蒙版制作一些效果,該怎么創(chuàng)建蒙版并使用呢?下面我們就來看看FW蒙版功能的使用技巧,詳細(xì)請看下文介紹2022-11-28