推荐阅读

使用Photoshop给洁白雪景人物图片润色处理
雪景人物图片一般都会反白,人物面部会显得较为苍白。处理的时候需要把人物肤色调红润,同时要给图片增加一些淡蓝色,这样画面会清爽很多。最终效果原图一、复制背景层,生成新的图层,我们要在新图层上修饰皮肤,记住不要直接在背景层操作,以免出错了没法返回到最初。二、用仿制图章工具,透明度调整成20%甚至更低,复制好一些的颜色去盖住灰暗和有痘痘的部分,这一步很基础,很多工具也都可以代替,依照个人习惯不同选择不同工具。三、整个画面很灰暗,雪景并不白,我们提亮整个画面的色调。另外注意看调整曲线里的最下方黑色小方块的位置,在黑色像素的部分,略微往像素峰值较高的位置挪动了,这一步是重新定义了画面最黑的部分。

PS合成年中大促电商促销海报设计教程
本教程主要使用photoshop合成年中大促全屏促销海报教程,作者想分享心得也是想了很久的,因为本人自认为能力方面还不够,怕分享一些经验出来又误导了一些新人,但又有很多小伙伴们经常问我,是怎么做的了,怎么合成的,有什么思路吗?

Photoshop CS3制作GIF动画-跟着浣熊阿杰一起走
86ps.com-黄叶飞扬 原创教程,欢迎转贴,转贴本教程时需注明作者和来源! 使用的软件为: Photoshop CS3 辅助使用软件: Ulead GIF Animator5.5适合的读者为: 初级入门 操作的难易度: 简单稍有烦琐 导读:通过本教程的学习,使初学PS的朋友快速的掌握使用PSCS3的动画制作基本功能,及在CS3中如何使用时间轴功能编辑GIF动画的基本技巧,以及Photoshop的智能图层和视频图层的使用等等:因为CS3中已经取消了IR,而PS是无法完整同时打开一幅动态GIF图片的所有帧图层的,如果你的电脑里安装了QuickTime 7.1 版或更高版本,那么可以通过PS的“文件”--->"导入"-->"视频帧到图层"命令来导入GIF图画图片的所有帧信息的,不过,相信一般的朋友的电脑里基本上是没有安装QuickTime 7.1的啦,这样一来,我们就唯有借助别的软件来完成这个任务了,在这里我推荐大家使用Ulead GIF Animator5.5来进行GIF图片的转换为PSD的工作.( 当然用Ulead GIF Animator来处理GIF动画也是个很好的选择哦 )如果你没有该软件, 可以浏览这里了解该软件的相关信息! 素材如下: 效果图:

用PhotoImpact给你的网页图片减肥
经过一番优化,原来379KB大小的JPEG图像被压缩到了77.7KB,而且图像质量并不差!想知道应该怎么做吗?看看下面的文章……笔者有自己的个人主页,经常需要在设计网页时加入一些图片。可是有许多比较精细一些的图片个头都不小,非常影响整个网页的运行效率。我们在设计网页时如何才能在图像质量和图像大小之间找到一个合适的比率呢?友立公司出品的PhotoImpact(Photo 硬派)软件中所带的图像优化器可以帮你的忙。 下面笔者就来介绍一下它的使用方法: 第一步,运行“PhotoImpact”软件,打开要优化的图像。 第二步,打开“图像优化器”,单击“Web”菜单中的“图像优化器”选项,打开“图像优化器”命令框,单击右边预览窗口下方的“JPEG 图像优化器”按钮。 第三步,设置模式。单击“JPEG 选项”选项卡,在“模式”右边的下拉框选择创建JPEG文件的模式,这里有渐进、标准或标准优化三种模式,“渐进”可以使图像在下载时以逐渐淡入的方式显示,“标准”将创建与所有浏览器都兼容的图片,但这样的文件体积要比“渐进”模式的文件大,而“标准优化”则可以用非渐进的压缩技术创建尽可能小的图像文件。 第四步,设置采样模式。“二次采样”可以改善压缩状况,但也可能会损失一些色彩信息。这里我们在“二次采样”中选择“YUV411”模式,这种模式的压缩率是最高的。 第五步,设置压缩率。拖动“质量”右侧的滑动条来调整压缩程度,或者直接在输入框中输入数值也行。数值越小,文件体积也就越小,但图像的质量也就相对越差。这里调节时注意一些,压缩的不能太厉害了,否则图像可能会变得惨不忍睹了哦!一边拖动滑块,一边注意在预览窗口中查看效果,个人认为质量在40左右就可以了。 第六步,设置图像柔化度。单击“柔化”右边的下拉框,选择一个数值,数值越高,图像显得越平滑,尺寸也会越小,也会更模糊一些。然后在“文件类型”中选择真彩色(。 第七步,批处理。为了掌握好压缩率与图像质量之间的关系,您可以用“批处理”命令来了解一下各个压缩率下的图像效果。单击“批处理”按钮,打开对话框,在这里设置好压缩质量的范围及测试次数后,单击“确定”按钮进行批处理压缩测试。完成后,您可以在“批处理结果”对话框中查看测试结果,满意哪个结果,单击“选取”按钮即可。 经过上面的设置,你已基本完成了图像的优化,这时候你可以单击原始图像下方的“浏览器预览”按钮用默认的浏览器查看一下图像在网页上的效果了。图像下方有图像的大小、下载时间等参数。你可以单击“调制解调器速度”菜单按钮,选取好连接速度,计算一下优化后图像的下载时间,这样就可以进行有的放矢的调整了!
最新发布

优化整体图像(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