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轮廓虚化效果的实现方法
fireworks绘制的图形轮廓线尖锐了,想要虚化一下,需要使用淡化边缘工具,这个工具在哪?怎么使用呢?详细请看下文介绍2024-05-23电脑怎么批量添加照片日期? Fireworks给电脑图片批量添加日期的技巧
电脑怎么批量添加照片日期?电脑中图片的名字想要添加日期,该怎么操作呢?下面我们就来看看Fireworks给电脑图片批量添加日期的技巧2023-06-05fw怎么设计科技干的线条? fireworks混合路径工具制作图形的技巧
fw怎么设计科技干的线条?fireworks中想要画曲线线条,我们需要用到混合路径工具,下面我们就来看看fireworks混合路径工具制作图形的技巧2023-01-09Fireworks图形怎么做高光? fw中几种制作高光效果的方法
Fireworks图形怎么做高光?Fireworks中想要做高光效果,有几种方法可以添加高光?下面我们就来看看fw中几种制作高光效果的方法2022-12-21Fireworks剪切的图片怎么导出? fw将裁剪区域导出保存的技巧
Fireworks剪切的图片怎么导出?fw中剪切好的图片想要保存,该怎么保存呢?下面我们就来看看fw将裁剪区域导出保存的技巧2022-12-20fw图片渐隐效果怎么做? Fireworks给图片添加渐隐效果的技巧
fw图片渐隐效果怎么做?fw中想要给图片添加渐隐效果,该怎么添加这个效果呢?下面我们就来看看Fireworks给图片添加渐隐效果的技巧,详细请看下文介绍2022-11-28Fireworks如何给图片添加阴影效果? fw给图片增加阴影效果的技巧
Fireworks如何给图片添加阴影效果?fw中导入的图片想要给图片中的图形添加阴影,该怎么操作呢?下面我们就来看看fw给图片增加阴影效果的技巧2022-11-28fw文字怎么添加内阴影? Fireworks给字体添加阴影的技巧
fw文字怎么添加内阴影?fw中输入的文字想要添加阴影,该怎么添加内阴影呢?下面我们就来看看Fireworks给文字添加阴影的技巧,详细请看下文介绍2022-11-28Fireworks中如何创建蒙版以及使用? FW蒙版功能的使用技巧
Fireworks中如何创建蒙版以及使用?fw中想要使用蒙版制作一些效果,该怎么创建蒙版并使用呢?下面我们就来看看FW蒙版功能的使用技巧,详细请看下文介绍2022-11-28
最新评论