推荐阅读
调出唯美艺术效果的夜景人像照片的PS调色教程
这组夜景是洱海网红树附近拍的，但是那几天都在下雨洱海涨潮，因为周围都是海没有环境光而且天也已经死黑了，所以我们原本带的两盏灯也没有任何用，只能把人物照亮，周围的环境还是一片死黑，加上晚上的洱海温度很低，让人瑟瑟发抖，在水里呆久了特别容易感冒，整组片拍下来也只不过用了几十分钟而已。首先我们分析一下原片：天空环境死黑固有色为暖色没有对比层画面单一 构图单一主题氛围感不足然后我们整理一下思路，这是一组人妖恋的主题，所以我们后期的方向需要把这张照片变得更加情欲和迷幻。
Illustrator基础教程(5)
我们已经了解了Illustrator的工具箱和浮动面板，现在我们看看Illustrator菜单里有什么有用的东东。 在菜单栏里包括了File、Edit、Object、Type、Filter、View、Window、Help八个菜单。先让我们看看File(文件）菜单。在这里和大多数软件一样包含了New(新建）Open(打开）Close(关闭）Save(保存）Save as...(另存为...)Save a copy...(保存一个拷贝）Revert(复原）。这些命令的操作和大多数的流行软件（特别是Photoshop)相似，这里就不多讲了。我们看看Place...(置入）。选择置入后，出现一个对话框 和大多数软件一样上半部分当然是选择文件之用，下半部分的中部是图形预览，左边有三个选项Link(链接）、Template(模板）、Replace(重新置入）。当我们选择Link时表示图像是按链接方式置入Illustrator的，这时置入的图像以带x的矩形方框表示选取状态。 在这种状态下只能对其进行缩放和旋转等操作。在链接状态下如果目标文件改变，链介入的图像也会跟着改变。如果不选中Link项，可以看到被置入的图像以矩形方框来表示其处于选中状态。 这种状态我们称之为嵌入。在嵌入状态下我们就可以对图像进行变形、滤镜等操作。 如果选中模板项，文件就会作为模板置入Illustrator，这时图像就不能被移动、不能被选择、显示以灰色显示。 重新置入可以改变图像置入的状态。如从链接状态改变为嵌入状态。这里有一个小的技巧告诉大家，在你置入的光栅图像还没定稿之前可以选择链接方式置入，这样如果在Photoshop中对图像进行的改动就会自动对Illustrator置入的光栅图进行更新。定稿以后就可以将它嵌入到Illustrator里。下面让我们看看Export(输出）。选择输出同样出现一个对话框，在文件类型里我们可以选择多种图形格式。 包括常用的BMP GIF89 JPEG Photoshop5 TIFF等等，这使Illustrator能够很好的和各种图形软件融合，可以方便的结合Photoshop进行图形加工。 Document Info命令可以看到一些文件的信息，如文件名、大小、物体个数、字体等等。当你选中图形中的一个物体或多个物体时Document Info就会变为Selection info，这时你看到的信息就变为选择的物体的信息。Docment setup提供了文件的一系列的参数设置。 本新闻共2页,当前在第1页 1 2 如页面的尺寸、页面的方位（横着还是竖着）、输出分辨率、拚板设置等等。Print setup....和Print就不多讲了，因为采用不同的打印机有不同的设置，这里就得自己翻翻打印机的说明了。 下面重点讲讲Preferences(参数设置），在这里包含了许多Illustrator的初始化设置，如果你想方便的使用Illustrator这里可要仔细看哟。它包含了General....(一般设置）、Type &Auto Tracing（字体和自动描边）、Units &Undo....(单位和还原操作）、Guides &Grid...（参考线和坐标格）Hyphenation Option(连字符操作)Plug-ins & Scrach Disk(插件和虚拟磁盘）。先让我们看看一般设置。 在这里可以进行很多专业的设置。Keyboard Incremnats(键盘操作设定）中的Cursor Key(箭头键）用来设置键盘上的箭头键移动的距离，这样当在实际工作中鼠标难以移动的微小距离可以用键盘上的箭头键移动（很有用！）。Tool Behavior(工具设定）中可以用Constrain Angle(角度限制）来设置页面坐标的角度。如果输入30度，那么画出的任何图形都将倾斜30度。Corner Radius(圆角半径）用来设置工具箱中圆角矩形的圆角半径。在General Option(常用选项）中有以下选项User Bounding Box(使用边界框）、User Area Select(区域选择）、Use Precise Cursor(采用精确图标）、Paste Remember Layers(贴入已记忆层）、Tansform pattern Tiles（连续图案的变形）、Disable Auto Add/Delete(取消自动减点工具转换）、Disable Warning(取消警告）、Show Tools Tips(显示工具说明）、Scale Stroke weight(缩放边线宽）。 在文字类型和自动描设置中可以根据个人习惯设置，包括Type Option(文字选项）设置Size/leading(大小/行距）、Tracking(字距）、Baseline Shift(基线移动）、Greeking(文字显示的最小值）、Type Area Select(文字区选择）、Show front name in English(用英文显示字体名字）。在Auto Trace Option(自动描边工具）中可以让你设置Auto Tace Tolerance(自动描边容忍度）和Tracing Gap(描边空隙）来设置自动描边的精度和路径的复杂程度。Units & Undo(度量单位和还原设置）中可以设置General(标尺）、Stroke (边线）、Type(文字）的度量单位和Undo的次数。在设置Undo次数时一定要按照你的配置来设置，因为Undo的次数越多就越占内存。 这里的设置有一个灵活的方法，如果你是矢量图形比较多的话就可以稍微设大一点，如15，（当然你要确定你的内存一定要大于128M)这样就可以放心大胆的对画面进行修改。 Guides & Grid(参考线和坐标格的设定） 可设置参考线的颜色和样式（实线还是虚线）。同样坐标格也可以设置它的Color(颜色)、Style(样式)、Gridine every(坐标线之间的距离)、Subdivision(坐标线之间再分割的数量)以及Grids in back(坐标现在图形后面）。 Illustrator8.0还提供了Smart Guides（智能参考线）功能，这包括了Text Lable Hints(文本标签提示）、Construction Guides(构造参考线）、Transform Tools(变换工具）、Object Highlighting(高亮度物体）以及Snapping Tolerance(贴近容忍值）。通过这些选项可以让你更方便的工作。 我们在使用英文的时候经常遇到连字符，在Hyphenation Option(连字符操作）中我们可以设置连字符的操作。 在DefaultLanguage(默认语言）中设置你使用的语言，在New Entry(新单词）中输入你要加连字符或不加连字符单词，然后单击Add在上面的方框中就会出现你添加的单词。当我们在输入单词的时候如果遇到这个单词就会自动添加连字符。 Plugs-ins & Srcrath Disk(软插件和虚拟磁盘： 这和Photoshop的设置一样，可以设置插件位置和虚拟磁盘的大小。如果你那天滤镜等插件找不到可先要在这个设置你找一找。虚拟磁盘大小也很重要，特别是在处理大尺寸文件的时候，如果遇见提示内存不足的时候一定要把虚拟磁盘空间设置到一个有足够空间的硬盘上。 Illustrator是图形处理软件，那么色彩的匹配就是一个相当重要的设置。你可以想一想作为一个专业的图形处理软件如果屏幕上看到的颜色和输出的颜色大不一样，那还叫什么“专业”。在文件菜单中我们可以找到色彩设置（Color seting)通过这个对话框我们可以设置Illustrator的色彩配置。 在Monitor(RGB)种选择你的显示器，我用的是NEC的显示器就选择NEC的色彩配置文件。当然也可能你的显示器没有色彩配置文件，那就只能用它的默认配置文件了，工作的时候也要对色彩多留心了。Print (CMYK)中选择你的打印机。Engine中选择色彩引擎。如果你想用PC达到非常好的色彩效果，买硬件的时候最好买Illustrator列出的显示器和打印机。本新闻共2页,当前在第2页 1 2
最新发布
优化整体图像（01）
在Photoshop中，可以通过“存储为Web所用格式”对话框对图像进行优化设置，在该对话框中提供了多种命令，支持各种文件格式的图片。除了对图像整体进行优化外，还可以分别对不同区域的切片进行优化。另外，在优化的过程中，可通过预览框实时的观察图像优化后的画面效果、画面质量和颜色数量等信息。这样既保证了画面效果，又使文件达到了所需的文件体积要求。下面让我们来熟悉该对话框。（1）启动Photoshop，执行“文件”→“打开”命令，打开将要优化的图像。（2）在菜单栏执行“文件”→“存储为Web所用格式”命令，图17-1所示为该对话框。图17-1 “存储为Web所用格式”对话框图17-2中“存储为Web所用格式”命令对话框，各区域的名称和功能如下：A：该区域为对话框的“工具箱”，使用这些工具可以调整预览框的显示、选择切片，以及吸取画面颜色。B：区域中的4个选项卡，分别为“原稿”、“优化”、“双联”、“四联”，选择其中的选项卡可以更改预览区显示原图像的方式。C：单击三角按钮可弹出“预览”弹出式菜单，在该菜单中可以设置颜色显示格式，以及设置调制解调器的速度。D：该区域中的命令和参数，可以对图像的优化方式进行调整与设置，使用它们可以设置图像的画面质量、图像大小和文件格式等。
优化整体图像（02）
我们知道网络中最常用的图像文件格式为GIF格式，GIF是一种互联网上常用的文件格式，最多拥有256种颜色，其优点有生成文件小、网络传输速度快等特点。下面主要对GIF格式的优化参数进行介绍。（1）单击“预设”下拉列表右侧的三角按钮，可以看到Photoshop已经为用户预设了多种优化方式。其中列表上端有7种关于GIF文件格式的优化设定，如图17-11所示。图17-11 “预设”下拉列表（2）我们可以选择其中一种优化方式对当前图像进行优化，然而这7种预设优化方式远远满足不了对高质量图像优化的需求，所以仍需要手动调整这些参数来优化网页图像。（3）图像文件的颜色越丰富，那么其文件体积就越大。反之，则越小。“减低颜色深度算法”下拉选项，可以通过更改图像的整体的颜色深度来优化文件体积，图17-12所示为“减低颜色深度算法”下拉列表中的9种选项。图17-12 “减低颜色深度算法”下拉列表中的选项（4）在下拉列表中选择“可感知”选项后，可以将图像中肉眼能够察看到的颜色保留下，而察看不到的颜色将被优化掉。图17-13所示为当选择“可感知”选项后其颜色表的显示状态
优化整体图像（03）
减少图像中的颜色数量可以有效的降低图像的体积，使用“颜色表”可以精确控制GIF图像中的颜色数量。最多可以设定图像的颜色为256种，降低颜色数量的同时文件体积也会下降。除了添加和删除颜色，在“颜色表”还可以进行颜色替换或更改透明度等操作。（1）在“存储为Web所用格式”对话框中的“颜色表”选项卡中，可以看到颜色表中有许多一致的颜色，如图17-28所示。图17-28 颜色表中的颜色（2）单击颜色表中的色块后，可将该颜色选择，如果按下<Ctrl>键的同时，逐个单击色块，可以选择多个色块。如图17-29所示，选择颜色表中颜色相似的色块。提示：当色块被选择后，其周围将出现黑白相间的边框。图17-29 选择颜色（3）选择颜色后，单击颜色表中的“删除选中的颜色”按钮，可将颜色表中所选择的颜色删除，图17-30所示为将颜色表中的颜色被删除后的状态。注意：切勿将相近的颜色全部删除，应适当的保留不同色相的颜色。
分别对切片进行优化
网页界面根据功能的需要建立了很多的切片，在不同的切片下可以设置不同的网页链接或网页特殊效果。建立切片后整幅网页界面也被分成了若干个小的图片。这些切片图片有些画面内容丰富，需要拥有较多的颜色信息，而有些则内容简单，这时我们就可以对内容简单的切片进行优化，使其在最大幅度上降低颜色信息，同时也降低整个网页的体积。在对切片进行优化之前，首先让我们来了解一下切片，切片是图像的一块矩形区域，可用于在Web页中创建链接、翻转和动画效果。通过将图像划分成切片，可以更好地对图像进行控制，也便于网络下载。将图片存储为网页格式时，整幅网页界面图像将根据切片的划分方法，切割为一幅幅的小的图片。如图17-34所示为具有切片的图像效果。图17-34 具有切片的图像效果在Photoshop中包含两种切片即用户切片、自动切片。使用Photoshop的“切片”工具可以直接创建的为用户切片，根据网页需要用户切片可以被移动、复制、组合、排列、对齐和分布，还可以对其单独应用优化设置。而自动切片都链接在一起并共享相同的优化设置。创建用户切片时，自动切片将填充图像中用户切片未定义的空间。根据用户切片的形状和位置，自动切片会分成很多的块面，但是在对自动切片进行优化设置时，系统将所有的自动切片视为一张图片进行优化。如图17-35所示，用每种类型的切片都显示不同的图标，用户切片显示为蓝色图标，而自切片显示为灰色图标。图17-35 用户切片和自动切片的外观区别
结合通道优化图像
在前面的操作中，我们学习如何对整幅图像以及切片图像的优化方法。通过“存储为Web所用格式”对话框还可以对选择选区内的图像进行局部优化。但在优化前必须将选区存储为Alpha通道，这样才能在“存储为Web所用格式”对话框被调用。接下来将通过一组操作，介绍怎样在“存储为Web所用格式”对话框中使用通道对图像进行局部优化的方法。（1）首先，读者可直接打开本书附带光盘\Chapter-17\“塑料按钮.jpg”文件，如图17-46所示。图17-46 打开本书附带光盘文件（2）然后在“路径”调板中选择“路径 1”，然后单击调板底部的“将路径作为选区载入”按钮，将其转换为选区，如图17-47所示。图17-47 选择路径并将其转换为选区（3）接着执行“选择”→“羽化”命令，在弹出的“羽化选区”对话框中设置参数，如图17-48所示。
使用Photoshop发布简单的网页
本节采用了第7章中的网页设计完成图，将该网页界面在Photoshop中继续进行编辑，通过建立切片、设置链接、优化图像、存储为Web所用的HTML格式等操作，最终完成网页的发布。图18-51所示为本实例的完成效果。图18-1 本实例完成效果在实例制作中使用“切片”工具对网页进行切片划分，然后使用“切片选择”工具选择需要链接的切片，并设置链接地址。接着在“存储为Web所用格式”对话框中对网页进行优化，最终完成网页的发布。图18-2所示为本实例的制作概览。图18-2 实例的制作概览（1）运行Photoshop，执行“文件”→“打开”命令，打开本书附带光盘\Chapter-18\“艺术中心网页.jpg”文件，如图18-3所示。图18-3 打开图像（2）在工具箱中选择“切片工具”，然后在画面中拖出一个矩形框，松开鼠标后即可得到一个用户切片，如图18-4所示。
摇滚音乐网站
摇滚音乐通常以强烈的节拍和通俗简单的乐句为特点，充满了另类、时尚的吸引力，深受年轻人的喜爱。本实例制作的就是摇滚音乐的网页页面特效，夸张的人物造型配以均衡的文字编排，使整幅画面具有动势，表现出狂野的视觉印象。不对称式的构图方式，以避免画面呆板。如图7-2所示，为本实例的完成效果。图7-2 本实例完成效果在本实例中，通过对几幅素材图片的编辑和调整，以及相互之间的混合，形成纹理鲜明、人物形象饱满的画面效果。通过使用色调调整命令调整图像色调，使调整后的颜色与整幅画面的色调相协调，使用画笔工具添加粗糙的画笔装饰效果，使之更贴近于表达内容，最后对画面作进一步的修饰和调整，如图7-3所示，为本实例的制作流程。图7-3 本实例制作流程（1）运行Photoshop，执行“文件”→“新建”命令，打开“新建”对话框，参照图7-4所示设置对话框，新建一个“摇滚音乐网站”的空白文档。图7-4 设置“新建”对话框（2）执行“文件”→“打开”命令，打开本书附带光盘\Chapter-07\“背景.jpg”文件，使用“移动”工具，将背景图像拖动至“摇滚音乐网站”文档中并调整图像大小，使
游戏网页
游戏网页的页面通常具有较高的注目度和吸引力，常通过画面中的某一部分的突出的、引人注目的图像，来达到醒目而且具有视觉冲击力的效果。而图像的表现力又非文字可以替代，在此将文字与图像结合起来，可以更加直观，生动的表现所要传达的信息。如图7-28所示，为本实例的完成效果。图7-28 本实例完成效果在本实例中字体图像的效果比较醒目突出，明确的表达了所要传达的内容。在绘制的过程中，使用通道与滤镜命令相结合的方法来表现图像的立体效果，然后添加图层样式效果制作出字体的光泽变化。字体下方的按钮图像的视觉效果比较厚重，制作方法同样是使用图层样式命令来制作图像的立体效果和光影变化，结合导入的素材图片，为按钮图像制作出纹理效果。如图7-29所示，为本实例的制作流程。图7-29 本实例制作流程（1）运行Photoshop，在菜单栏中执行“文件”→“新建”命令，参照图7-30所示设置“新建”对话框，创建出一个名为“游戏网页”的空白文档。图7-30 设置“新建”对话框（2）确定前景色为黑色，按下<Alt+Delete>使用前景色将背景填充。然后执行“文件”→“打开”命令，打开本书附带光盘\Chapter-07\“纹理1.jpg”文件，使用工具箱中的
艺术中心网页
设计公司网页页面一般都设计的比较时上、新颖，本实例巧妙的利用了画面的构图结构，来创建一种比较有创意的画面效果。文字、图片、符号的相互作用建立起一种整体的信息，而信息的主次分类，通过秩序化、条理化构成一个整体的网页形式。如图7-63所示，为本实例的完成效果。图7-63 本实例完成效果本实例构图灵活，设计感强烈，画面中的绿色图像是绘制的主题内容，在绘制过程中绿色图像主要是通过编辑通道图像来进行绘制，然后将导入的素材图片通过编辑与绿色图像和谐的统一在一起，如图7-64所示，为本实例的制作流程。图7-64 本实例制作流程（1）启动Photoshop，执行“文件”→“新建”命令，参照图7-65所示对“新建”对话框进行设置，完毕后单击“确定”按钮，关闭对话框，创建出一个新文档。图7-65 设置“新建”对话框（2）在“图层”调板中，新建“图层 1”，使用工具箱中的“矩形选框”工具，在视图的两侧创建出如图7-66所示的选区。
珠宝制造公司网页
珠宝制造公司网页的页面设计比较抽象，在页面的左下角设计安排了大小不同的三颗红宝石，成为整幅画面的点题之笔。而右侧的红色图像又与之遥相呼应，整幅画面对比鲜明，视觉效果突出。在调和过程中，若要使红色的调和不排斥对比，要适当控制红色的分量。如图8-2所示，为本实例的完成效果。图8-2 本实例完成效果在本实例的制作过程中，通过编辑素材图片来制作背景图像，使背景图像达到丰富多变的视觉效果，非常具有科技感、现代感，在画面中效果最突出的就是红颜色的运用。其中左下角的红宝石图像通过设置图层样式制作出来，如图8-3所示，为本实例的制作流程。图8-3 本实例制作流程（1）启动Photoshop，执行菜单中的“文件”→“新建”命令，打开“新建”对话框，参照图8-4所示设置对话框，创建出一个空白文档。图8-4 设置“新建”对话框（2）执行“文件”→“打开”命令，打开本书附带光盘\Chapter-08\“背景1.jpg”文件，使用工具箱中的“移动”工具，将该文档中的图像拖动到创建的空白文档中，在“图层”调板中生成“图层 1