推荐阅读

CorelDRAW绘制绿色的森林一角场景
该实例制作了一幅森林场景画面,画面以绿色调为主,通过不同绿色之间的搭配关系营造出丰富的色彩关系。在处理手法上要注意表现画面的纵深感,并且要层次分明、主次有序。图3-2为本实例的完成效果。图3-2 本实例完成效果3.1.1 技术提示本实例的画面具有一定的纵深感,制作时通过为图形添加阴影效果,拉开了画面的层次,给人一种纵深的空间感。如图3-3所示,为本实例的制作流程。图3-3 本实例制作流程3.1.2 制作步骤:绘制远景植物(1)启动CorelDRAW,新建一个工作文档,在属性栏中将“微调偏移值”设为0.1mm,其他参数保持系统默认。然后使用“矩形”工具,在视图中绘制矩形。如图3-4所示。

Photoshop调出唯美冷色效果的外景人像
最终效果原图1、打开素材图片渐变映射调整图层,参数如下 选用较暖的明暗色作为叠加层,确定后把混合模式改为“叠加”,不透明度改为:30%,如下图。2、创建色彩平衡调整图层,参数及效果如下图。

(10-2):使用字符调板
1012以上是在文字工具的公共栏中出现的选项。在点击了字符调板按钮后即会出现字符调板【窗口_字符】,如下图。在其中可以对文字设定更多的选项。在实际使用中也很少直接在公共栏中更改选项,大多数都是通过字符调板完成对文字的调整的。其中的字体、字体形式、字号、颜色、抗锯齿选项就不重复介绍了。注意其中的为亚洲文本选项,需要在Photoshop首选项〖CTRL_K〗的常规选项中开启“显示亚洲文本选项”才会出现。1013拼写检查选项是针对不同的语言设置连字和拼写规则,如下右图显示了英国英语和美国英语对同样文字的不同连字方式。注意,末尾连字只有在框式文本输入时才有效。因为框式文本是自动换行的。通过手动换行的文字是不会有连字效果的。有关框式文本的输入方法在本节后面部分介绍。连字和拼写规则对于中文是没有意义的。因为汉字为单体结构,即一个汉字字符已携带完整含义,而字母系语言需要多个字符组合才能携带完整含义。也正是因为汉字携带的信息巨大,因此现在电脑的计算能力还不足以完美处理中文化的信息结构。-1014行间距控制文字行之间的距离,若设为自动,间距将会跟随字号的改变而改变,若为固定的数值时则不会。因此如果手动指定了行间距,在更改字号后一般也要再次指定行间距。如果间距设置过小就可能造成行与行的重叠。如下左图是自动行距与手动指定为12像素行距的比较。如果有重叠发生,下一行文字将会遮盖上一行。1015竖向缩放相当于将字体变高或变矮,横向缩放相当于变胖和变瘦,数值小于100%为缩小,大于100%为放大。如下右图中3个字分别为标准、竖向50%、横向50%的效果。-1016在字符调板中有比例间距和字符间距,它们的作用都是更改字符与字符之间的距离,但在原理和效果上却不相同。我们可以动手来理解它们的区别,新建一个足够大的图像,打上simple这几个字母,字体为黑体,大小为72像素。如下图左端所示,我们看到整个文字的宽度是由字符本身的字宽与字符之间的距离构成的。这两者都是在制作字体的时候就定义好的。有的字符本身较窄,但其左右的字距也较大,这样做是为了保证每个字符占用的宽度一致。否则,较窄的字符就只能占用较小的宽度。但这种设计却也造成了字符之间疏密不同。如下图中的mp之间与pl之间的疏密就不同。这种情况一般出现在使用中文字库输入字母的时候,Windows系统自带的黑体、宋体、楷体字体都存在这种现象。因此输入英文时应避免使用这些字体。字宽与字距间的比例将随着字号的大小相应改变,也就是说,对于同一个字体来说,字号越大,字符之间的距离也越大。反而反之。那么,字符间距选项的作用相当于对所有字距增加或减少一个相同的数量。可手动输入数值。如下图中将字符间距减去100,所有的字符间距都减去100,字符就互相靠拢了。但是这样做并没有改变疏密不同的情况,尽管mp已经是互相紧靠着密不透风,但pl还是有很大的距离。当然,如果继续减少字符间距也可以最终令pl之间也“密不透风”(设为-300左右),但mp之间却会产生重叠的效果了。我们可以用一个简单的算式来理解:假设mp原来的距离为100,pl之间的距离为300,当字符宽度设置为-100的时候,mp之间的距离为0,pl之间的距离还有200。要令pl之间的距离为0,字符宽度必须设置为-300,但同时mp的距离必须为-200,所以mp产生了重叠的现象。比例间距选项的作用是同比例地减少(注意,只能是减少而不能增大)字符的间距。按照上一个算式中的前提来假设计算的话就是:当比例间距设为50%,相当于所有字符间距减半(mp间距为50,pl间距为150),当设为33%的时候,所有字符间距减为原先的三分之一(mp间距约为30,pl间距为100),当设为100%的时候,所有字符的间距就都被降为0了。因此我们看到的效果是所有字符都彼此依靠(抗锯齿选项及字体形式的不同可能带来微小差异)。1017间距微调选项是用来调整两个字符之间的距离,使用方法与字符间距选项相同。但其只能针对某两个字符之间的距离有效。因此只有当文本输入光标置于字符之间时,这个选项才能使用。1018竖向偏移(也称基线偏移)的作用是将字符上下调整,常用来制作上标和下标。正数为上升,负数为下降。一般来说作为上下标的字符应使用较小的字号。如下图。1019强迫形式的名称是我们为了与文字形式相区别而起的,它的作用也和文字形式一样是将字体作加粗、加斜等效果,但选项更多。即使字体本身不支持改变形式,在这里也可以强迫指定。它与字体形式可以同时使用,效果加倍(更斜、更粗)。其中的全部大写字母选项的作用是将文本中的所有小写字母都转换为大写字母。而小型大写字母选项的作用也是将所有小写字母转为大写,但转换后的大写字母将参照原有小写字母的大小。如下图所示。上标与下标选项的作用与竖向偏移类似,就是增加了可同时缩小字号的功能。下划线选项与删除线选项的作用是在字体下方及中部产生一条横线。

