推荐阅读
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的样式：
最新发布
Illustrator CS5初学者必读（5）3D凸出与斜角
很多初学Illustrator的朋友，都不太了解如何使用3D菜单中的命令，来制作逼真质感3D图形的方法，借此机会我精心地为大家安排了一个使用3D凸出和斜角命令，制作3D立体文字的实例，希望对朋友们能够有所帮助。在Illustrator中的3D凸出和斜角效果命令，可以通过挤压平面对象的方法，为平面对象增加厚度来创建立体对象。在“3D凸出和斜角选项”对话框中，用户可以通过设置位置、透视、凸出厚度、端点、斜角/高度等选项，来创建具有凸出和斜角效果的逼真立体图形。在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1） 运行Illustrator CS5，打开本实例配套素材“花纹背景.ai”文件。（2） 选择“文字”工具，在页面内创建文字 。（3） 选择“选择”工具，执行“文字” →“创建轮廓”命令。
Illustrator CS5初学者必读（6）符号工具
很多初学Illustrator的朋友，一般都会创建符号图形，但对符号图形进行编辑的操作不太了解，借此机会我精心为大家安排了一个“运动鞋广告”实例，通过整个操作过程使广大朋友们能够灵活应用符号工具。使用符号工具可以方便、快捷地生成很多相似的图形实例。在符号工具组*有八个符号工具，分别为“符号喷枪”、“符号移位器”、“符号紧缩器”、“符号缩放器”、“符号旋转器”、“符号着色器”、“符号滤色器”和“符号样式器”工具，使用这组工具不但可以创建符号图形，还可以对符号图形进行移动、删除、着色、旋转等编辑。在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1）运行Illustrator CS5，打开本实例附带光盘“鞋广告背景.ai”和“星形.ai”文件。（2）将“星形”图形拖移到“鞋广告背景”文档中的空白处，并定义图形为符号。（3）删除星形图形，新建图层。双击“符号喷枪”工具，设置打开的对话框。
Illustrator CS5初学者必读（7）透明度调板
很多初学Illustrator CS5的朋友，在欣赏使用Illustrator制作的作品时，经常可以看到绚丽的光效和通透的、充满灵气的作品，很好奇这些效果是如何制作出来的，其实通过设置“透明度”板中的混合模式和不透明度，可方便的制作出这些效果。在“透明度”调板中，可以为对象设置不同的不透明度，还可为一个对象的填充和描边设置不同的透明度，此外还可使用透明度来挖空图形。另外在“透明度”调板中，还可设置图形的混合模式，混合模式决定了当前选择对象与它下方对象色彩的混合方式，它常常用来混合两个图像。综合应用透明度和混合模式的设置可制作出视觉丰富的作品。该教程精心为大家安排了一个服装海报实例，重点向朋友们讲述透明度和混合模式的使用与设置。在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1）打开本实例配套素材“服饰海报.ai”文件。（2）将不需要的图像暂时隐藏。（3）选择图形，执行“窗口”→“透明度”命令，打开“透明度”调板。
Illustrator CS5初学者必读（8）绘制自由路径
在Illustrator CS5中绘制图形作品时，只使用基本绘图工具绘制图形是远远达不到设计的需求的。使用“铅笔”工具、“钢笔” 工具可以绘制各种形状的图形，还可以自由的绘制任何图形效果。这两种绘制自由路径的工具具有很强的灵活性，它绘制的路径可以是开放的，也可以是封闭的。此外，它们还可以组成单个直线、曲线或者将多个部分组在一起，以符合绘图的需要。该教程精心为大家安排了一个人物插画实例，通过整个操作过程使广大朋友们能够掌握绘制自由路径的方法与技巧。在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。绘图工具的使用方法（1）运行Illustrator CS5，执行“文件”→“打开”命令，打开“人物.ai”素材文件。（2）新建图层，使用“钢笔”工具，在页面内确定路径的起始锚点。（3）绘制直线路径。
Illustrator CS5初学者必读（10）实时描摹图像
在Illustrator中，可以同过实时描摹图像，将位图图像转换为矢量图形。转换的图像可以是彩色的也可以是黑白色的，可以是几颜色也可以为多种颜色，这些都可以在“描摹选项”对话框中进行设置。对描摹的效果满意后可以将描摹转换为矢量图形，这时的图形可以像其他路径一样进行编辑。为了更加便于朋友们理解和应用实时描摹，我精心的为朋友们安排了旅游POP广告实例，在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1）打开本实例配套素材“背景.ai”文件和“风景.ai”文件。（2）在“风景”文档中选择合适的素材并移动至“背景”文档中进行编辑。（3）执行“对象”→“实时描摹”→“描摹选项”命令，打开其对话框进行设置。
Illustrator CS5初学者必读（11）实时上色
在Illustrator中，有一种可以对矢量图形进行快速、准确、便捷、直观的上色方法，那就是实时上色。如果需要对图形进行实时上色，首先需要将此图形创建为一个实时上色组。在实时上色组中，图形与图形相交叠的区域，可以为其填充色彩、图案或者渐变，使对矢量图形色彩的编辑更加便捷。为了更加便于朋友们理解和应用实时上色，我精心的为朋友们安排了字体设计实例，在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1）打开本实例配套素材“背景.ai”文件。（2）打开“图层”调板，显示字母“A”图形。（3）使用“钢笔”或“铅笔”工具，在字母“A”图形上绘制曲线路径。
Illustrator CS5初学者必读（12）3D绕转
在Illustrator中，执行“3D绕转”命令，可以将图形沿自身的Y轴绕转成三维的立体对象，与“凸出和斜角”命令相同，还可以对绕环的三维对象添加贴图和应用光源效果，制作出逼真的三维图形效果。为了更加便于朋友们熟练地掌握3D绕转命令的使用方法，我精心的为朋友们安排了逼真立体质感的糖果广告，在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1）打开本实例配套素材“糖果广告.ai”文件。（2）选择瓶盖路径，执行“效果”→“3D”→“绕转”命令。（3）设置该对象的绕转方向。（4）手动调整对象的旋转角度。
Illustrator CS5初学者必读（13）应用封套
在Illustrator中，封套扭曲是比较灵活、且具有可控性的变形工具，使用封套可以使对象按照封套的形状产生变形。封套是用于扭曲对象的图形，被扭曲的对象叫做封套内容。通俗的讲，封套就好似一个容器，而封套内容就像是放入容器的液状物体，容器是什么形状，里面的溶液也呈相同的形状，封套扭曲应用原理也是如此。为了便于朋友们理解和应用封套扭曲，我精心的为朋友们安排了“快餐POP宣传页”的设计，在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1）打开本实例配套素材“背景.ai”文件和“西式快餐店（2）在“西式快餐店POP”文档中的选择图像，将其移动至“背景”文档“图层 4”中并调整其大小。
Fireworks CS5基础教程：新增功能
1.性能和稳定性提高• 对 Fireworks 中常用工具的大量改进将帮助您提升工作效率• 更快的综合性能• 对设计元素像素级的更强控制• 更新了综合路径工具2.像素精度增强型像素精度可确保您的设计在任何设备上都能清晰显示。快速简便地更正不在整个像素上出现的设计元素。3.Adobe Device Central 集成使用 Adobe Device Central，您可以为移动设备或其他设备选择配置文件，然后启动自动工作流程以创建 Fireworks 项目。该项目具有目标设备的屏幕大小和分辨率。设计完成后，您可以使用设备中心的仿真功能在各种条件下预览此设计。还可以创建自定义设备配置文件。改进的移动设计工作流程包括使用 Adobe Device Central 整合的交互设计的仿真。4.支持使用 Flash Catalyst 和 Flash Builder 的工作流程。创建高级用户界面及使用 Fireworks 和 Flash Catalyst 之间的新工作流程的交互内容。在 Fireworks 中设计并选择对象、页面或整个文档以通过 FXG （适用于 Adobe Flash 平台工具的基于 XML 的图形格式）导出。通过可自定义的扩展脚本将设计高效地导出至 Flash Professional、Flash Catalyst 和 Flash Builder。5.扩展性改进使用其他应用程序时将体验更强的控制：增强型 API 支持用户扩展导出脚本、批处理以及对 FXG 文件格式的高级控制。6.套件之间共享色板使用 Fireworks 中的功能可更好地控制颜色准确性以便在 Creative Suite 应用程序之间共享色板。共享 ASE 文件格式功能可鼓励在设计者（包括那些使用 Adobe Kuler 的设计者）之间统一颜色。
Fireworks CS5基础教程：关于使用 Fireworks
Adobe® Fireworks® 是一个用于创建、编辑和优化 Web 图形的多功能程序。您可以创建和编辑位图和矢量图像、设计 Web效果（如变换图像和弹出菜单）、裁剪和优化图形以减小其文件大小以及通过使重复性任务自动进行来节省时间。可以将文档导出或保存为 JPEG 文件、GIF 文件或其它格式的文件。这些文件可与包含 HTML 表和 JavaScript 代码的 HTML 文件一同保存，以便您可以在 Web 上使用它们。有关介绍 Fireworks 基础知识的视频教程，请参阅 www.adobe.com/go/lrvid4032_fw_cn。1.绘制和编辑矢量对象和位图对象在 Fireworks“ 工具” 面板中，用来绘制/ 编辑矢量的工具与用来绘制/ 编辑位图的工具位于不同的部分。所选工具决定了创建的对象是矢量还是位图。在绘制对象或文本之后，可以使用各种工具、效果、命令和技术来增强图形或者创建交互式导航按钮。还可以导入和编辑 JPEG、GIF、PNG、PSD 和其它许多文件格式的图形。2.向图形添加交互效果切片和热点是指定 Web 图形中交互区域的 Web 对象。切片将图像切成可导出的部分，您可以将变换图像行为、动画和统一资源定位器 (URL) 链接应用到这些部分上。在网页上，每个切片都出现在一个表格单元格中。使用切片和热点上的拖放变换图像手柄可以为图形快速指定交换图像和变换图像行为。使用 Fireworks 按钮编辑器和弹出菜单编辑器可生成用于在网站上导航的特殊交互式图形。3.优化和导出图形使用 Fireworks 功能强大的优化功能，可以在所导出图形的文件大小和可接受的视觉品质之间取得平衡。所选择的优化类型取决于用户的需要以及要优化的内容。优化图形后，下一步是将它们导出以便在 Web 上使用。从 Fireworks 源 PNG 文档中，您可以导出许多种类型的文件，其中包括 JPEG、GIF、GIF 动画和包含多种文件类型的切片图像的 HTML 表格。