推荐阅读

Photoshop调出古典唯美效果图的外景婚片调色
案列对比图:左为原片,右为效果图1、[注:一直不厌其烦的讲复制背景层,不要在背景层上修改]。复制背景层,生成新的背景层,而后复制背景层生成图层1,修改混合模式为滤色,操作目的:提亮。2、创建“色相/饱和度”调整层,设置参数如下:3、创建“渐变映射”调整层,操作布草如下:

插画艺术网
本实例以造型优美的、抽象的花朵形象和渐变的、绚丽的花朵色彩,来表现插花艺术网页页面的设计主题。该设计效果强烈,点、线、面、色彩和图形的组合运用是构成网页的装饰要素。紫红色的运用为画面增添了浪漫气息。如图11-40所示,为本实例的完成效果。图11-40 本实例完成效果在本实例中所设计的内容与主题相符,体现插花这门艺术的优美与浪漫。协调的处理色彩与其他设计要素之间的相互关系,增强网页的信息和情感传递效果,使人们在浏览的时候产生共鸣。在制作过程中主要采用绘制路径、描边路径来绘制图像,使用“画笔”工具来修饰图像的颜色,更改图像的混合模式使两幅图像叠加起来,能得到更加丰富的图像效果。如图11-41所示,为本实例的制作流程。图11-41 本实例制作流程(1)启动Photoshop,执行“文件”→“新建”命令,参照图11-42所示对打开的“新建”对话框进行设置,创建一个名为“插画艺术网”的新文档。图11-42 设置“新建”对话框(2)单击“图层”调板底部的“创建新图层”按钮,新建“图层 1”,然后使用工具箱中的“矩形选框”工具,参照图11-43所示在视图中绘制一个矩形选区。

CSS兼容IE6,IE7,FIREFOX的一些收集
第一种,是CSS HACK的方法height:20px; /*For Firefox*/*height:25px; /*For IE7 & IE6*/_height:20px; /*For IE6*/注意顺序。这样也属于CSS HACK,不过没有上面这样简洁。#example { color: #333; } /* Moz */* html #example { color: #666; } /* IE6 */*+html #example { color: #999; } /* IE7 */第二种是使用IE专用的条件注释<!--其他浏览器 --><link rel="stylesheet" type="text/css" href="css.css" /><!--[if IE 7]><!-- 适合于IE7 --><link rel="stylesheet" type="text/css" href="ie7.css" /><![endif]--><!--[if lte IE 6]><!-- 适合于IE6及一下 --><link rel="stylesheet" type="text/css" href="ie.css" /><![endif]-->第三种css filter的办法,以下为经典从国外网站翻译过来的。.新建一个css样式如下:#item { width: 200px; height: 200px; background: red;} 新建一个div,并使用前面定义的css的样式:
最新发布

Fireworks 8实例绘制:娃娃贺岁图
1、我们首先在Fireworks中新建一个大小为800×600的图像,大家都喜欢用红色来表示一种喜庆的气氛,在这里我们仍然将画布颜色自定义为红色,得到如图1所示的图像。 图1 设置画布颜色为红色 2、接下来我们就开始绘制小男孩了。首先是小男孩圆圆的脑袋,先绘制一个椭圆,运用部分选定工具以及钢笔工具添加锚点来改变其形状,从而勾勒出耳朵的形状,填充设置为实心填充,颜色为#FCE2C1,笔触大小为4,颜色设置为#500000,采用柔化圆形的方式来得到一种朦胧的效果,如图2所示。 图2 绘制小男孩的脑袋. 3、接下来我们给小男孩添加上头发,只要绘制几个椭圆,用两种不同亮度的颜色填充,就可以实现头发的层次感,由于后面我们还需要绘制帽子,一部分头发就会被挡住,所以对于头发的形状可以不用太过于讲究,如图3所示。 图3 给小男孩添加头发 4、我们通常都喜欢在过年的时候给小男孩戴一个瓜皮帽,扮成一个小财主的模样,接下来我们就给小男孩添加一个可爱的小帽子,首先用椭圆和直线工具勾勒出帽子的形状,用不同的红色填充,如图4所示。

