为您找到与fireworks可以制作网页吗相关的共200个结果:
先看最终效果图:
下面开始讲解:
1.布局
先来说一下 我们制作网页一般的大小
高度:没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值。
宽度:
1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。
2、在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成1005
3、在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001
注:Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。
所以如果是1024的分辨率,你的网页不如设成1000安全一点。
如果是800的分辨率一般都设成770。
这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化 所以 800的分辨率一般设定760左右,1024的设定990左右.
我这样用辅助线和标尺把大概范围划分出来,注意我的划分,正好是770,和1000的地方,应为我要做的网站是1024分辨率下的,但是考虑到依然可能存在800分辨率的用户,所以我回把主要的内容和菜单都放置在770以内,770-1000的地方放一些辅助的东西,这个习惯特别是在做一些门户网站设计的时候更要考虑以下,毕竟改善用户体验也是我们要考虑的问题
2.开始工作
我们继续讲解,现在我们来画上部菜单部分的内容,其实很简单拉,就是画一个方框,一个圆,然后组合,加上渐变就可以了,如下图设置
3.下面我们来画哪个类似徽章的东西
其实也很简单,创意是类似奖状上贴的哪个获奖标志一样,会让网站生动一点,嘿嘿.
我们选择多边形,如图:
设置如下,继续贴图,大家要注意一下图层顺序,拖动到下层就好了
恩 要注意,这个图层我们固定了以后通常就不动了,所以要锁定,不然鼠标晃来晃去很容易把图移位,注意图层那里点一下就多了一个小锁子,方便吧,这下他就彻底不干扰我们了!
好的我们继续,其实其他的东西都大同小异
我们来研究一下细节.
我最喜欢的就是firewroks超级多的纹理,在ps里面有些纹理要自己做真的好麻烦啊!
我最喜欢的对角线,恩
看页面左边的渐变部分,其实就是拉出来了一个矩形,然后加上线性的渐变,然后加上对角线的纹理,稍微调整一下透明度,就这么简单,效果却很好看,嘿嘿
下一个小地方,就是产品资讯的背景框,其实也很简单
就是一个矩形,然后外框为红色,矩形加一个内部发光,发浅灰色的光,就这样就成了
下一个地方 就是右上角大家可以看到一个类似网格的底纹
其实就是一个矩形,再加上一个蒙版,一个渐变,就ok了,现在看起来是不是生动很多,嘿嘿
OK,看图
就这样一个网站的平面设计三下五除二的就搞定了,嘿嘿,怎么样fireworks方便不!
OK,今天就到这里,再欣赏一下我们的作品吧,不错吧
浏览量:2
下载量:0
时间:
浏览量:2
下载量:0
时间:
导航条是网页必不可少的一部分,如果我想做一个呢?那么怎样制作一个高质量的、美观的导航条呢?下面小编就教你怎么利用fw制作一个导航条。
首先打开fireworks,新建一块画布,画布颜色我选择白色
然后在左侧工具栏选择“矩形工具”---->“圆角矩形”
然后在画布上按住鼠标左键拖曳画出该矩形
然后我们有鼠标点击选中该矩形,接着在下面的属性面板,设置其填充类型为线性渐变
接着咱们点击颜料桶选择渐变的颜色
然后咱们通过增加一个颜色控制器,把渐变颜色变成中间深,两边浅
这时候我们还不满足,还要给它加一个阴影
点击选中该矩形,然后“编辑”---->“克隆”
这样就会原地复制粘贴一个矩形,你不信看图层面板就可以了
这时我们把其中一个矩形用“选择”工具拖曳下来
然后把下面那个矩形下面部分的不透明度改为0
接着改变另一边的不透明度,使获得一个好的阴影
得到这样的效果
然后选中这两个对象,右键菜单中选择“组合”
浏览量:3
下载量:0
时间:
总有人在那里炫耀自己的ps(photoshop)技术,好象是平面就要用ps做,结果很多做网页的设计师也用ps做平面图然后切割导图,再做网站,今天我就来说说用fireworks一样可以做出好的网页设计,只要你有心!
先看最终效果图:
下面开始讲解:
1.布局
先来说一下 我们制作网页一般的大小
高度:
没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值。
宽度:
1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。
2、在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成1005
3、在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001
注:Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。
所以如果是1024的分辨率,你的网页不如设成1000安全一点。
如果是800的分辨率一般都设成770。
这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化 所以 800的分辨率一般设定760左右,1024的设定990左右.
我这样用辅助线和标尺把大概范围划分出来,注意我的划分,正好是770,和1000的地方,应为我要做的网站是1024分辨率下的,但是考虑到依然可能存在800分辨率的用户,所以我回把主要的内容和菜单都放置在770以内,770-1000的地方放一些辅助的东西,这个习惯特别是在做一些门户网站设计的时候更要考虑以下,毕竟改善用户体验也是我们要考虑的问题.
2.开始工作
我们继续讲解,现在我们来画上部菜单部分的内容,其实很简单拉,就是画一个方框,一个圆,然后组合,加上渐变就可以了,如下图设置
3.下面我们来画哪个类似徽章的东西
其实也很简单,创意是类似奖状上贴的哪个获奖标志一样,会让网站生动一点,嘿嘿.
我们选择多边形,如图:
设置如下,继续贴图,大家要注意一下图层顺序,拖动到下层就好了
恩 要注意,这个图层我们固定了以后通常就不动了,所以要锁定,不然鼠标晃来晃去很容易把图移位,注意图层那里点一下就多了一个小锁子,方便吧,这下他就彻底不干扰我们了!
好的我们继续,其实其他的东西都大同小异
我们来研究一下细节.
我最喜欢的就是firewroks超级多的纹理,在ps里面有些纹理要自己做真的好麻烦啊!
我最喜欢的对角线,恩
看页面左边的渐变部分,其实就是拉出来了一个矩形,然后加上线性的渐变,然后加上对角线的纹理,稍微调整一下透明度,就这么简单,效果却很好看,嘿嘿
下一个小地方,就是产品资讯的背景框,其实也很简单
就是一个矩形,然后外框为红色,矩形加一个内部发光,发浅灰色的光,就这样就成了
下一个地方 就是右上角大家可以看到一个类似网格的底纹
其实就是一个矩形,再加上一个蒙版,一个渐变,就ok了,现在看起来是不是生动很多,嘿嘿
OK,看图
就这样一个网站的平面设计三下五除二的就搞定了,嘿嘿,怎么样fireworks方便不!
OK,今天就到这里,再欣赏一下我们的作品吧,不错吧!
浏览量:2
下载量:0
时间:
Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件,它大大简化了网络图形设计的工作难度,无论是专业设计家还是业余爱好者,使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画,还可以轻易地完成大图切割、动态按钮、动态翻转图等。下面读文网小编跟分享了更多关fireworks网页导航栏制作,希望你喜欢。
先看一下最后效果:
1、打开FW 8.0 (我用的是8.0,当然其它版本也是一样的。
2、新建一个文档。大小760X400像素。
3、用矩形工具画一个渐变的矩形,这里这个矩形是要做为导航条的背景,所以你可以调配自己喜欢的颜色。
4、然后我用直线工具画了两条线见下图,做为分隔线来用。
5、然后按住Shift+G把这两条线组合成对象,复制这个对象,从窗口对齐面板最后见下图:
6、来这几部就比较关键了,按下快捷键Ctrl+f8,调出新建元件窗口选择“按钮”
如果你看见这个对话框,那么你这步是正确的了。
7、来让我们在这里创作按钮吧!用圆角矩形工具画下图,渐变见下图,边框为一个像素。
8、然后复制这个图形去掉边框,调节大小使按钮有凸出的感觉。
9、现在我们来做下面那个三角形。我用的是路径。
(1)在刚才那个图形的上面点右键选择取消组合。
(2)选择钢笔工具在下面路径加三个节点,见下图。
选择白箭头工具,向下拖拉中间的节点成三角形。
(3)写上文字
(4)到这里其实我们直径完成了70%的工作量。不急往下看
看见元件编辑区这里的滑过,按下。。。。。。
分别点击滑过,按下。。。。
并且每步都要选者复制弹起时的图形,这个在什么地方见下图:
如果还找不到的话,你就睁大眼睛使劲找了!
(5)这里先不急着点完成,而是先回到释放状态下把按钮的背景图形删除,不要把文字也删了啊!
(6)点完成
10、呵呵现在我们又回到场景下,按F11打开库面板拖出按钮从库里
11、你可以根据你要做的数目拖出你需要的按钮数
12、分别选择按钮,在属性栏输入不同的文字
13、调节好按钮之间的距离。
14、选择“文件-导出”
浏览量:2
下载量:0
时间:
经常做网页的朋友想必对Fireworks一定不会陌生。它的图片压缩功能是我比较爱使用的工具之一,因为它对网络图形的压缩质量和尺寸还是比较令人满意的。下面读文网小编跟分享了更多关于fireworks网页优化制作,希望你喜欢。
1、选择矢量工具中的圆角矩形工具,绘制一个170px×60px的矩形;
2、使用垂直线性填充;
3、给矩形添加外部投影效果,得到如下效果;
4、再给矩形添加内部投影,得到如下效果;
5、添加文字,选择字体Verdana。9px大小并添加外部投影,得到如下效果;
6、添加分割线。效果如图;
7、摆放好文字并调整间距;
8、如果想给Menu添加高光,则继续步骤,在最上方图层添加一个实心填充白色的椭圆,效果如图;
9、选择最开始的圆角矩形,复制一个,点选白色椭圆,反键->编辑->粘贴为蒙板。并在属性栏选择灰度外观;
10、最终效果。
浏览量:4
下载量:0
时间:
Fireworks是推出的网页图像编辑软件,它同时具有位图图像和矢量图像编辑功能势必使它成为网页图像设计的先锋。下面读文网小编跟分享了更多关于fireworks网页制作技巧与实例,希望你喜欢。
曾经使用过很多方法来实现。一种方法是在图片上画一个黑色的矩形,增加一个有织纹的白色边框,然后创建一个整个物体的遮罩组(mask group)。它的效果很好,只是当有很多线条时,成型图像的
将画布的高和宽至少增加20像素。把它的颜色改为你所需要的背景色。
沿深青色图片外边画第一个矩形,什么颜色bing并不重要,因为它将被剪裁掉。按照画布大小绘制第二个矩形,颜色与画布背景色相同。将第二个矩形移到第一个矩形的后面。同时选中两个矩形然后选择修改(Modify)>联合(Combine)>打孔(Punch)。这样将在大矩形的中央得到一个与原图形尺寸相同的孔。
如果你使用过Fireworks中打孔功能,你会知道任何一个加在图形上的实时特效都会加在所打孔的边框上。这包括笔触(stroke),材质(texture),及两者的组合。我们正是利用这一特点来创建装饰性边框。
这样一来线条的位置就非常重要。为确保其置于打孔区域之内,点选对象面板 (Object panel)上三个控制按钮中的第一个。
以下示例可以使你对此法有些初步理解:
浏览量:2
下载量:0
时间:
如何使用Fireworks的设计工具制作交互式按钮呢。下面读文网小编给大家整理了关于fireworks制作网页交互按钮的方法,希望你们喜欢。
fireworks制作交互按钮的步骤1. 首先启动Fireworks ,单击工具栏的新建文档按钮,弹出新文档对话框。单击该对话框中的OK按钮,打开一个新文档页面(图1)。
图1
fireworks制作交互按钮的步骤2. 从Insert(插入)菜单上选择New Button(新按钮)命令,启动按钮制作向导,弹出按钮编辑器窗口(图2)。
图2
fireworks制作交互按钮的步骤3. 在fireworks中的工具箱中选择矩形工具,在按钮编辑器窗口中拖动鼠标,画一个适当大小的矩形。
fireworks制作交互按钮的步骤4. 从填充面板中选择想要的填充特效(如果填充面板没有显示,可以从Windows菜单上选择Fill命令,打开填充面板),制作漂亮的按钮图像。本例选择Ripples(波纹)图案、Emerald Green(鲜绿色) ,如图3所示。
图3
fireworks制作交互按钮的步骤5. 输入按钮文本:选择文本工具,在按钮编辑器中单击矩形中心附近,弹出文本编辑对话框。从文本编辑对话框中的字体弹出菜单上选择一种字体,选择点大小,从颜色弹出菜单上选择一种颜色,单击居中对齐按钮(本例选用隶书,25点,红色,居中对齐),最后单击OK按钮(图4)。
图4
fireworks制作交互按钮的步骤6. 完成上步操作后,得到按钮的Up状态 (正常状态),如图5所示。
图5
fireworks制作交互按钮的步骤7. 设计按钮的Over状态:按钮的Over状态是指在制作完成的网页中鼠标指针掠过按钮时显示的状态。单击按钮编辑器中的Over标签,按钮编辑器窗口的右下角增加了一个Copy Up Graphic(拷贝Up图像)按钮。单击该按钮,把Up状态的图像复制过来。此时,按钮的Up状态和Over状态相同。要使Over状态有别于Up状态,可以按照上述第4步的方法,改变按钮的填充特效。
fireworks制作交互按钮的步骤8. 设计按钮的Down状态:按钮的Down状态是指在制作完成的网页中按下按钮时显示的状态。单击Down标签,按照上述第7步的方法,可以设计出与前两种状态不同的Down状态。
fireworks制作交互按钮的步骤9. 为按钮建立链接:单击Active Area(激活区)标签,然后单击右下角的Link Wizard(链接向导)按钮,弹出Link Wizard对话框。单击Link(链接)标签,在对话框上部的文本框中输入URL,例如,最后单击OK按钮。
图6
fireworks制作交互按钮的步骤10. 关闭按钮编辑器窗口,回到文档编辑窗口(图7)。
图7
fireworks制作交互按钮的步骤11.单击Preview标签就可以预览交互按钮的效果。
fireworks制作交互按钮的步骤12.输出HTML文档:从File(文件)菜单上选择Export(输出)命令,弹出Export对话框,在Base Name文本框中输入文件名,选定HTML文档的风格(Style)和存放位置(Location),单击保存按钮(图8)。
图8
fireworks制作交互按钮的步骤13.用浏览器浏览生成的HTML文档,查看设计效果。
浏览量:2
下载量:0
时间:
Fireworks有专门制作动态按钮。主要通过矩形工具、线性填充、添加投影等手绘来完成最终效果。那么下面小编给大家整理了关于fireworks制作网页按钮的方法,希望大家喜欢。
制作按钮步骤1:首先启动Fireworks ,新建一个大小为80×30像素的文件,背景选择透明。执行菜单 InsertNew Button命令,弹出Button对话框,我们可以看到五个分别为Up、Over、Down、Over While Down及Active Area的选项卡,前四个这就是上述的四个动作,Active Area是为按钮设置链接的(如图1)。快捷键“Shift+F12”打开帧面板,我们会看到为其四个状态而设置的四帧,下面我们分别设置四帧来实现动态变化。
步骤2:未经过时状态(Up状态)的制作:选取Up选项卡,于工具栏中选取Ellipse Tool工具,在画布中画一个大小合适的椭圆形,将漆桶的颜色设置为天蓝色,并将其添充。快捷键“Alt+F7”打开Effect面板为其添加合适效果,选中图片,点击Effect面板下拉框,弹出菜单中执行Bevel and EmbossInner Bevel命令,按图2设置好各项参数:对比度为58%,柔和度为7,角度为151,宽度为33,并使其平滑。
步骤3:经过时状态(Over状态)的制作:切换至Over选项卡,此时是空的,需要将Up选项卡中图片复制到其中,单击编辑区下方的Copy Up Graphic按钮即可保证两个选项卡中图片位置一致,这里再给该图片添充一些亮色,使图片处于未被选中状态,并设置线条颜色为白色,漆桶颜色为蓝色,快捷键“Shift+F7”开启Fill面板,并在下拉框中选择Rectangle,然后使用漆桶工具填充图片颜色,同时拖动填充手柄进行调整,并设置亮度参数(如图3)使其达到合适效果。
制作按钮步骤步骤4:按下时状态(Down状态)的制作:同样将Up选项卡中的图片复制到Down选项卡中,设置Effect面板inner bevel中Sloped和Inverted的倾斜和反转效果;设置Fill面板的填充方式为Web Dither,即网页混色效果,这里可以选择两种颜色混合成一个新颜色,其设置如图4所示。为了使单击按钮时到Down状态,一定要勾选Down选项卡上的Include Nav Bar Down State复选框,否则按钮会停留在Up状态。
步骤5:单击后经过的状态(Over While Down状态)的制作:该状态和未经过时状态Up状态)稍有不同,表现出该连接被点击即可,所以可以将Up状态图片复制过来,将Effect面板中的Inner bevel属性更改为highlighted即可。
在fireworks中制作按钮步骤步骤6:Active Area设置:选取Active Area选项卡,我们会看到已经设置好的热区,单击Link Wizard按钮,于弹出Link Wizard对话框中选取Link选项卡,这里可以键入URL连接,在<alt>栏中输入链接的说明文字,并在Status BarText中输入浏览器状态栏中的说明文字
浏览量:2
下载量:0
时间:
Dreamweaver CS6、Fireworks CS6、Flash CS6三个软件是Adobe公司最新推出的网页设计软件,也是当前使用最广泛的常用网页设计软件。在在fireworks中如何简单制作网页新闻播报框呢?下面读文网小编给大家整理了关于Fireworks制作网页,希望大家喜欢。
FireWorks前身属于Macromedia公司,是一款专注于网页平面效果设计的图形软件,由于对网页设计的针对性比较器,所以之前FireWorks是非常受欢迎的网页图形处理软件,所以与DW和FLASH并称为“网页三剑客”。但是后期由于adobe公司的Photoshop功能非常强大,几乎可以完全的替代FireWorks做网页的设计,还能够做其他的图像处理,这是FireWorks所达不到的,因为FireWorks毕竟专注于网页方向。所以慢慢的,几乎FireWorks在业内都被Photoshop所替代,包括一些网页设计师的认证目前很多都是考Photoshop,或者是Photoshop和FireWorks二选一。
2005年,Adobe用34亿美元收购macromedia公司,fireworks也里说当然的成了adobe公司的产品了。但是两个功能都相似的软件又同时属于一家公司,难免在很多地方会重复,占用资源等情况,所以在2013年05月adobe公司宣布不再更新fireworks,今后只是提供必要的安全更新和Bug修复,因此该软件也被adobe给毙掉了
浏览量:3
下载量:0
时间:
Fireworks是制作网页的神器,那么如何利用Fireworks制作一个简单的网页呢?下面是读文网小编为大家整理的Fireworks制作网页的方法,希望大家喜欢~
1.布局
先来说一下 我们制作网页一般的大小
高度:没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值。
宽度:
1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。
2、在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成1005
3、在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001
注:Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。
所以如果是1024的分辨率,你的网页不如设成1000安全一点。
如果是800的分辨率一般都设成770。
这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化 所以 800的分辨率一般设定760左右,1024的设定990左右.
我这样用辅助线和标尺把大概范围划分出来,注意我的划分,正好是770,和1000的地方,应为我要做的网站是1024分辨率下的,但是考虑到依然可能存在800分辨率的用户,所以我回把主要的内容和菜单都放置在770以内,770-1000的地方放一些辅助的东西,这个习惯特别是在做一些门户网站设计的时候更要考虑以下,毕竟改善用户体验也是我们要考虑的问题.
2.开始工作
我们继续讲解,现在我们来画上部菜单部分的内容,其实很简单拉,就是画一个方框,一个圆,然后组合,加上渐变就可以了,如下图设置
3.下面我们来画哪个类似徽章的东西
其实也很简单,创意是类似奖状上贴的哪个获奖标志一样,会让网站生动一点,嘿嘿.
我们选择多边形,如图:
设置如下,继续贴图,大家要注意一下图层顺序,拖动到下层就好了
恩 要注意,这个图层我们固定了以后通常就不动了,所以要锁定,不然鼠标晃来晃去很容易把图移位,注意图层那里点一下就多了一个小锁子,方便吧,这下他就彻底不干扰我们了!
好的我们继续,其实其他的东西都大同小异
我们来研究一下细节.
我最喜欢的就是firewroks超级多的纹理,在ps里面有些纹理要自己做真的好麻烦啊!
我最喜欢的对角线,恩
看页面左边的渐变部分,其实就是拉出来了一个矩形,然后加上线性的渐变,然后加上对角线的纹理,稍微调整一下透明度,就这么简单,效果却很好看,嘿嘿
下一个小地方,就是产品资讯的背景框,其实也很简单
就是一个矩形,然后外框为红色,矩形加一个内部发光,发浅灰色的光,就这样就成了
下一个地方 就是右上角大家可以看到一个类似网格的底纹
其实就是一个矩形,再加上一个蒙版,一个渐变,就ok了,现在看起来是不是生动很多,嘿嘿
OK,看图
浏览量:2
下载量:0
时间:
对于初学者来说,运用fireworks制作蒙版相信也会有一些迷惑,下面是读文网小编为大家整理的Fireworks制作蒙版的方法,仅供大家参考~
1、打开软件首先新建一个文档,然后导入先准备好的图片,然后拖动选区将图片放入画布。
2、接下来我们使用钢笔工具画一个蒙版的区域。
3、然后按住上档键(shift键)同时选中多边形(蒙版区域)和图片。
4、然后点击“修改”——“蒙版”——“组合为蒙版”。
5、这是蒙版已经组合好了,我们可以鼠标左键点击移动的这个符号任意拖动就可随意选择蒙版的区域。同时我们还可以使用自由变形工具调整蒙版区域,还可以给蒙蔽添加滤镜效果等。
6、大家注意到了吗?上面我做的哪个蒙版图片模糊不清,那这是什么原因呢?原因就在于我们在运用钢笔工具画蒙版区域时画出来的区域自动填充成了蓝色。这个时候我们就需要把蓝色更改为白色,这样做出来的蒙版就清晰了。
浏览量:9
下载量:0
时间:
平常我们上网浏览的时候经常会看到许多设计精美的文字设计,适当的曲折加柔美的颜色等等搭配起来就像是艺术品一样,但是很多人却不知道这是怎么做出来的,今天我们要说的就是怎么使用文字图片处理软件Adobe Firework制作这样精美的文字。下面是读文网小编为大家整理的Fireworks制作字体的教程,仅供大家参考~
1、首先让我们打开Adobe Fireworks,版本基本别太低就好,我这里使用的是CS5版本,新建一张800*600px的图片
2、使用文字工具添加自己想要设置的文字,然后在属性栏设置文字的字体,大小,字体要选粗一点的,字体也要大一点的字体,如图所示(ps:没有发现属性栏的同学可以在菜单栏》窗口》属性,点击添加设置
3、点击指针工具选中我们刚刚的文字(选中会有蓝色的线框出现,大家注意),然后右键文字出现菜单
4、在这里我们将文字转换为路径,!转换为路径后线框变为四个蓝色的点分布在原先线框的四个角!,这一步非常重要,后面的操作基本就靠这里的路径操作了,所以请大家仔细注意
5、转换完成后使用部分选择工具操作,点击文字会出现蓝色的点,每个点都可以拖动或者使用钢笔工具进行形状变换,我们可以分别为每个文字设置不同的美观的形状。出现红色的点为鼠标经过状态
6、通过部分选择工具配合钢笔工具微调同时添加直线或者字母等的修饰来打造出不同的文字效果,每个锚点都是可以任意移动和变形的,大家脑洞深可以随意按自己的想法调出不一样的效果
7、文字修饰好了之后大家可以为自己的文字加上一个背景颜色或者背景图这样整张图看起来就不会太单调
8、好了文字制作好了记得要随时保存哦,不然万一出现死机或者断电的问题那就白费功夫了,设计的路虽然很长,但是只要大家多看作品多练习就肯定能成的!
浏览量:2
下载量:0
时间:
Fireworks也能制作炫酷的文字效果哦!下面是读文网小编为大家整理的Fireworks MX 制作超炫的字体燃烧效果,仅供大家参考~
一.首先建立一个500X400的画布,因为需要涂抹,范围太小不好操作,填为黑色,如下图:
二.在制作燃烧文字之前,我们先练习制作一组火苗,这对理解火焰的走势有帮助。如下图,拖画三个椭圆形,分别填充为黄、橙、红色,调整大小位置,做下图的排列,这样形成焰芯、内焰、外焰的轮廓。
将它们群组,复制几个调整大小,方向,组成“火”字形,如图:
三.全选,同时按下ctrl+shift+alt+z组合键,将这组图形转化为位图,选择菜单Filters-blur-blur more对图形进行模糊处理,接下来便是让它“燃烧”起来!使用涂抹工具,对图形进行加工。这是最关键的步骤,点击涂抹工具后,最下面出现属性栏(Properties),其中的各个参数值的效果大家必须熟悉。如下图,其中Size:涂抹范围大小,Pressure:压力强度,Edge:尖锐程度(可以理解为羽化范围),Smudge Color:涂抹的初始“痕迹”颜色,去掉方框内的对号,表示不用初始颜色,在这里我们将它去掉。
因为感觉从下往上涂抹比较困难,所以将图形倒过来,从上往下涂抹!涂抹过程中随时根据需要调整上述参数,使火苗有长短、虚实的效果,下面是完成后的效果!
四.经过上面的练习,涂抹的功夫到家了吧,现在来制作燃烧的文字,基本思路不变,只要再注意几点就可以了。
输入要制作的文字,大小为75,颜色为黄色,复制一个文字,填为橙色,将其加上边线,设置如下:颜色-红,大小-4,柔滑度为-0,笔触名-basic-hard line。将文字大小改为85,填上淡淡的发光效果,颜色为红色。如以下图形。
五.将原来的75号黄色文字的间距调整+12,移到85号橙色文字的的上面,注意要底部对齐!仔细调整两个字的大小,间距,使其出现黄、橙、红的过渡效果,就如火苗的轮廓,另外最底下的红色边不能太宽。如下图:
六.同时按ctrl+shift+alt+z转化为位图:
七.这时我们不用菜单里的模糊命令,那样的效果太差了,我们用模糊工具
再对文字“红、橙、黄”的边缘施加模糊处理就可以了,如图:
完成后的效果:
当大批的火焰制作完成后,调转过来,进行细微的处理,完成的效果:
加上必要的装饰,完成制作:
浏览量:4
下载量:0
时间:
Fireworks不仅仅是一款图片处理工具,它的制作能力也是很强大的。下面是读文网小编为大家整理的fireworks制作精美的绿色指南针实例教程,仅供大家参考~
效果图
(图01)
首先,设置画布大小为128x128像素,底色为白色。
用椭圆工具画一个90x90的正圆形,并水平、垂直对齐于画布;(图02)
(图02)
改变填充类别为线性渐变,增加并调整渐变颜色;(图03)
(图03)
在这个圆的上面画一个70x70的正圆形,改变填充类别为线性渐变,增加并调整渐变颜色,水平、垂直对齐于画布(或对齐于它下边儿的那个圆)。(图04)
(图04)
接下来描绘表盘上的图案。
用星形工具画出一个五角星,改变点数为4点,得到了一个四角星(可根据个人喜好改变其形态和尺寸),水平、垂直对齐于下方任何一个圆;再画一个稍小一点的四角星(或复制粘贴)并旋转45度,水平、垂直对齐于下方任何一个圆;(图05-1)
分别选中两个四角星,点击菜单“修改”-“组合路径”-“联合”,得到了一个四个大角四个小角的八角形;(图05-2)
再在上面画一个正圆,大体尺寸见(图05-3),水平、垂直对齐。
分别选中这个小正圆和后面的八角形,点击菜单“修改”-“组合路径”-“打孔”,得到的就是我们所需要的图形了;(图05-4)
(图05)
设置这个图形的颜色为白色,不透明度为70;四周画四个小矩形,白色,不透明度为60。(图06)
(图06)
下面来制作指针:
用星形工具画出一个五角星,改变点数为3点,得到了一个三角形;用缩放工具调整长宽比例;(图07-1)
复制此三角形,选择其中一个,点击菜单“修改”-“变形”-“垂直翻转”,调整位置;(图07-2)
分别选中两个三角形,点击菜单“修改”-“组合”;旋转此组合图形;(图07-3)
修改两个三角形的颜色。(图07-4)
(图07)
依次改变二者的填充类别为线性渐变并调整渐变颜色(图08-1),然后选择此组合图形,添加“投影”滤镜(图08-2)。
(图08)
表蒙的制作:
用椭圆工具画一个64x64的正圆形,填充类别为无,笔尖颜色为白色,大小为2,不透明度为30,并水平、垂直对齐;(图09)
(图09)
来到很关键的一步了,表蒙上的高光制作。
用椭圆工具画一个60x60的正圆形,并水平、垂直对齐。而后,将此正圆形的X位置上移1像素,如图中橙色部分;用钢笔工具描绘出图中红色部分;(图10-1)
注意:
1、描绘红色部分时,重要的是描绘出中间的那道曲线;
2、其余部分随意描绘,但要保证盖掉后面的橙色部分。
分别选中两个图形,点击菜单“修改”-“组合路径”-“打孔”,得到的就是我们所需要的高光部分的图形了;(图10-2)
(图10)
改变填充类别为线性渐变,调整渐变颜色和不透明度;(图11)
(图11)
已嗅出芳容了,哈哈,不过总觉得底盘像个铁片儿似的,我们来让它看起来有点立体感。
给底盘加上描边和纹理,再来个投影。(图12)
(图12)
舒服多了。(图13)
(图13)
再在刻度盘上来个网格,嘿嘿,当然大家也可根据自己的需要添置图案。
属性面板组中“纹理”列表中选择“交叉阴影线”,纹理总量为20%。(图14)
(图14)
至此已大功告成。
来点小修饰。(图15)
(图15)
看了“fireworks制作精美的绿色指南针实例教程”
浏览量:3
下载量:0
时间:
如何在Fireworks中制作出复古的字体效果呢?下面是读文网小编为大家整理的Fireworks制作复古的石头字效果的方法,仅供大家参考~
最终效果如下。
1、素材。烂墙壁照片一张以及胶片照片一张。
2、新建500*350画布,插入背景图片。然后调整亮度和色调如下。
3、拉一个大小为500*350的放射状渐变的矩形。参数设置如下。
4、输入文字“影视”。字体这里我用的是方正超粗黑简体。
5、选中文字,ctrl+shift+p,转换成路径。Ctrl+J,接合。
6、设置文字填充图案如下。
7、设置文字滤镜效果。
8、效果差不多了,通过修改滤镜参数可以得到不同的效果。修改过后的,感觉有那么一点点陷到墙壁里面去的感觉了
浏览量:3
下载量:0
时间:
在Fireworks中如何利用蒙版制作一些漂亮的效果呢?下面是读文网小编为大家整理的Fireworks蒙版制作漂亮的图片窗格效果的教程,仅供大家参考~
1、在Fw中打开图片,可稍加处理,比如做些TV扫描线特效、高斯模糊效果等等,具体制作我们这里不再详述;
2、使用圆角矩形工具在工作区画出正圆角矩形(长:60px,宽:60px,笔触:#ccccccc,填充色:#ffffff),并放置好位置(X轴:0,Y轴:0);
3、从“窗口”菜单中打开“历史记录”面板,将面板中存有的历史记录都清除;
4、选择好该正圆角矩形,从“编辑”菜单中选择“克隆(Ctrl+Shift+D)”,原位复制该矩形,并向右移动至X轴为64。观察历史面板:
5、全选这面板中的记录,然后按面板中的“重放”按钮,这样一排的正圆角矩形排列完成;
6、同样的操作,我们对行进行操作,清“历史记录”、“克隆(Ctrl+Shift+D)”、下移......最终排列如下图所示:
7、做些处理。随意扣除其中一至二块矩形,处理后图片:
8、在层面板中,全选这些路径对象(注意不要将背景位图群组进矢量组中)。选择“修改”菜单、“组合路径”、“合并(Ctrl+J)”。
9、全选对像,对位图进行蒙版MASK操作:“修改”菜单、“蒙版”、“组合为蒙版”;
10、打开层面板,选择矢量蒙版;
11、在属性面板中,改动如下设置,使的矢量蒙版笔触呈现出来:
同时你还可以对该矢量蒙版对象进行特效的处理,如阴影等等。
看了“Fireworks蒙版制作漂亮的图片窗格效果的教程”
浏览量:4
下载量:0
时间: