fireworks制作水晶透明按钮教程

 　　先预览效果


　　第一步：新建一个600*200白底文件

　　第二步：新建一图层，命名为BG1


　　用圆角工具画一个115*32的圆角矩形

　　调整矩形圆角度数


　　给矩形添加photoshop动态效果


　　第三步：将图层BG1复制一份命名为BG2

　　缩小为114*32(水平和垂直方向减小一个像素)，并且取消photoshop动态效果，填充背景颜色#A9A9A9


　　第四步：将图层BG2复制一份命名为BG3，给图层填充放射性渐变


　　第四步：将图层BG3复制一份命名为BG4，给图层填充线性渐变


　　第五步：制作一条白色的虚线

　　用矩形工具画一个正方形填充白色线性渐变调整透明度


　　第六步：制作一个阴影完成水晶按钮的制作

时间： 2024-11-03 15:54:00

fireworks制作水晶透明按钮教程的相关文章

用fireworks制作水晶透明效果

先预览效果 第一步:新建一个600*200白底文件 第二步:新建一图层,命名为BG1 用圆角工具画一个115*32的圆角矩形 调整矩形圆角度数 给矩形添加photoshop动态效果 第三步:将图层BG1复制一份命名为BG2 缩小为114*32(水平和垂直方向减小一个像素),并且取消photoshop动态效果,填充背景颜色#A9A9A9 第四步:将图层BG2复制一份命名为BG3,给图层填充放射性渐变 第四步:将图层BG3复制一份命名为BG4,给图层填充线性渐变 第五步:制作一条白色的虚线 用矩形工

Fireworks制作下拉菜单教程介绍

  本教程是关于Fireworks制作下拉菜单教程的讲解,该文章共有4个部分,其中包括创建标题.创建切片.加上下拉菜单.子菜单定位相关步骤,以下请看正文: 创建标题 1,新建一个图像 2, 用矩形工具画一个长方形 3,用文字工具输入文字 创建切片 选中这个矩形,然后选择菜单insert -> slice(插入-切片). 加上下拉菜单 1,保持切片处于选中的状态,选择菜单insert -> pop menu,插入子菜单 2,在弹出的窗口内进行输入,text(文字)框内输入子菜单上要显示的文字 3

Fireworks 制作精美导航效果教程

  本教程是向大家介绍利用Fireworks 制作精美导航效果,制作难度不大,教程介绍地非常详细,新手朋友也可以过来学习,希望这篇教程对大家有所帮助!我们先来看看最终效果图: (图2.1) 下边我将教大家如何制作以上这个按钮: 先新建一个500*400大小的画布,画一个400*40的长方形,调成渐变,如图2.1.1 (图2.1.1) 于是乎出来了一个我们做出来了个这个样子的图形如图2.1.2 (图2.1.2) 然后我们用部分固定选定工具 选取长方形的上边两点如图2.1.3 (图2.1.3) 按住

Fireworks制作Vista样式按钮

本例介绍使用Fireworks制作多样式按钮,主要讲解渐变填充.高光样式的运用,适合新手朋友学习,希望能给朋友们带来帮助.         注:更多精彩教程请关注三联图文教程 频道,

PhotoShop绘制反光水晶玻璃球按钮教程

PS教程介绍用PhotoShop绘制反光水晶玻璃球按钮,以前有这类教程,通过此教程大家可以学会如何绘制高光阴影, 让物体呈现出立体效果,喜欢的同学可以学一下! 效果图: photoshop教程绘制步骤: 分类: PS鼠绘教程

Photoshop利用蒙版和高斯模糊制作彩色透明水滴教程

给各位photoshop软件的使用者们来详细的解析分享一下利用蒙版和高斯模糊制作彩色透明水滴的教程. 教程分享: 首先打开Photoshop软件,新建600X400图层,然后用椭圆选框工具框出圆形,填充黑色:   填充后将图层1眼睛点掉,新建图层2,按ctrl点击图层1载入图层1选区,然后执行反向"Ctrl + Shift + I",填充颜色,颜色自定,想要最好结果呈现那种颜色就填充那种颜色!   接着按ctrl+d取消选区,滤镜--模糊--高斯模糊,9像素:   载入图层1选区,为图

使用Fireworks制作水晶按钮

按钮 案例欣赏对于水晶按钮的效果,大家应该见得很多了,我们使用Fireworks软件可以制作各种各样的立体水晶效果,但是不管什么样的水晶立体效果,都有一个共同的特点,为了能够实现按钮的立体效果,我们可以通过渐变色和制作高光效果来实现.效果如图1.1所示. 图 1.1卡通表情图标效果 思路分析我们首先来看看按钮的构成图,如图1.2所示: 图 1.2按钮构成图 1.任何光滑的东西都会产生镜面反射,水晶按钮当然不会例外.2.要让按钮浮出画布,阴影是少不了的.有了正确的阴影,人们感觉才会更逼真.3.这个

用fireworks制作超酷图标的教程

教程 前不久在网站上看到这么一个图标(如下图),一时间觉得这个炸弹造型酷酷的,立体感很强,非常可爱,现在我们利用Fireworks MX也学着做了一个,下面就来简单地介绍一下制作过程. 操作步骤: 1. 打开Fireworks MX,按下Ctrl+N,新建一个文档,保持默认的宽度,高度,分辨率不变. 2. 在工具栏中选择圆形工具,按住shift键,在场景中央绘制一个直径为139的圆,将边缘屏蔽掉如下图所示. 3. 利用圆形工具,在场景中绘制一个宽为99,高为72的椭圆,将填充色属性改为线形,渐变

用Photoshop制作水晶导航按钮

大致的过程:先画好想要的按钮形状,可以使任意图形.然后设置一些图层样式,后面加上高光和文字即可. 本教程的按钮制作比较简单.大致的过程:先画好想要的按钮形状,可以使任意图形.然后设置一些图层样式,后面加上高光和文字即可. 最终效果 1.把底图层填充成灰色,再创建一个新图层,在新图层上用矩形选框工具画出一个长方形(大小自己看着来) 用兰色填充(兰色值为#22aff7).在这里顺便把选区储存起来 因为后面要用到. 最后给一个5px的下拉阴影,如下图: 2.新建一图层,起名"深色",用深兰色