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

最新发布

Adobe Fireworks CS5预售版试用评测
Adobe Fireworks CS5预售版试用评测

现在启动Fireworks CS5,出现启动画面。    Fireworks CS5的软件界面如下图。  这里发现一个问题:标题栏可拖动区域太小,注意上图标记的红色的区域都是拖不动的(即使是那个“100%”字样右边的大块区域),只有一些很小的间隙很让鼠标拖动窗口,这个明显的bug大概是预售版才有,正式版应该是会修复的。    上图右上角有个Expanded Mode的按钮,这是一个让面板以“展开状态”、“图标状态”、“图标加文字”状态显示的按钮,个人感觉用处不大,以前按Tab打开/隐藏面板来得更快些。  Fireworks CS5的滤镜如下图。    Fireworks CS5界面的属性栏多了一些按钮,下图红框框住这几个按钮已经确认是用来复合图形的。这种图形复合和路径复合不同,路径复合是直接对路径进行布尔运算,譬如:路径相减之后就剩下剪出来的路径了。  但图形复合更像是将两个图形以一种“遮罩”的形式进行复合,复合操作之后两个路径仍然是完整的。

3 次浏览
Fireworks滤镜快速打造3D彩虹拖尾字特效
Fireworks滤镜快速打造3D彩虹拖尾字特效

使用Fireworks中的Motion Trail滤镜可以快速制作出如下图所示的3D效果彩虹拖尾字。    图1  本例在Fireworks 8中文版中制作完成,具体操作步骤如下。  1.启动Fireworks 8中文版后,按Ctrl N新建一个文档,大小自定,然后使用文本工具在画布上单击,输入文本“天极网设计在线”,注意这里共七个字,设置字体为“隶书”,字号为64,结果如图2所示。    图2  2.在文本框中选中“天”,将颜色改为紫色,再选中“极”,改为蓝色,依此类推,将七个字的颜色分别改为紫、蓝、青、绿、黄、橙、红,即七彩虹的颜色,结果如图3所示。    图3

4 次浏览
也谈Fireworks像素化文字的制作方法
也谈Fireworks像素化文字的制作方法

首先声明,教程思路不是自己的,是参考了ps的教程而决定用fw来进行制作的! ps的教程出自 六月海设计——《用Photoshop制作像素化文字》,因为手痒,就照猫画虎的用fw来制作了一下,具体的制作过程请参看下面的具体步骤吧!  1、打开fw,新建文件,大小为50 x 50 像素,背景色采用默认的白色即可。  2、在编辑区输入文字对象,这里输入了“风”这个字,字体为“华文行楷”,字号大小随意,此处采用了“45”,并且“加粗”文本对象,将边缘效果设为“不消除锯齿”,具体设置如下图所示。  3、选中文本对象,单击菜单“修改--平面化所选”命令,或者按快捷键“Ctrl+Shift+Alt+Z”,将文本对象转化为位图对象,继续后面的操作。  注意:此处务必要将文本对象转化为位图对象,否则后面的操作就没有意义了。  4、在编辑区以外的任意地方单击鼠标左键,属性面板成为“文档”属性面板的显示状态。单击面板上“图像大小”按钮,在弹出的“图像大小”设置框中,将图像的“像素尺寸”区域的宽和高的数值大小都设为 500,然后单击“插值法”的下拉菜单,将插值方式设为“最近的临近区域”,具体设置如下图所示。  注意:有关“插值法”的几种计算方式的知识,将在教程最后做一个简单的讲解。这里如果不太了解的话,可以先不用管它,继续后面的操作步骤即可。   5、此刻编辑区的图形对象如下图所示。