用PS完美抠出复杂的羽毛头饰的简单教程
打开如下图片,复制图层,将 背景 层锁定。我们将在复制层进行抠图,隐藏背景层。选择 >> 色彩范围,打开色彩范围窗口,选择最左边的吸管工具并点击图像背景,这时在色彩范围窗口中你会发现被选择部分变成了白色,移动颜色容差滑杆,使得图像大部分区域变成黑色,并且背景易于选取。提示:要添加颜色到选区时,应使用中间的吸管工具点击要添加的色彩部分2 获得选区,在通道面板中,按下“将选区存储为通道”按钮,得到一alpha通道,取消选择(Ctrl+D),点击“Alpha 1”层,这时图像变成黑白色。提示:图像中的黑色区域是我们要保留的部分,白色为要扣除的部3 这时我们发现图像中还有部分灰色区域,这些将成为半透明区域,所以必须将他们调整为纯黑色或纯白色。图像 >> 调整 >> 色阶,打开色阶窗口,由左向右拖动黑色滑杆直到灰色区域变为纯黑色为止。由右向左移动白色滑杆将白色区域变的更清晰4 选择黑色笔刷并提高笔刷边缘硬度,涂抹需要保留的区域,用白色笔刷涂抹羽毛边缘,根据涂抹区域大小的不同使用不同粗细的笔刷
最新发布

详解Fireworks MX 2004丰富的图像导出功能
在Fireworks中创建并优化图形后,用户可将该图形输出为常用的Web格式及供其他程序(如Freehand)使用的向量图形格式。Fireworks MX 2004由于它的面向网络的特性,导出的形式可以不仅仅是图像,还可以是包含各种链接和Java Script信息的完整的网页。由于图像的导出和优化一样将产生一个导出副本,因此是不会修改原图的,所以,用户可以尝试在Fireworks中用一幅原图导出不同种类的许多图像。 一、导出预览 由于不同的图像格式使用的是不同的压缩方法,图像的质量和表象随着格式的不同而变化,所以用户应该根据图像的设计目的和应用场合来决定使用哪种图像导出格式。 只有通过比较鉴别才能突出不同图像格式的色彩和大小等特点,为此,我们首先讲一讲如何在导出时对不同格式进行选择。Fireworks里提供了在线比较不同的优化方式和原图的效果的窗口,2-up模式和4-up模式。若比较一幅图像的GIF导出效果与原图的差别,可以使用2-up模式和4-up模式。若比较一幅GIF导出效果与原图的差别,可以使用2-up模式。若希望比较两三种格式或优化方式的优劣时,就可选择4-up模式。图1显示了原图与GIF、PNG和TIFF三种格式的导出图像的差异,同时窗口中还显示了每一种优化方式或格式的主要参数、图像大小和传输时间等信息,可以帮助用户在不同图像格式之间的选择。 图1 4幅模式各种不同格式导出效果比较 图2 导出预览窗口

