当前位置:主页 > 平面设计

最新发布

Fireworks制作超酷金属字
Fireworks制作超酷金属字

如例图所示的这款金属字是否给你一种镏光溢彩的感觉呢?如果你回答No,我只好就此Stop了,呵呵。好了,废话不多,我们一起开始吧!看看到底如何制作出这样一款超酷的金属字效果来。  本节要点:重点掌握Effect(效果)命令中Adjust Color--Curves效果命令和Hue/Saturation效果命令的使用方法!  第一步、 新建文件,文件的大小为300*100像素,背景色采用白色。为了突出效果,建议你先不要采用其他色彩的背景色,等我们学习完毕,你自己重新开始时,再用其他的颜色来试验也不迟。  第二步、 选取工具箱的Text Tool(文字工具),在编辑区点击,在随后弹出的文本编辑器中输入文字,这里输入的是“金属字”三个字,字体采用的是“方正超粗黑简体”(尽量选用较粗的字体);字体的颜色为黑色;字号为91pt大小;字体边缘效果选择Smooth Anti-Alais(平滑边角)。其他的选项保持默认值即可。设定完毕,编辑区应该如图01所示:  图01 输入文字后的编辑区  第三步、 这一步,我们要调整文字的填充颜色。选中编辑区的文字对象,打开Fill(填充)面板,将文字的填充方式由原来Solid(单色填充)变为Linear(线性填充),点击颜色列表旁边的Edit(编辑)按钮,对渐变色进行编辑,从左到右的颜色排列顺序为“#CCCCCC--#000000--#CCCCCC”,具体设定请参考图02。(注意:文字的填充颜色设定很关键,如果你采用其他的颜色打牌方案的话,效果就不一定如我们所愿了,不过,你可以自行试验)  图02 对文字的填充色进行调整  第四步、 设定完毕后,文字的填充色已经发生了变化,由原来的单色填充变成了从左向右的渐变色填充,如图03所示:  图03 由左向右的填充方式  第五步、 调整文字渐变色的方向。选定文字对象,选取工具箱的油漆桶工具,在文字对象上方由上向下拖动油漆桶,这样,文字的颜色渐变方式就由从左向右填充变为了从上到下的填充。如图04:

3 次浏览
Fireworks打字动画效果的实现
Fireworks打字动画效果的实现

很长时间以来,总是有人在探讨在FW中如何制作打字效果的动画这个问题。大部分的朋友认为,使用FLASH可以轻松的实现这一种效果,但在FW中似乎要困难些,好像除了一帧一帧的累加以外,就没有更好的办法了。原来也是一直这么来理解的,但是今天无意中找到了一种在FW中实现打字动画效果的更好的方法,请随我来:  【打字动画效果图】  第一步:打开FW,新建一个文件 ,文件的大小为140x20像素,背景色自定,这里采用了黑色。  第二步:选取工具箱中的Text Tool(文字工具),在编辑区输入你想要出现打字效果的文字,这里我们输入了“风云设计眼欢迎您的到来”;字体采用“宋体”;字号采用12Px;颜色自定;字体边缘效果选择“No Anti-Alias”;对齐方式采取默认的左对齐方式。  第三步:选中编辑区的文本对象,执行快捷键“Ctrl+Shift+D”,原地复制相同的一个文本对象,然后打开Fill(填充)面板,将复制的文本对象的颜色做一改变即可,然后向任意方向移动1像素的距离,调整好的效果图如图01所示:  [注:]此步骤可以略去,直接进入下一步,如果你不需要对文字对象做改变的话!  图01 在编辑区输入相关文字  第三步:选中文字所在的层,点击层面板右上角的弹出菜单按钮,在随后出现的弹出菜单中,执行“Share This Layer”(共享这一层)命令,将文字所在层变为共享层,如图02所示。  图02 共享文字所在层

13 次浏览
Fireworks一款立体字的制作
Fireworks一款立体字的制作

教程源文件下载(在下面的图片上右击另存为即可)  我们已经学习过好多种立体字的制作方法了,不管是哪一种立体字的制作,都要有一个中心在里面,那就是力求体现出立体的效果,开始本教程的学习之前,请大家先看看下面的立体字的效果图,如果您不管怎么看都不象是立体字的话,哪就不必后面的学习了~~ :) 呵呵~~~  请看具体的操作步骤:  1、打开FW,新建一个文件,文件的大小为300*100像素,背景色自定,我们在例子中采用了紫色(#663399)。  2、选取工具箱的文字工具,在编辑区点击,在弹出的文字编辑框中输入相关文字,这里输入的文字为“3D text”,字体为“Arial Black”,字号为60大小,字体采用加粗模式,颜色可以自定,设定完成后,编辑区的文字对象如下图所示:  3、接下来我们要对文字的填充色进行调整。选定文本对象,打开Fill(填充)面板,进行相关设定。将填充方式设为Linear(线性渐变填充),填充的方案选择“White,Black”,其余选项保持默认值不做更改,具体的设定请参考下图:  4、此刻编辑区的文本对象应该如下图所示:  5、好了,我们需要对文字的填充方式进行一下调整,点中文字,会出现颜色调节手柄(有关颜色调节手柄的相关知识,我们在《模拟条形码制作》的一文中有过简要讲解,请参阅),调节正方形的手柄,向下方旋转,使其和圆形手柄在垂直方向上位于同一条直线上,然后拖动圆形手柄到文字对象的中心部分,请看调整后的文字对象及其调节手柄的演示图:

3 次浏览
Fireworks稚幼体字体效果制作
Fireworks稚幼体字体效果制作

首先回顾一下,在前面的学习中,我们学习了模拟条形码的制作。很多朋友反映不能拉出条形码的效果,提醒各位一点的是,一定要将正方形的调节手柄拉到和圆形的调节手柄处于同一条直线上才能出现预期的效果,如果你不知道两个调节手柄是否已经处于同一条直线上,可以预先从上侧的标尺栏拖出一条水平的辅助线来作为调节的参照物,这样调节起来可能要方便一些了。如果你对于辅助线的概念或者如何拖动辅助线的方法还不太了解的话,可以参考这里的文章,希望能够对你有些帮助。本节我们要学习的内容是制作一款字体效果:稚幼体,请先看示例图:    首先需要声明的是,这种字体效果我们没有使用任何现成的字库字体,现在我们要做的是来模拟这种字体效果,如果你需要真正的这种样式的字体,需要下载相应的字库进行安装才可!  1、打开FW,新建文件,文件的大小、背景色自定义。  2、选取工具箱的文本工具在编辑区点击,在弹出的文本编辑框中输入相关文字,请注意,既然是模拟制作稚幼体,我们还是输入中文为好,任意输入文字,字体选择“楷体”;字号配合编辑区的大小进行设定,尽量采用大字号,这样效果明显些;颜色自定,编辑结束后,编辑区如下图所示:    3、选中编辑区的文本对象,执行菜单命令“Text--Convert to Paths”,这样就将文本对象转化为路径对象,这一步是比较关键的步骤,因为后面的操作主要就是对路径对象的操作。执行该命令后,层面板上的变化告诉我们,路径转化已经成功,如下图:    4、接着,在文本对象被选定的情况下,执行菜单命令“Modify--Join”,这样就将多个路径对象组合成为了一个路径对象,以便于我们后面的操作,编辑区对象如下图所示:  5、好了,产生我们所要的效果的一步到了,同样,选定编辑区的路径对象,执行菜单命令“Modify--Alert Path--Simplify”,会弹出对话框如下:

12 次浏览
Fireworks中螺旋运动字的制作
Fireworks中螺旋运动字的制作

1.新建一个450*150,背景色为黑色的文件.  2,适当地拖出几条辅助线,用工具栏中的钢笔工具,在编辑区画出波浪形,如图(图1)    双击图层面板上的这图,另命名为a.3,用工具()在编辑区拖画出一方形,大小如图(图3).    在图层面板上双击这方形图,另命名为b4,编辑方形,打开fill面板,渐变为线形渐变linear,进行如图设置(图4),    选中油漆桶工具(),对方形从上到下渐变.结果如图(图6)    5,选中渐变填充好的方形,edit-----clone,克隆出四个同样的方形,把它们依次命名为c,d,e,f.按从左到右的顺序排成直线.因为此刻它们都在a之上,所以a层现在看不到.结果如图(图7)

3 次浏览
Fireworks制作透明字
Fireworks制作透明字

有次看到别人在论坛发的贴子,说透明字只能在photoshop中做到,而在fireworks中却办不到。不是办不到,只是此人没有想到而已。其实在fireworks中制作透明字不难,下面就让我们动手操作一遍吧。  1、打开一张图片,用文字工具输入文字。这里为了让大家看得清清楚楚,明明白白,真真切切,特用字号为250,字体为综艺繁体,输入的字为“思”,填充色为黑色。你也可以用别的字体和字号。  2、把文字打散,选中文字,Texe>Convert to Paths,将文字转换为路径。然后再Modify>Ungroup,将文字解组。此时的文字可以任意编辑了。为了不让大家在学习过程中看得晕头转向、摸不着头脑,我们把这文字层重新命名为text1  3、选中text1文字,Edit>Colne,把克隆出来的文字重新命名为text2。选中text2文字,在电脑键盘上的右方向键上按三下,然后在下方向键上三两下。(每按一下,文字向相应的方向移动一个象素)。再选中text2,Edit>Clone,把克隆出的来文字重命名为text3。选中text1,Edit>Clone,把克隆出的文字重命名为text4.  4、大家是不是克隆几次后有些发晕了?:)。选中text3,把它拖放到text1层之下。此时,text2和text3层是移动了象素的文字层,大家要清楚。此时各层的关糸如图。    5、按住Shift键,同时选中text2和text4,Modify>Combine>Punch。再同时选中text1和text3,Modify>Combine>Punch。    6、把text2和text4punch后的图层重命名为text5,把text1和text3Punch后的图层重命名为text6。如图。

5 次浏览
Fireworks制作字体遮罩动画
Fireworks制作字体遮罩动画

1、画一幅图像(或调用一幅位图)留作为Mask字体的底层动画用。  2、把上一步骤的图复制/粘贴2次,然后把3幅图合并,这样会使动画更加连贯。  3、选中这幅图,然后Insert-->Convert to Symbol(或F8), 然后选择Animation,将它定义为动画.在动画参数设置里只要填Frames播映的桢数就可以了,我们在Frames那里填10。  4、选中箭头所指的红点,向右拖动。  5、拖动后,调整好位置,使最后一桢的图案与第一桢相同。  6、在Frames面板里选取第一桢,回到第一桢继续下面的步骤。  7、新建一个图层,然后输入文字。  8、同时选中图案与文字,Modify-->Mask-->Group as Mask。  9、选中动画,然后在Layers面板里点击图中箭头所示,把遮照之间的关系取消;然后选取字体,选取字体后Object面板会出现两个选项,选path Outline(箭头所指),选好后在Layers面板里恢复遮照之间的关系。  10、遮照文字动画做好了,按Play看看吧.再整理一下位置与播放的速度会得到更佳的效果。

6 次浏览
巧用Style制作立体感文字
巧用Style制作立体感文字

大家都知道利用FireworksMX内置的bevel滤镜可以制作出文字的立体效果,但是这样调试起来很麻烦。而利用Styles的方法就简单了。  1.打开FwMX新建一文件,大小任意。将画布颜色设为:#729CFE  2.利用Text Tool在画布上拖画出一个文本框。选择菜单栏上的Text>Editor调出Text Editor对话框,输入文字“梦想瞬间”(这个方法解决了在画布上不能输入中文的BUG)颜色任意设置。    图1:  3.选中文本框,按Shift+F11调出Styles面板。点选Style 30应用该样式(图2),    此时的文字应该和图3所示的样式差不多(如果字体大小变化了,请自己调整好)    4.选中文本框,在Properties面板中将轮廓颜色设为透明;将字体填充颜色设为#729CFE。如图4:

3 次浏览
用Fireworks 制作旋转文字动画
用Fireworks 制作旋转文字动画

Fireworks与Dreamweaver、Flash一起合称网页制作三剑客,可是如果我们没有学会很好地利用它,那就与未出鞘的宝剑一样,难见光芒。所谓万事靠积累,只有多学多练才能让剑客真正发挥威力。今天就让我们来看一下如何利用Fireworks 4.0制作一个旋转文字的小动画,希望能对您有所帮助。  1、建立新文件:  启动Fireworks 4.0,按Ctrl+N键新建一个工作区,设置工作区宽度(Width)为400,高度(Height)为300,颜色为黑色,其余依照默认值。  2、输入文本图形:  首先单击文本工具(就是那个“A”),设置参数如下:字体为“华文行楷”,大小为“20”,颜色为“红色(#FF0000)”,其余的不用管它。然后在文本栏里输入文字,单击OK按钮。用箭头工具选择并移动文本到工作区稍微靠上的位置,接下来在Windows→Effect面板中选择ShadowandGlow→Glow(发光)选项,设置具体参数如下:宽度为2,柔化度为1,颜色为黄色(#FFFF00),透明度为100%。此时文本效果如图1所示。    图1  3、制作文本图形的分布路径:  首先取消对文本图形的选择,然后单击椭圆形工具(找不到?按矩形选择工具两秒钟看看会不会出现!),在Stroke和Fill面板中均选择None。按住Shift键在画布中画一个标准的圆形。按Ctrl+A键,或者单击箭头选择工具,按住Shift键分别点击文本图形和圆形,从而将二者全部选定,单击Text→AttachtoPath选项或者按快捷键Ctrl+Shift+Y,是不是看到文本图形乖乖地沿着路径进行了分布呢?哈哈,先不要得意的太早,路漫漫其修远兮……如果你看到的文本图形并未分布均匀的话,那么请用鼠标左键双击文本图形,在弹出的文本参数对话框中修改AV的值,直到文本图形沿路径均匀分布到令你满意的状态为止。

3 次浏览
共计26043条记录 上一页 1.. 920 921 922 923 924 925 926 ..2605 下一页