Fireworks制作美丽典雅的“青花陶瓷按钮”

韩国风格的网页出现,风靡一时,苹果水晶风格的按钮出来,也风靡一时。

广泛学习、取其精华是可以的,不过如果只是生搬硬套,不糅合自己的创意进去,就只是永远在步人家的后尘。中国也有自己的特色和创意,下面我们说一下如何用Fireworks制作这些美丽典雅的“青花陶瓷按钮”。

这次的制作需要一些矢量花草,我用的是“YY Old English Dingbats”花草装饰字体。你也可以使用其它矢量图或矢量字体。

基本形状

绘画一个圆角矩形,大小在175×80左右,填充颜色为#D7DDDD,无笔触。调整好圆角的弧度。

选中圆角矩形,按ctrl+shift+G取消组合,这样圆角矩形就变成了普通矢量了,使用“钢笔工具”和“部分选定工具”进行如图的锚点和控点调节。

增加立体感

要增加形状下方的立体感,添加滤镜,两个“内侧阴影”和一个“投影”。参数如图1,注意滤镜的顺序。

为形状添加明部。在原形状的中间画一个如图2的圆角矩形,填充使用所示参数。

时间: 2024-02-28 01:34:34

Fireworks制作美丽典雅的“青花陶瓷按钮”的相关文章

Fireworks 制作青花陶瓷按钮

按钮 自从韩国风格的网页出现以来,就被中国的业界用到烂了.自从苹果水晶风格的按钮出来,也被中国的业界用到烂了. 有时候取其精华是可以的,不过如果只是生搬硬套,不糅合自己的创意进去,就只是永远在步人家的后尘.中国人不是没有自己的创意,只是在这个浮躁的社会下,很多人是"不为"而非"不能"罢了. 感慨就说不完了.说一下这些"青花陶瓷按钮"的制作方法吧. 一.这次的制作需要一些矢量花草,我用的是"YY Old English Dingbats&

Fireworks制作青花陶瓷按钮

自从韩国风格的网页出现以来,就被中国的业界用到烂了. 自从苹果水晶风格的按钮出来,也被中国的业界用到烂了. 有时候取其精华是可以的,不过如果只是生搬硬套,不糅合自己的创意进去,就只是永远在步人家的后尘.中国人不是没有自己的创意,只是在这个浮躁的社会下,很多人是"不为"而非"不能"罢了. 感慨就说不完了.说一下这些"青花陶瓷按钮"的制作方法吧. 图1 一.这次的制作需要一些矢量花草,我用的是"YY Old English Dingbats

Fireworks制作Vista样式按钮

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

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制作字体遮罩动画

用Fireworks制作字体遮罩动画是一件非常轻松的事情,下面我们不妨一起动手试试. 完成效果 1.选择一幅图像作为Mask字体的底层动画. 2.把上一步骤的图复制/粘贴2次,然后把3幅图合并,这样会使动画更加连贯. 3.选中这幅图,然后在菜单中选择:Insert--Convert to Symbol,或按F8, 然后选择Animation,将它定义为动画.在动画参数设置里只要填Frames播映的帧数就可以了,我们在Frames那里填10. 4.选中箭头所指的红点,向右拖动. 5.拖动后,调整好

Fireworks制作钟摆式公告牌摇摆动画

今天我们用Fireworks制作一个钟摆式的公告牌. 先参阅一下效果图. 1.新建一个文件,画布背景颜色选取白色.同时将画布大小设置稍大些. 2.使用Fwmx2004的矢量工具,绘制圆角矩形,自选一种纹理效果填充,如图. 3.输入文字. 4.在圆角矩形右.左上角绘制小圆形,如图所示. 5.添加辅助形,找到该圆角矩形的中心点位置,如图. 6.在中心点上方垂直辅助线上绘制渐变效果的小圆形,以及两根斜直线段,复选该圆形及斜直线对角,组合并移至最后,使用钢笔工具,分别在两个白色小圆形上绘制曲线.如图.

Fireworks 制作地球旋转动画

旋转 Fireworks 制作地球旋转动画.本教程主要练习蒙板与动画原件的应用.闲话少说,看实际效果: 具体步骤: 1.双击任务栏右下角的时间. 2.打开日期和时间属性对话框后,按ALT+PrintScreenSysRq键,将对话框屏幕复制到剪贴板中(呵呵,就地取材). 3.进入Fireworks,新建文件,粘贴.粘贴后利用裁剪工具将世界地图部分裁剪下来,裁剪时一定要放大比例进行裁剪,精确一些. 4.将裁剪好的世界地图克隆一份(CTRL+SHIFT+D),移动到画布右侧之外,空白处单击,选择属性

Fireworks制作Vista毛玻璃效果

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