4 次浏览
用FW MX轻松制作Gif动画
用FW MX轻松制作Gif动画

    一直以来,fw都是我最喜欢使用的软件之一,最近下载了一个Firework mx试用版,充满兴奋地开始了fw mx中的动画体验,用fw mx做gif动画感觉更顺手,制作速度更快,创意思维可以不受限制,跟其他同类软件比起来,fw mx在web的gif动画上面无论从制作出来的动画体积以及质量上来说,都是最优化的,而且许多操作和面板都跟mx系列结合在一起,让web designer可以以最好的创意、最快的速度和最优化web输出快速建立一个web site。  下面是我做的一个动画,通过这个例子我们来看看fw mx如何让我们的web design变得更easy:  (1)新建一文件,大小为450x116,然后我们用圆形、线条、钢笔等矢量做图工具做一个车轮的样子,如图所示:  车轮的画法就不用我说了吧,不过fw mx里面的矢量绘图方式也增强不少,因为比较容易,就自己去体验一下了吧,还有车轮里面那个红点不要偷懒不画哦,等下有用处的。  (2)选中画好的图形,按f8键,将图形转换为animation,这时我们可以在library面板中看到它,呵呵,有点像做flash的感觉,如图所示:  (3)选中这个animation元素,在属性面板中的frame栏里面填写数值10,属性面板的出现真的是太好太方便了,又可以将设计制作的速度提高一层了,如图:

6 次浏览
Fireworks MX制作下拉菜单
Fireworks MX制作下拉菜单

大家都知道利用滤镜可以轻松的制作出一些特殊的效果,本文中我们将尝试Fireworks MX进一步增强的滤镜功能,并学习如何安装第三方滤镜。  如果你有使用Fireworks4.0的经验,你就知道滤镜功能是放置在Xtras菜单下的。但是你会疑惑的发现在Fireworks MX中Xtras菜单居然不见了,是的,Macromedia公司为了更好的与传统的图形软件统一,将Xtras改为了Filters,更符合我们平时的称呼习惯。(如图1)    新增滤镜功能:  步骤1:  启动Fireworks MX,打开我们在上一节所制作的图片。   步骤2:  在菜单栏选择Filters选择项。你会发现与Fireworks4.0相比,增加了一种滤镜类型:Alien Skin Splat LE,选择它,出现子菜单edegs,这是一个用来调整图形边缘的滤镜。单击它,进入功能界面(如图2)。  步骤3:  我们可以看到在功能界面的左上角有三个滑动条,分别控制边缘的宽度,边缘的空白,边缘填充的形体的大小。如图调整这三个滑动条的数值(如图3)。  步骤4:  在滑动条的下方是一个填充方向控制图标,我们可以直接用鼠标在图标上选择填充的角度也可以直接在文本框中输入数值。我们使用0度进行填充,大家也可以试着使用其他不同的角度进行填充,看看效果有什么不同(如图4)。  步骤5:  在功能界面下方的edge mode下拉框中选择pixels项,这是选择以什么方式进行边缘填充。Color功能控制使用什么颜色对边缘进行填充,不用进行修改,我们就使用默认的白色。如果你在transparent Fill前的选择框打上勾,就将以透明色进行填充(如图5)。

5 次浏览
Fireworks MX使用教程--教你如何羽化图片
Fireworks MX使用教程--教你如何羽化图片

1. 打开一个图片。  2.点击“工具”面板“位图”部分的“选取框”工具。也可以选择“椭圆选取框”工具。    3.选择部分图象。    4.在属性检查器中,“边缘”项中选择“羽化”    5.调整羽化大小。    6.打开“选择”菜单,单击“反选”。    7.反选过的图片:    8.按键盘上的Delete键删除。  9.羽化后的图片:

1 次浏览
Fireworks MX 之初体验1-2
Fireworks MX 之初体验1-2

