Fireworks打造Vista毛玻璃效果

在完成Chinay-MSN校园大赛页面的时候,朋友问我如何制作这种类似vista毛 玻璃的效果。于是乎,就有了这个教程!

局部效果图:

(图1)

1、建立画布,导入背景素材。

(图2)

2、绘制圆角矩形,垂直线性渐变填充。

(图3)

时间: 2024-08-02 05:14:19

Fireworks打造Vista毛玻璃效果的相关文章

Fireworks制作Vista毛玻璃效果

今天用Fireworks制作类似vista毛玻璃的效果,局部效果图: 1.建立画布,导入背景素材 2.绘制圆角矩形,垂直线性渐变填充 3.绘制矩形高光部分,复制矩形,原位粘贴,并删除下半部分,进行垂直线性渐变,调整透明度 4.开始制作毛玻璃效果,线性渐变绘制一个圆形,羽化10px 5.添加杂点8px 6.选择先前绘制矩形,在刚才画的圆形上点击反键-编辑-粘贴为蒙版 7.得到如下效果 8.同上步骤再绘制一个矩形.放射性填充.羽化及添加杂点步骤 9.在msn小人这块区域绘制一个椭圆行,使用绸缎填充,

如何在Fireworks制作Vista毛玻璃效果技巧

  局部效果图: 1.建立画布,导入背景素材 2.绘制圆角矩形,垂直线性渐变填充 3.绘制矩形高光部分,复制矩形,原位粘贴,并删除下半部分,进行垂直线性渐变,调整透明度 4.开始制作毛玻璃效果,线性渐变绘制一个圆形,羽化10px 5.添加杂点8px 6.选择先前绘制矩形,在刚才画的圆形上点击反键-编辑-粘贴为蒙版 7.得到如下效果 8.同上步骤再绘制一个矩形.放射性填充.羽化及添加杂点步骤 9.在msn小人这块区域绘制一个椭圆行,使用绸缎填充,按如上步骤得到下图效果. 10.得到效果. 11.最

Fireworks表现Vista毛玻璃朦胧效果

  今天我们用Fireworks制作类似vista毛玻璃半透明的效果,局部效果图如下: 1.建立画布,导入背景素材 2.绘制圆角矩形,垂直线性渐变填充 3.绘制矩形高光部分,复制矩形,原位粘贴,并删除下半部分,进行垂直线性渐变,调整透明度 4.开始制作毛玻璃效果,线性渐变绘制一个圆形,羽化10px 5.添加杂点8px 6.选择先前绘制矩形,在刚才画的圆形上点击反键-编辑-粘贴为蒙版 7.得到如下效果 8.同上步骤再绘制一个矩形.放射性填充.羽化及添加杂点步骤 9.在msn小人这块区域绘制一个椭圆

利用Fireworks打造石头字效果

  1.素材.烂墙壁照片一张以及胶片照片一张. 2.新建500*350画布,插入背景图片.然后调整亮度和色调如下. 3.拉一个大小为500*350的放射状渐变的矩形.参数设置如下. 4.输入文字"影视".字体这里我用的是方正超粗黑简体. 5.选中文字,ctrl+shift+p,转换成路径.Ctrl+J,接合. 6.设置文字填充图案如下. 7.设置文字滤镜效果. 8.效果差不多了,通过修改滤镜参数可以得到不同的效果.修改过后的,感觉有那么一点点陷到墙壁里面去的感觉了

Fireworks打造纸张卷边效果的方法

  1.建立画布,绘制矩形,白色填充,灰色笔触,笔触类型选择1像素柔化. 2.绘制另外一个用于打孔的矩形,并使用缩放工具旋转角度,如果想旋转45度可以在使用缩放工具时按住SHIFT键. 3.将旋转好角度的矩形和原有矩形摆放好位置,选择二者,CTRL+SHIFT+D克隆一份,这样得到两组矩形. 4.选择第一组矩形,修改菜单--组合路径--交集,得到卷角部分. 5.选择剩下的第二组矩形,修改菜单--组合路径--打孔,得到纸张部分. 6.选择卷角部分,修改菜单--变形--旋转180度. 7.选择纸张部

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) 按住shift键,按两下向右键.如图2.1.4 (图2.1.4) 画一个绿色的长方形,我们通过部分选定工具得到一个如图2.1.5 (图2.1.5) 通过复制粘贴我们得到如图2

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) 按住shift键,按两下向右键.如图2.1.4 (图2.1.4) 画一个绿色的长方形,我们通过部分选定工具得到一个如图2.1.5 (图2.1.5) 通过复制粘贴我们得到如图2

用C++品尝Vista美味:界面的毛玻璃效果

简介 本文将演示在基于Windows Vista的普通Windows应用程序及对话框程序中,如何利用C++来生成Aero毛玻璃效果,此处使用的是Beta 2版本的Vista及Windows SDK,也许在后续的版本中,一些API在细节上会有所变化.另外,文中没有使用MFC,全部例子用WTL 7.5生成,其可在http://wtl.sourceforge.net/下载得到,虽然此处使用的是Visual C++ 2003,但Visual C++ 2005也类似. Aero主题及毛玻璃效果,是随同Vi

Fireworks打造javascript图片提示效果

  本教程利用Fireworks的层.帧.切片等工具,让Fireworks自动生成JavaScript来打造图片提示效果.通过学习本教程,读者可了解到关于层.帧.切片及导出HTML网页格式的方法及技巧,而且网友们还可以将此种效果应用到各种网页上,最终效果如下(光标放在按钮上,下面的提示图片也相应的发生变化): 图1 二.点击:文件-导入(快捷键为Ctrl+R),如图2所示. 图2 三.导入所需的素材,如图3所示. 图3 四.点击:窗口-对齐,打开对齐面板,如图4所示. 图4