Fireworks 8 制作网页效果图 位图工具
这里主要介绍的是Fireworks 8的位图工具的使用,如果你用过ps的话,会感觉这两个软件在位图处理中有很多相似的地方,本例是一个以女性化妆品为主打产品的企业宣传网站“北京达美”的形象页面效果图设计。达美公司一直致力于结合科技和自然的化妆品产品的研发。由于达美公司主打自然健康的产品理念,因此在整体的页面设计中以绿色为主要的风格,同时配以女性模特、植物和蝴蝶的素材来体现清新、自然的感觉。如图1.1所示。 1.1 北京达美公司网站形象页面效果图(点击放大)。 1.新建一个Fireworks文件。 2.在弹出的【新建文档】对话框中设置画布的宽度为760像素,高度为430像素,背景颜色为白色。如图1.2所示。 图1.2 【新建文档】对话框 3.选择绘图工具栏中的【选取框】工具,在【属性】面板中进行相应的设置,如图1.3所示。 图1.3 【选取框】工具的属性设置

Fireworks 8 通道应用抠图实例
很久以来,Fireworks一直因为没有通道功能,为不少惯用photoshop抠图的用户诟病,经过对Photoshop和Fireworks的对比研究 ,本人终于不必一边用Fireworks做网页,一边用Photoshop抠图了,既省去了导来导去的麻烦,又为可怜的机器节省了PS所需的内存。下面用Fireworks 8和一张翅膀需要细致抠图的蜻蜓图片为例讲解此方法。 Fireworks8以前版本要用色阶或者曲线实现,稍微烦琐一点,大家可以使用我做的Fireworks通道插件,具体使用方法看此教程下面的视频教程。 此插件可以在Fireworks MX20048 (其他版本没有测试)中添加八条通道命令,这样在Fireworks中就可以像在Photoshop中一样方便的使用通道功能了。 (例图) 1、将需要处理的图片复制一份,并画两个与图片大小相同的黑色矩形,将4张图对齐,并在层面板里按(图1)所示关系排列: (图1) 2、将第1层的混合模式改成“饱和度”,第2层的混合模式改成“红”、“绿”、“蓝”中任意一种,此时所显示的效果即和Photoshop中的RGB对应通道完全相同,和Photoshop一样,要选择一个比较理想的通道。我选了绿(G)通道,效果如(图2)所示:

Fireworks 8 寻梦之旅(8):制作逼真的水珠
实例:添加逼真水珠 本例主要通过使用叠加混合模式的操作,来给素材图片上的荷叶添加两滴逼真的水珠,按照惯例,教程开始前,先来看看效果图。 素材文件下载(150KB, Winzip压缩) 源文件下载(299KB, Winzip压缩) 1、打开本例提供的素材文件。 2、在荷叶上绘制一个圆形对象,描边色设为无,填充类型选择渐变里面的放射状填充,颜色设为“#FFFFFF-#666666-#FFFFFF”,具体设置请参看下图所示。 3、在400%视图下,调整圆形对象的填充手柄,本例调节后填充手柄显示如下图所示。

Fireworks 8 寻梦之旅(9):制作弹出菜单
六、CSS格式弹出菜单制作导出 有关弹出菜单的制作方法,不是我们本部分的讲授重点,有关CSS格式控制的地方,才是需要我们注意的。所以本小节就通过一个简单的弹出菜单的制作讲解,使大家对于Fireworks 8里面新增的CSS格式化菜单有一个初步的了解和印象,以更好的进一步的来使用它。 源文件下载(37KB, Winzip压缩) 1、打开Fireworks 8,新建一个文件,文件的大小可以根据菜单的大小直接来设置。在编辑区绘制需要在页面上显示的菜单。 2、使用工具箱的“矩形热点”工具给菜单栏直接插入热区,不做转化为按钮元件的操作了。 3、选中“新书推荐”栏所在热区,选择菜单“修改|弹出菜单|添加弹出菜单”命令。在“内容”设置对话框内,将弹出菜单内容的文本、链接及其目标等都设定完毕,单击“继续”按钮,转到“外观”设置对话框。 4、在“外观”设置对话框内,选择单元格格式为“HTML”,将字体、文本大小、弹起状态、滑过状态的文本、单元格颜色都做一个设置。设置完毕,单击“继续”按钮,切换到“高级”设置对话框。

Fireworks8绘制精致指南针图案
本文中我们用Fireworks 8来绘制一个精致的指南针图案。 完成效果如下: (图01) 首先,设置画布大小为128x128像素,底色为白色。(图01) 用椭圆工具画一个90x90的正圆形,并水平、垂直对齐于画布;(图02) (图02) 改变填充类别为线性渐变,增加并调整渐变颜色;(图03)

如何在Fireworks 8中创建非矩形切片
创建非矩形切片 当试图将交互性附加到非矩形图像时,矩形切片可能无法满足需要。例如,如果打算将变换图像行为附加到切片,而切片对象互相重叠或者形状不规则,则矩形切片可能会与交换图像交换出非您所要的背景图形。Fireworks 解决此问题的方法是:允许您使用"多边形切片"工具绘制任何多边形形状的切片。 您也可以在矢量路径的顶部插入切片,以便创建不规则的切片形状。 若要绘制多边形切片对象: 选择"多边形切片"工具。 单击以放置多边形的矢量点。"多边形切片"工具仅绘制直线段。 当在具有柔边的对象周围绘制多边形切片对象时,请确保包括整个对象,以免在切片图形中创建多余的实边。 若要停止使用"多边形切片"工具,请从"工具"面板中选择另一个工具。不必再次单击第一个点以关闭多边形。

如何在Fireworks 8中创建HTML切片
创建 HTML 切片 HTML 切片指定浏览器中出现普通 HTML 文本的区域。HTML 切片不导出图像,它导出出现在由切片定义的表格单元格中的 HTML 文本。 如果要快速更新出现在站点中的文本而无须创建新图形,则 HTML 切片很有用。 若要创建 HTML 切片: 绘制切片对象并将其保留为选定状态。 在"属性"检查器中,从"类型"弹出菜单中选择"HTML"。 单击"编辑"。 在"编辑 HTML 切片"窗口中键入文本,如果需要,通过添加 HTML 文本格式设置标记来设置文本的格式。 注意:或者,可以在使用文本编辑器或 HTML 编辑器(如 Macromedia Dreamweaver)导出 HTML 后,将 HTML 文本格式设置标记添加到 HTML。 单击"确定"以应用更改并关闭"编辑 HTML 切片"窗口。 您输入的文本和 HTML 标记以原始 HTML 代码的形式出现在 Fireworks PNG 文件中切片的正文上。 注意:在不同的浏览器以及不同的操作系统中查看 HTML 文本切片时,它们的外观可能会有所变化,这是因为浏览器中可以设置字体大小和类型。

iPhone手机主题图标制作详解
上次跟大家介绍了在魔秀www.moxiu.com在线制作iPhone手机主题的方法,得到了不少朋友的热烈支持,大家对打造自己的手机主题产生了极大热情。有不少朋友看了我用的图标,觉得很漂亮,也想自己尝试制作主题图标,不过不知道如何操作,现在我就简单得跟大家说一下iPhone的透明图标如何制作。说一些,我使用的软件是Fireworks8.0,对于用PS的朋友处理方法是一样的。PS:顺便说一下,魔秀的iPhone主题制作已经能够支持Finder、Itunes、Rss、Installer、SummerBoard等常用软件的图标更换了。 首先找一个喜欢的图片用软件打开。选择魔术棒这个工具,图中红圈处 选择背景框用魔术棒点一下,如图 接着按一下键盘的“delete”键,将背景删除。如下图。 这时候基本的图标已经有雏形了。然后就需要对图片进行细致处理。点击导航的修改—画布—画布颜色,选择自定义,然后挑选一个与图片反差大的颜色。这里我选的蓝色。 按住键盘“Ctrl”键同时向外滚动鼠标将图片放大。

Fireworks 8打造美丽的雨后蝴蝶
Step 1:启动Fireworks 8,打开需要一幅蝴蝶的图像,然后选择“编辑”>“克隆”,将图像克隆两次,如图1所示。 提示:可以使用克隆的快捷键Ctrl+Shift+D。 Step 2 – 现在我们需要做一个水珠遮罩,在层面板中选择最上面的一层,然后选择“滤镜”>“调整颜色”>“色相和饱和度”,调整饱和度参数为-100。 Step 3 -选择“滤镜”>“杂点”>“新增杂点”,在弹出的杂点窗口中设置参数如图2所示。提示: Step 4 -选择“滤镜”>“模糊”>“运动模糊”,参数设置如下:角度 = 127; 距离 = 5。 提示:可以通过设置运动模糊来改变水滴出来的位置。 Step 5 -选择“滤镜”>“模糊”>“高斯模糊”,参数设置为:模糊范围 = 3.3,效果如图3所示。