在编者的苦口婆心,盛情邀请下,风云设计 的两位高手 风筝 和 心动为谁 终于答应,为广大朋友奉献对 Fireworks MX 的亲密接触后带来的初体验,为喜爱 Fireworks 的 fans 们作出贡献,特此鸣谢!Optimize of FW4Optimize of FWMX   通过比较,我们发现FWMX中Optimize面板比起FW4中的内容要丰富多了,包括弹出菜单选项,其实通过观察,我们可以清楚的看到,现在的Optimize面板其实是将FW4中的Optimize面板和Color面板整合到了一起,大家可以看看上面左侧的Color面板(FW4)。想必也是为了我们使用方便而做的改变吧! :) Styles of FW4Styles of FWMX   FWMX的风格面板相比较FW4的面板来说,弹出菜单中增添了一个新的命令:Large Icons大图标显示^%#@$%什么意思?就是可以将范例的风格图标采用大图标的形式显示出来,对于眼神不太好的朋友可是大大的福音啊!嘿嘿~~~~~~(读者:看了半天你的破文章,眼好也得给累坏了……)罪过罪过!!废话不讲了,这个功能对于我们研究一些风格的纹理构成应该是有一定的帮助的!   PS。有人也许要问,我们在FW4中用来设定工具选项的Options面板(如下)跑到哪里去了?呵呵,在这点的设置上,同样显示了FWMX为了操作更加方便而做的改进,代替Options选项面板的就是Properties(属性)面板(如下下)了,该面板会自动随着你选择工具的不同而进行相应的变化,使用过DW的朋友对于这个面板应该是一点儿都不陌生的,属性面板的出现的确是让很多人为她叫好了,呵呵~~看来进步的东西总是会博得人们的好感的。 Options of FW4Properties of FWMX  请注意,这个属性面板和MM公司以往的属性面板有一个共性:可伸缩性。 Align 对齐面板的出现  通过使用相信大家对于这个面扳会非常感兴趣的,想当初,在FW4中,我们想把编辑对象放置在编辑区的正*,左侧,右侧等等,是何等麻烦……怎么麻烦?难道你忘了还要用到Commans命令??嘿嘿现在,可不用这么麻烦了,大家打开了Align面板没有啊??自己看看吧!一目了然,不用我这里废话了!  Align面板中还出现了有关矢量图形的节点对其操作选项,关于该处的使用,我们会在后面的章节中做专门介绍!Sitespring of FWMX  使用FWMX中有什么搞不懂的?直接登陆专业的讨论组吧!嘿嘿~~~FWMX考虑的的确是够全面的,后续服务考虑的真是不错!怎么登陆啊?抱歉,抱歉,还没有发现办法那~~~(打我?我跑……)大家可以注意到还有一个Answers面板,功能应该是类似的吧!如下  不知道大家看到下面的面板会不会很吃惊~~~怎么汉化的版本出现了??不会吧? 呵呵,的确是没有出现,但是我们有办法个性化我们的面板组合。我们知道,在FW4中,我们可以自由的将各个浮动面板进行组合,在FWMX同样延续了这一点,如果你乐意的话,可以将所有的面板整合到一个面板中去…… :) 但是FW4是无法自定义面板标题栏的,下面我们还是看看FWMX中如何实现对面板名称的个性化设置吧!如下图所示。A、我们可以单击有上角的弹出菜单按钮,在弹出的菜单中选择Rename Panel Group 重命名面板组 命令(通过名称我们可以知道,重命名的面板一定要是多个面板的组合才行,不然是无法进行操作的);B、此刻,我们可以发现面板的标题栏变成了可写状态,此刻我们就可以输入我们需要的名称了。不意料的是,居然还支持中文输入,呵呵。C、在输入区外单击鼠标,就完成了标题栏的修改了!  好了,今天和大家说的也不少了,如果你已经听烦了的话,我理解你,因为我已经手酸不忍了……大家都累了,还是先赶快休息休息吧!后面我们还要继续体验FWMX给我们带来的新东西,如果你愿意的话,那么我们明天继续聊(好像只有我一个人在讲哈~~),有什么不当的地方,麻烦给我们来信吧!下节内容:FWMX之 初体验 菜单版

5 次浏览
Fireworks MX 之初体验2-1
Fireworks MX 之初体验2-1

在编者的苦口婆心,盛情邀请下,风云设计 的两位高手 风筝 和 心动为谁 终于答应,为广大朋友奉献对 Fireworks MX 的亲密接触后带来的初体验,为喜爱 Fireworks 的 fans 们作出贡献,特此鸣谢!优化菜单面面观  上节我们对FWMX的最新、最酷(好像我很能落伍一样,总用老掉牙的词汇~)的各种新面板做了一个简单的介绍和了解,不知道各位是不是已经拿到了FWMX的测试版本开始体验了,相信体验的感觉总的来说应该是美妙的。本节我们来一起看看FWMX的各级菜单及其相关命令。同样,我们仍然是和FW4版本来进行对比介绍说明,以期更好的来理解FWMX的优化的菜单表现。  总的来说,通过比较我们可以看出FWMX的菜单命名及其排列分组,较FW4要趋向合理化、方便化、快捷化。除了View(视图)菜单没有发生变化外,其他的各级菜单都或多或少的发生了一些变化,并且在FWMX中重新分出了两个菜单命令 Select(选择)、Filters(滤镜),闲言少叙,接下来我们还是一起来领略一下崭新的FWMX带给我们的更新的感受吧!  一、File菜单。请参看下图:1、通过比较,我们可以发现,FWMX里面新增了一个Reconstitute Table 命令,具体的中文含义我们暂且不来翻译,我们可以通过使用该命令来体会它的用处所在。(1)、选取该命令,会自动弹出一个相关的打开文件对话框,通过看对话框内打开文件的预定类型,我们可以知道该命令是用来打开一个使用Table编辑过的页面的。此刻我们可以任意选取一个html文件,然后打开。(2)、如果你打开的html文件先前是使用FW4或者FWMX导出生成的话,我们便可以通过该命令自动的将先前编辑过的html文件的png源文件重新自动生成。上面这句话可能有些绕嘴,简单来理解的话就是,如果你采用FW系列软件来直接输出生成html文件的话,我们可以使用FWMX的File-->Reconstitute Table命令将这个导出过程翻转,也就是说通过html文件又再次生成了png格式的文件。这个命令有什么好处呢?不知各位是如何来理解的。至少最根本的一个好处是,我们不必再担心我们网页的png源文件的丢失了,因为至少通过这个命令我们可以轻松的将他它找回来。(3)、需要指出的一点儿是:该命令对非FW系列软件直接生成的html文档仍然不能很好的支持,你可以去尽管用它打开SOHU,SINA的页面,你会非常失望的。所以籍希望于该命令来抄袭他人网站的朋友(我常常抄袭,所以想来和我一样的同好应该不少,故这样写了,嘿嘿~~不好意思),可能不会得到预期的效果!2、在FW4的File菜单里面有一个命令“Run Script(运行脚本命令)”,在FWMX中,该命令已被整合到了Commands菜单里面了。3、通过实验,发现Open(打开文件)命令可以打开的文件类型更加丰富了,举个例子,用FW4打开Swf格式的文件肯定会报错;但是如果用FWMX打开Swf文件的话,我们会发现FWMX会自动调用Swf的播放器进行播放了……可见MM公司在其生产的各个软件之间正在逐步搭建更易于沟通的桥梁,使得这些软件一步一步的结合的更加紧密了!看来时代需要我们对各种软件来做横向的学习运用了,不然的话,就要被淘汰了……(恐怖……) 二、接下来我们综合的来看一下在FWMX中重新组合排列的三个菜单选项“Edit(编辑)、Modify(修改)、Select(选择)”,通过和FW4比较,我们发现目前的这三个菜单选项其实就是原来FW4里的“Edit(编辑)、Modify(修改)、Insert(插入)”三个菜单项的重新组合排列。请参看下图:需要指出的有三个地方的变化:1、在FW4中两个多余的命令“Edit Bitmap 和 Exit Bitmap”在FWMX终于寿终正寝,消失不见了!2、在FW4中的转化位图命令“Convert to Bitmap”在FWMX中改变成了“Flatten Selection”命令,两者功能相同,系统默认的快捷键同样保持为“Ctrl+Shift+Alt+Z”。该命令其实我们在上节的“Layer(层)”面板的介绍中已经接触过了,不再赘述。3、在FW4中用来合并图层的命令“Flatten Layers”在FWMX中变为两个命令“Merge Down”和“Flatten Layers”,其实是增加了一个“Merge Down”(向下合并图层)的命令,相对而言,操作的可控性更加增强了!三、Commands(命令)菜单。请参看下图:  通过比较不难发现,在FWMX中最大的一个变化就是增加了可扩展插件资源管理器的相关命令,Macromedia Extension Manager也出现在FWMX中了!这可是一个巨大的变化,Macromedia Extension Manager对于使用DW或者FLASH的朋友应该一点儿都不陌生。MM公司想必在很久以前就已经想到了其各种软件的大同时代的到临,Macromedia Extension Manager作为其专门的插件资源管理工具已经逐步从单一的为DW服务发展到了现在为FLASH,以至于现在我们看到的FWMX,其操作的开放性、可拓展性可见一斑了!只要你有足够的能力,你完全可以自己编写自己的插件来为自己服务,并且可以将你的劳动和其他人一同分享,实现资源的充分共享利用。说了这门多,我们还是来看看如何来Manager Extension吧……(1)、点击Commands菜单命令中的Manage Extensions命令。(2)、弹出我们熟悉的 Extension Manager 管理器。 (3)、直接点击位于工具栏的安装插件 图标。(4)、点击打开文件的下拉菜单,具体路径请参看下图,这里不再废话。(5)、文件类型我们可以注意到有两种*.mXP和*.mxi,你可以根据实际情况进行选择。选中需要安装的相应的可扩展插件,点击Install进行安装即可!(我这里经过实验,似乎测试版不能进行该项命令的操作,不知道各位的实际情况是什么样的。)(6)、下图是一幅插件安装成功后的截图(该图片文件取自蓝色理想的经典论坛)。

