推荐阅读

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 选择黑色笔刷并提高笔刷边缘硬度,涂抹需要保留的区域,用白色笔刷涂抹羽毛边缘,根据涂抹区域大小的不同使用不同粗细的笔刷
最新发布

基础(31)教您深入了解新的 Dreamweaver CS3 CSS 布局
现在, 更多的设计人员和开发人员在使用 Web 标准传达内容。 一个例子是从基于表格的布局迁移到层叠样式表 (CSS)。 虽然使用 CSS 等 Web 标准的优点包括更灵活强大的跨浏览器站点设计, 但很多人没有时间学习全新的方法来完成工作。Dreamweaver CS3 能快速运行, 提供不仅仅使您的页面准备就绪的 CSS 布局以, 还在代码中提供扩展的内嵌注释帮助您学习。 在 Web 上的多数站点设计都可以归类为一栏、两栏或三栏布局, 每一种都有附加元素 (例如页眉、页脚等)。Dreamweaver 提供全面的基本布局设计列表, 这使您能够通过单击鼠标开始使用 CSS。在本文中, 创建了 Dreamweaver CS3 中 CSS 布局的 Stephanie Sullivan 将讨论什么是 CSS 布局、如何访问这些布局以及在项目中使用它们时注意什么问题。Dreamweaver CS3 的一个新功能就是 CSS 布局。 创建这些布局是为了帮助 CSS 新手在站点布局访问快速入门。它们不包含任何样式设置。 它们有大量的注释, 使您在将其改编为自己的设计时, 注意到需要进行的更改及其对布局其他部分的影响。 CSS 布局对于理解 CSS 并已使用 CSS 定位的用户也非常有用。 将其看作一种作为开头的坚实基础的快速入门。 以前, 我通过自己的自定义快速入门使用代码片断。 现在, 我有更多的选择已经打包在 Dreamweaver CS3 内部。Dreamweaver CSS 布局在以下浏览器正确显示: Firefox (Windows 和 Macintosh) 1.0、1.5 和 2.0; Internet Explorer (Windows) 5.5、6.0、7.0; Opera (Windows 和 Macintosh) 8.0、9.0; 以及 Safari 2.0。 在为 CSS 布局编写代码时, 特别避免了特定浏览器的缺陷。 虽然这些当前和旧有浏览器已经过彻底的测试, 但并不表示 CSS 布局不能在更早的浏览器中工作。 如果需要支持 IE 5 Macintosh 等旧有浏览器, 实际上几乎不需要添加内容。 这是 Greg Rewis 和我正在为 New Riders 编写的《Mastering CSS with Dreamweaver CS3》一书所要介绍的内容之一。CSS 布局有两种访问方式:* 选择“文件”>“新建”, 然后转到对话框的“空白页”窗格。* 在 Dreamweaver 欢迎屏幕上, 转到“新建”列并选择底部的“更多…”。图 1. CSS 布局一览两种方法均会向您显示所有选项, 从空白 HTML 文档开始, 依次到一栏、两栏和三栏选项。 这些选项按布局类型组合。您会注意到多个图标, 这些图标在整个布局中重用。 这些图标注明布局中的栏使用什么样的宽度。 下面还有文本描述。 锁图标指示栏值已使用固定像素大小编写。 弹簧图标及其上方的 em 或 % 表示栏值已使用弹性方法编写 - 基于 em 或百分比。图 2. 锁和弹簧图标表示已为各个栏赋予什么值当您通过在对话框中突出显示来选择启动页面的布局类型后, 您就可以进行多种其他选择。 首先, 需要选择文档类型 (HTML 或 XHTML)。其次, 需要选择放置 CSS 的位置。 选择“添加到开头”会将 CSS 选择器置于文档开头, 使其在您开发页面时显得简单。 然后, 可以使用将的 CSS 管理功能将其移动到外部文件。 选择“新建文件”会将 CSS 选择器置于链接到 X/HTML 文档的新 CSS 文件。最后, 选择“链接到现有文件”会使您能够使用链接图标将 Dreamweaver 指向外部 CSS 文档。 但请记住, 您的选择器名称必须与提供的 X/HTML 文档名称匹配。CSS 布局的五种类型概述有五种基本布局定位类型可供选择:* 弹性布局 - 总体宽度及其中所有栏的值都以 em 单位编写。 这应使布局能够使用浏览器的指定基本字体大小缩放。 对于视力不好的用户, 这可能更有吸引力、更易于访问, 因为栏宽度将变得更宽, 能以任何大小显示更舒适、更可读的行长度。 由于总体宽度将缩放, 您的设计必须允许可这宽度。* 固定布局 - 总体宽度及其中所有栏的值都以像素单位编写。 布局位于用户浏览器的中心。* 流体布局 - 总体宽度及其中所有栏的值都以百分比编写。 百分比通过用户浏览器窗口的大小计算。* 混合布局 - 混合布局组合两种其他类型的布局 - 弹性和流体。 页面的总宽度为 100%, 但侧栏值设置为 em 单位。* 绝对定位布局 - 所有前述布局的外栏使用浮动内容。 而绝对定位布局完全如其名所示 - 有绝对定位的外栏。 必须记住, 当使用这些布局时, 侧栏会“提出文档流程”, 因而可能有一些不合适的结果 (例如, 页脚可能“看不见”在侧栏在何处结束并在主要内容区域包含的内容少于侧栏的页面与页脚重叠)。了解和使用 CSS 布局让我们创建一个 CSS 布局并看看其中的内容。 转到“新建文档”对话框, 选择使用 XHTML 1.0 Transitional 文档类型的 2 栏固定、左侧栏、页眉和页脚, 将 CSS 置于文档开头。 单击“创建”。您可能注意的第一点就是所有 CSS 选择器都以类 .twoColFixLtHdr 开头。 这种子节点选择器告诉您要使用的是任何页面类型。 twoCol 表示两栏, Fix 表示固定布局, Lt 表示左栏, Hdr 表示有页眉和页脚。 所有页面使用相同的顺序, 因此, 打开不同的类型时这些都有相应的意义。 此类在每个选择器之前的原因是为了使您能够组合布局, 从而编写更有效的 CSS。 Dreamweaver 将类放于每个页面的正文元素上, 我们刚创建的布局显示 <body class="">。如果您的客户端需要不同类型的页面, 一些有两栏, 另一些有三栏, 您可以为两种类型的页面组合 CSS。 为 p、h1、h2、h3、ul、ol等编写的选择器可以编写为简单的类型选择器, 甚至可以编写为有分支名称和类型选择器 (例如 #mainContent h1) 的子节点选择器以保持不同页面类型之间的一致性。 无需重写所有内容 - 只需保持布局部分所需的选择器 - 针对组合页面时的每种页面类型。如果只要使用一种页面类型, 可以将这些类一起删除。 我自己操作时会删除它们, 因为当它们存在时, 更难阅读 CSS 面板中的选择器名称。但是, 它们也很容易删除。 只需突出显示文档的 CSS 中的 .twoColFixLtHdr 类 (以及其后的空间)。 按 Ctrl/F (Windows) 或 Cmd/F (Mac) 可以打开“查找和替换”对话框。它将在窗口的“查找”部分打开, 其中包含突出显示的类。 请确保“查找范围:”设置为“当前文档”, “搜索:”设置为“源代码”, 并将“替换”区域留空。 单击“替换全部”。 Dreamweaver 会很快将这些类从文档中搜索出来。图 3. “查找和替换”会很快将外来类从文档中搜索出来

在 Dreamweaver 中打开与文件关联的设计备注
执行下列操作之一来打开设计备注: 在“文档”窗口中打开文件,然后选择“文件”>“设计备注”。在“文件”面板中,右键单击 (Windows) 或按住 Control 单击 (Macintosh) 该文件,然后选择“设计备注”。在“文件”面板的“备注”列中,双击黄色的“设计备注”图标。

用Fireworks做出精美的文字特效
本文总结了不少用Fireworks绘制各种文字特效的常用表现技巧和制作方法,希望对大家有所帮助。 一、几种常见文字特效 1. 简单、常用本图摘自腾讯网,不是偶做的 两层:一是单色字体(一般是中粗) 第二层是文字打散(Ctrl+Shift+P),描边(2-5px),投影(距离和柔化都在5以内) 2. 渐变本图摘自腾讯网,不是偶做的 暂时只说简单的两层式:在有色的背景中输入文字,打散。然后复制一层放在后面。 把第一层进行这三步操作:拆分组合(Ctrl+Shift+B)、联合路径(选中所有文字“修改”-“组合路径”-“联合”)、然后填充渐变色(常用比较鲜艳的颜色,注意渐变的两个色最好一个深一个浅) 后面那层就描边,根据其中的颜色来描。一般是描白色和黑色,3-5个像素宽的边。 3. 一种常见(特别是在像素画中)的凹凸效果 共四层:主层是主体文字(用较粗的字体),给一个单一的色 主层文字上面复制两层,一层是暗层,内投影-比主文字色暗一些的颜色,2像素边距,柔化为0,角度138左右;暗层的下面有个亮层(通常亮在暗下面,当光线不足),内投影-比主文字色亮一些的颜色,2像素边距,柔化为0,角度为315左右。 最后面给一层,为主体文字描个深色的边。OK了~ 4. 文字特效的另一手段:突出显示

Fireworks制作环绕文字
有时候我们可能需要做一些圆形文字的环绕,其实这类文字实际上就是一种文字环绕路径的效果,不过只简单的通过Attach to Path功能是无法实现这种效果的。 仔细观察一下:环绕路径的文字的上半部和下半部实际上方向相反,所以光使用Fireworks提供的文字环绕路径功能无法一次性实现类似的效果,其中还需要一些小技巧。 制作方法如下: 步骤一:新建一个空白图片,用Ellipse工具,画一个圆,用knife工具,将需要环绕的圆形路径在横向的两个顶点处一分为二。 步骤二:使用文字编辑器将需要环绕在路径上的文字平均分为两个文字对象,并将它们的对齐方式设置为分散对方。 步骤三:将两个文字对象分别环绕到上下半圆路径上,使用Attach to Path命令或使用快捷键:Ctrl+Shift+Y。注意:此时Fireworks3这几个文字是反转的。 步骤四:先使用指标工具选择下半段文字环绕的路径对象,并使用Text>Reverse Direction命令将环绕在路径上的文字反转,然后使用文字编辑器编辑上半段路径上环绕的文字,将其中文字的相对高度调到合适的值,最终使路径上环绕的文字嵌于路径外侧,与上半段路径中的文字对称即可。如图:

Adobe fireworks CS5 新功能介绍
Fireworks是网页原型和网页效果图设计利器,在最新的CS5版本中,新增了如下的功能:1、自定义笔刷,Fireworks CS5终于能够像他的老大哥PhotoShop那样自定义笔刷样式了,甚至在Fireworks CS5中可以导入PhotoShop和illustrate所定义好的笔刷效果。2、在Fireworks CS5中,将包含PhotoShop的所有滤镜,让你发挥无限创意的可能!3、支持表格布局,可以使用类似于Dreamweaver的表格工具在Fireworks CS5中直接绘制表格。4、新增的修剪变形工具,能够轻松创建各种曲线图形。5、在Fireworks CS5中使用Microsoft帮助!也许这个并不重要,但是这说明微软正在和Adobe联手开发基于Fireworks CS5的各种应用,据说在新的Fireworks版本中将会内置IE6。

Fireworks制作经典的扫光字GIF动画
本实例讲解中Fireworks PNG源文件下载。 效果: Fireworks扫光字GIF动画效果 下载该源文件(PNG)。 1、首先我们把背景选为黑色。再输入文字用白色填充,注意调整文字之间的间隔。 在Fireworks中输入文字并调整 2、选中字体,对其进行转换为路径文件。

Fireworks教程:运用字体打造酷酷涂鸦墙壁效果
效果: 作品名称: 《涂鸦·雨后·厕外》 作品意念: 表现前现代年青人玩世不恭,些许颓废,酷爱生命的态度。 本作品需要: 插件:EyeCandy4.0滤镜 字体:cold night for alligators.ttf 字体:KR Heartalicious.ttf

教你用Fireworks绘制立体字教程
效果图: 建立画布什么的就不说了,首先把文字输入进去:选择文字工具,输入文字FW,选取04b_03b字体,字号看你的需要来选择,教程里所选的是120PX: 选取输入的文字,文本菜单——转换为路径: 取消群组: 选取部分选取工具,选取转换为路径后的“F”字母,再选取路径左下角的节点,按住SHIFT键选取右下角的节点:

CorelDraw 绘制黑玫瑰人物教程
CorelDraw 绘制黑玫瑰人物教程。 1、用曲线类工具绘制出人物头部轮廓,填充合适的肤色(C0、M9、Y9、K0)并去除轮廓,如下图所示: 2、下面来制作脸部的腮红。 首先,绘制一个圆形,填充洋红色并去除轮廓。 然后点击工具箱中的“交互式透明工具”,此时选择属性栏中的“射线透明”,调整一下透明控制滑块(中间滑块的透明度设置为85,其它的为100,当然这个可以根据个人的喜爱去设置:-),效果如下图所示: 3、将添加透明后的圆形复制一个到脸的另外一边,然后选择这两个圆形,按住右键拖曳鼠标至脸部后松开鼠标,在随后弹出的菜单命令中选择“精确裁剪至内部”,将腮红置于脸部内合适的位置,效果如下图所示: 4、现在我们来绘制MM的眉毛。