Fireworks 8绘制情人节卡通桌面
新年刚过,情人节也马上就要到了,这个“洋节”越来越受到年轻一代的认可和接受。每年的这个时候,年轻的小伙子和姑娘们就会把它当作自己的节日来庆祝,大街上也到处都变成了鲜花和巧克力的海洋。为了庆祝这样一个特殊的日子,我们也来绘制一幅情人节的桌面。让我们先来设想一下这样一个场景:蓝蓝的天空上飘着朵朵白云,天空下面是一望无际的花的海洋,花丛中两个娃娃幸福地偎依在一起,相互诉说着爱的话语。衷心的祝福天下有情人都能幸福美满、相爱一生! 1、 在Fireworks中新建一个大小为1024×768的图像,在这里我们将画布颜色自定义为白色,得到如图1所示的图像。 图1 将画布定义为白色 2、 绘制一个与画布一样大的矩形,选择工具箱上的渐变工具,用线性填充,从上向下拉一条直线,设置左边滑块颜色为#A3B3DD,右边滑块颜色为#B1BEE1,得到如图2所示的背景。 图2 设置背景为渐变填充 3、 接下来我们来绘制云彩,首先绘制一个椭圆,用钢笔工具增加锚点,用自由变形工具将其调整为不规则的形状,然后选择填充类型为渐变填充中的缎纹填充,选择填充颜色为白色和浅蓝色,笔触颜色设置为蓝色,笔触类型为荧光笔,笔触大小为10,接下来添加滤镜效果中的放射状模糊和运动模糊,以及进行稍微的蓝色投影,这样一朵云彩就基本上做好了。如图3所示。 图3 绘制一朵云彩

体验Adobe Fireworks CS3新特性
ImageReady这款软件慢慢淡出,而Photoshop网页输出工具的扩展也让Fireworks这款图像应用程序面临这样尴尬的局面。但Adobe公司并没有放弃这款软件,而是对Fireworks进行了重新定位,让它以站点原型设计工具的身份出现在市面上。 Fireworks的用途并非像ConceptDraw、WebWave这种软件那样对站点的布局结构进行设计,而是更倾向于将站点上那些用Photoshop或是Illustrator CS3设计图转变成可点击式的模型,用以提供向客户演示的功能。 ■ Fireworks CS3 新特性 实时颜色 使用实时颜色来探索、应用和控制颜色变化, 这样您便可以选择任意图稿并以交互方式编辑颜色以即刻查看结果。 使用颜色参考面板来快速选择淡色、暗色或和谐的颜色组合。 Adobe Flash® 集成 将本机 Illustrator 文件导入到 Flash CS3 Professional 中, 或将图稿从 Illustrator 复制并粘贴到 Flash 中, 其路径、锚点、渐变、剪切蒙版和符号保持不变。 此外, 图层、组和对象名称也保留下来。 绘制工具和控件 比以往更迅速、更流畅地在 Illustrator 中绘图。更简单、灵活的锚点选择、增强的操作性能和新的橡皮擦工具可帮助您直观、高效地创建图稿。 改进的操作性能

Fireworks CS3切片工具的使用
在Fireworks或者是PhotoShop中设计好的网页效果图,需要导入到Dreamweaver中进行排版布局。在导入到Dreamweaver之前,可以使用Fireworks对效果图进行切片和优化,然后才能够把优化好的切片输出到Dreamweaver的站点中进行布局。切片的目的是为了获得图像素材,也就是说能够通过写XHTML语言脚本实现效果的部分,就不需要切片,而必须用图像的地方,则一定要切片。下面通过一个实例来给大家介绍一下Fireworks CS3的切片和优化功能,具体操作步骤如下: 1. 在Fireworks CS3中打开制作好的网页效果图,如图所示。 在Fireworks CS3中打开制作好的效果图 【说明】效果图中的辅助线是在效果图设计之初就添加完毕的。 2. 选择Fireworks CS3中的【切片】工具,对效果图进行切片,切片完成后的效果如图所示。 切片完成后的效果 【说明】切片的时候,尽量保证所有的切片和被切片的图像尺寸一致,不要切片大于或者小于被切片的图像,同时切片之间尽量保持不要重叠。 3. 几个特别需要注意的地方来详细给大家说一下,首先是在内容区域,文本的前方有小的黑色三角箭头,这是用图像来制作的,所以必须要切片,但是由于所有文本前方的箭头图标都是一样的,所以只需要切一张即可。如图所示。

Fireworks CS3 蒙版基础教程
这是即将出版的Fireworks CS3经典教程的部分章节,看到有些朋友对蒙版的概述还不是很清楚,所以放上来供大家学习借鉴,请多支持,谢谢! Fireworks CS3中蒙版的应用 很多人在学习蒙版的时候会有困惑,不知道蒙版是做什么的,总是觉得蒙版的概念很深奥,不好理解。其实在学习蒙版之前,我们需要首先来了解蒙版都能做什么,知道蒙版的作用以后,再来学习如何创建蒙版就不会觉得那么难以理解了。 一、蒙版概述 简单来说,蒙版的作用就是实现透过某个形状看另外一个图形的效果。如图5-62所示。 图5-62 蒙版的效果 除了能够把图像显示在任何一种形状内以外,蒙版还能够制作图像渐隐效果,如图5-63所示。 图5-63 图像渐隐效果

Fireworks cs3制作Vista眩彩效果
注:此篇教程参考了RockHward兄《Fireworks中"建立控点法"的运用》一文中的做法,在此谢过! 步骤: 1、钢笔工具绘制以下弯月型渐变效果图: 2、绘制一个与画布颜色相同的小圆,放在适当位置,以调节控制中心点(详细解释请见RockHward兄的《Fireworks中"建立控点法"的运用》一文): 3、按shift键同时选中弯月图形和小圆,将二者组合: 4、鼠标选中组合后的图形,在下方滤镜按钮里选择“模糊”>>>“放射状模糊”:

Adobe Fireworks CS3界面概览
几个月的期待,Fireworks CS3 新版终于发布,让我们来看看她的新面孔。 安装界面采用了全新的风格,既不同于Macromedia以往安装风格,也没有融入Adobe原有软件安装界面的特点,但大体顺序和Macromedia Fireworks 8 安装顺序一致。 安装成功后的开始菜单,可以注意到,除了插件管理器外,多出了Adobe CS3中的两个其他工具。 Adobe Fireworks CS3 的 启动画面 启动画面仍然黄色色调为主,FW两个醒目的字母在上,代替了原有Macromedia中的FW变形字母标志,Adobe Fireworks CS3在下,这下把Fireworks 简称为FW更合理合法了。呵呵。 左下角放上了Adobe的标志。看着这个标志,再也找不到Macromedia几个字母,心里很不是滋味。 Adobe Fireworks CS3 整体界面

Adobe Fireworks CS3新功能
实时颜色 使用实时颜色来探索、应用和控制颜色变化, 这样您便可以选择任意图稿并以交互方式编辑颜色以即刻查看结果。 使用颜色参考面板来快速选择淡色、暗色或和谐的颜色组合。 Adobe Flash® 集成 将本机 Illustrator 文件导入到 Flash CS3 Professional 中, 或将图稿从 Illustrator 复制并粘贴到 Flash 中, 其路径、锚点、渐变、剪切蒙版和符号保持不变。 此外, 图层、组和对象名称也保留下来。 绘制工具和控件 比以往更迅速、更流畅地在 Illustrator 中绘图。更简单、灵活的锚点选择、增强的操作性能和新的橡皮擦工具可帮助您直观、高效地创建图稿。 改进的操作性能 通过改进关键操作的性能 (包括提高屏幕重绘、对象移动、平移、缩放和变形速度), 体验响应更为迅速的绘制和编辑过程。 控制面板 通过访问上下文相关的控制面板中的锚点控件、剪切蒙版、封套扭曲及其它选项, 更快地发现更多选项并释放屏幕空间。

Adobe Fireworks CS3(Fireworks 9)Bate3 的破解方法
注:本文提供的方法未经证实,本站发表此文仅限于学习研究,不得用于商业用途! 有幸弄到了FireworksCS3Beta3,官方给的序列号的只能试用30天 破解方法如下: 找到FireworksCS3目录,如X:ProgramFilesAdobeAdobeFireworksCS3AMT 把application.sif这个文件随便改个后缀名,在打开FireworksCS3,OK,没时间提示了!GOODLUCK!

Fireworks CS3体验之Pages面板
迟迟没有转投CS3,今天因为其Pages面板,Down下来体验了一把。 首先,请记住Pages面板的快捷键【F5】,当然你也可以还是习惯的用【F2】打开层面板,Pages面板和它在一起。之所以希望大家记住这个快捷键,是因为Pages面板确实挺好用。你可以将整个项目的页面分页全部保存在一个PNG文件里,有点类似MS的Publisher。其实在CS3之前,Fireworks的帧面板也可以这么做,但不是很方便。 当然,对这个功能我也有担心,会不会因为多个页面导致合并后的PNG文件会很大,操作起来过慢呢?这里我做了一个小测试。 测试平台基本参数: Intel Core Duo T2050 DDR2 1G*2 选择某项目下5个PNG源文件,共计大小1.36M,使用Pages面板将其导入其中并保存。保存后的文件大小仅605K。压缩了近50%。全新打开包含pages的PNG文件费时5秒,打开原始5个PNG文件费时约10秒。这么厉害?再试试。选择不同项目的5个文件合并,得出结果,压缩不到10%。怎么会这样? 其实Pages面板之所以会让文件变小,是因为它将多个pages同样的元素作为公用元素。前面我们所比较的是同一个项目下的多个文件,自然会有很多相同的元素,瘦身效果自然也就比较好了。下面我们来实际操作一下。看看Pages面板的作用。