7 次浏览
Fireworks MX 之初体验1-1
Fireworks MX 之初体验1-1

在编者的苦口婆心,盛情邀请下,风云设计 的两位高手 风筝 和 心动为谁 终于答应,为广大朋友奉献对 Fireworks MX 的亲密接触后带来的初体验,为喜爱 Fireworks 的 fans 们作出贡献,特此鸣谢!Fireworks MX 初体验  正如好多“专家”预料的那样,Fireworks Mx(Beta)[以后简称FWMX]终于在5月份左的时候出现了。估计刚刚拿到测试版的朋友们的心情肯定和我是一样的――激动得很、并且对她充满无限憧憬。我现在倒是真的很想知道各位在安装后,然后真正开始使用后的真实感受,呵呵~~~可能就没有当初想的那么美好了,至少我是这种感觉。  好了,个人的情愫暂且抛开,免得有骗稿费的嫌疑,下面我们就一起来对全新的FWMX做一个初次的体验。(注:我们本节的目的主要是通过和FW4的比较来实现的!如果您对FW4尚一无所知的话,可以对涉及到FW4的内容略过不看。)   FWMX给我们最大的感受是视觉上带来的强烈的冲击,当然还有一些更加人性化、快捷化工具的设置。我们知道,MM公司基本上是在相同的时间同时推出了FLASH、DW、FW的MX版本,自然追求了风格的统一和完美,相关图标及其相关的启动画面,还有风格统一的属性面板,可拆分重组的面板窗口无一不给我们更舒适的视觉感受,说来说去,我们还是先一起来看看FWMX的启动界面吧!1、完美统一的启动界面:   这个东西想必我们不需要多废话了,奇怪的一点儿就是,我们可以清楚的看到版本号为6.0,呵呵,5.0没有了…… 2、透过刚刚打开的工作窗口,我们可以看出FWMX相比较FW4来讲,要“霸道”些了,怎么讲呢,我们可以看到在FW4中可供我们操作的区域在FWMX中被众多的面板瓜分的不轻,看来我现在800*600分辨率的烂机机是不能满足FWMX的要求了,调整到1024*768,看起来似乎舒服多了。   现在我们可以点击"file--new"新建文件了,看看在不同的FW版本中,会有什么不同,当然,我们还是要主要看看FWMX到底给了我们什么最新的感受!   

3 次浏览
Fireworks MX 之初体验2-2
Fireworks MX 之初体验2-2

在编者的苦口婆心,盛情邀请下,风云设计 的两位高手 风筝 和 心动为谁 终于答应,为广大朋友奉献对 Fireworks MX 的亲密接触后带来的初体验,为喜爱 Fireworks 的 fans 们作出贡献,特此鸣谢!优化菜单面面观四、Text(文本)菜单。  通过观察,发现最大的一个变化就是增加文本拼写检查功能:“Check Spelling”和“Spelling Setup”,这个功能的增加使得其文本编辑能力似乎又有所增强了,不过感觉实际运用中的意思似乎不大。并且现在我们还可以说FWMX对中文的支持仍然存在BUG,仍然有乱码情况的出现,所以文本拼写检查对于我们汉字的输入者来说,没有什么实际意义!五、Window(窗口)菜单。  最大一个变化就是FWMX将在FW4中存在的Tool Options(工具选项)以及 Object(对象)两个浮动面板全部整合到了Properties(属性面板)中了,这个变化是否是一个对操作过程的简化或者说优化,我们可以通过随后的文章得到答案,请大家关注。通过看Window菜单的下拉列表,我们可以发现一些新的名称,不过通过我们上节面板的介绍,想必大家都很清楚了,这里就不再多做介绍了。六、Help(帮助)菜单  帮助菜单中新增了一个命令,其实是一个Manage Extensions的使用帮助文档,对于E文好的朋友来说可以看看哈~~   上面种种,我们将FWMX和FW4的菜单做了一个比较详细的对比介绍,希望对大家理解FWMX的菜单分类排列有它应起到的作用吧!下面,我们将FWMX中一些其他“小地方”的变化做一个简单的介绍,以便于大家对FWMX的进一步的操作使用。1、在FW4中我们熟悉的编辑区的面板快捷启动按钮在FWMX中已经消失不见了,请看下面两图:2、在FWMX的编辑区的右上角,很醒目地增加了一个快速导出按钮(请看上图),点击该按钮就会弹出一个相关的输出菜单列表,我们可以发现FWMX输出的可支持文件又增加了……那么多,呵呵。3、还有一个地方发生了变化,那就是编辑区的快捷工具栏上的ZOOM缩放比例发生变化,FWMX比起FW4来又增加了几个缩放比例,还是通过图示的方法来看比较直接些,请看下图:       左侧缩放比例为FW4的缩放比例设定,右侧为FWMX的缩放比例设定,一看便知,方便性不言而喻!不过似乎还有一点儿遗憾的地方,如果能自由输入缩放比例,如同FLASH一样,就似乎更完美了!  好了,罗里罗唆地说了那么多,感觉自己做的工作和哥伦布似乎有些相似之处(当然,估计连人家哥伦布他老人家工作成绩的万分之一都无法到达……嘿嘿~),各位看官现在也许会着急了,不知道这个体验系列到底要跑向哪里……到底要给人家一种什么体验?慢慢来、慢慢来……  本节到此结束。下一节我们来一起看看FWMX新增的强大的Properties(属性面板)吧!想必对各位看官还有一些吸引力吧!

3 次浏览
共计26043条记录 上一页 1.. 1193 1194 1195 1196 1197 1198 1199 ..2605 下一页