第一篇:玉佩效果,教案,ps,实例教程汇总(精选)
实例教学----Ps打造漂亮的玉佩效果
教学目的:
1、熟练掌握“添加杂色”、“模糊”、“光照效果”、“云彩”、“半调图案”、“龟裂缝”等滤镜的使用方法。
2、熟练使用色彩平衡、色相饱和度等来调整图像的色彩。
3、巩固投影、斜面浮雕等图层样式的使用方法。
4、灵活的使用各种方法建立选区。 教学重点:
1、进一步掌握各种滤镜的使用方法。
2、善于给图像调色。
3、图层样式的使用。 教学难点:
1、熟练掌握各种滤镜的使用方法。 教学工具:
电脑、凌波多媒体教学软件、photoshop图像制作软件、Acdsee看图软件。 教学方法:
引导——>探究——>拓展; 任务驱动; 演示、讲解。 教学班级:
08级计算机班。 教学课时:
2+2课时。 教学过程:
本实例主要使用了“添加杂色”、“模糊”、“光照效果”、“云彩”、“半调图案”、“龟裂缝”等滤镜;使用色彩平衡、色相饱和度等来调整图像的色彩;使用投影、斜面浮雕等图层样式,先看一下最终效果(见本文件夹中“效果图.jpg”):具体制作方法如下:
1、新键宽度为5厘米,高度为5厘米,分辨率为300像素,颜色模式为RGB,背景为白色的文件。
2、设置前景色为深红色,按Alt+Delete键填充背景层为深红色。选择菜单栏中的“滤镜”“杂色”“添加杂色”命令,弹出添加杂色对话框,设置数量为11,勾选高斯分布和单色。选择菜单栏中的“滤镜”“模糊”“高斯模糊”命令,在弹出的高斯模糊对话框中,设置半径为0.5像素。选择菜单栏中的“滤镜”“渲染”“光照效果”命令,作为背景。新建图层1,选择椭圆选框工具,然后在图像中建立一个正圆的选区,并填充白色色,保留选区。
3、选择菜单栏中的“选择”“修改”“收缩”命令,将选区缩小,然后在图层1中删除选区中的图像,取消选区。如右图所示。
4、载入白色环选区,确认前景色和背景色黑白色。执行“滤镜”“渲染”“云彩”命令,效果如下左图所示。按Ctrl+M键,打开曲线对话框,把图像调亮一些,效果如下中图所示。
5、选择菜单栏中的“滤镜”“素描”“半调图案”命令,在半调图案对话框中设置大小为1,对比度为10,效果如上右图所示。
6、选择菜单栏中的“滤镜”“纹理”“龟裂缝”命令,在龟裂缝对话框中设置间距为8,深度为10,亮度为10,效果如右图所示。
7、选择菜单栏中的“滤镜”“模糊”“动感模糊”命令,在动感模糊对话框中设置角度为90,距离为20,效果如下左图所示。
8、选择菜单栏中的“图像”“调整”“色彩平衡”命令,设置参数:色阶20、0、-80,中间调,保持亮度。效果如下右图所示。
9、选择菜
单栏中的“滤镜”“模糊”“径向模糊”命令,在径向模糊对话框中设置数量为20,方法为旋转,品质最好,按Ctrl+I键,将图像反相处理。按Ctrl+B键,弹出色彩平衡对话框,参数设置:色阶0,100,-100,中间调,保持亮度。再次调整参数设置:色阶0,0,-80,中间调,保持亮度。
10、新建图层2,载入图层1选区,并填充白色,取消选区。对图层2使用3次高斯模糊滤镜,模糊半径分别为15、10、5像素,完成后再次载入图层1的选区并反选,在图层2中删除选区内的图像,并更改混合模式为滤色,不透明度为30%,取消选区,效果如右图所示。
11、复制图层1,把复制的图层1副本放到图层2的上方,更改混合模式为正片叠底,接着在图层1副本上执行“滤镜”“艺术效果”“调色刀”命令,在弹出的调色刀对话框中,设置描边大小为40,描边细节为3,软化为0,如右图所示。
12、载入图层1的选区,选择菜单栏中的“滤镜”“模糊”“动感模糊”命令,在动感模糊对话框中设置角度为90,距离为20,完成后,按Ctrl+U键,调整色相/饱和度,设置饱和度为40,效果如下左图所示。
13、复制图层1副本并旋转90度,接着对图层1副本2执行“滤镜”“模糊”“径向模糊”命令,设置数量为20,方法为旋转,品质最好,效果如右上图所示。
14、新建图层3,载入图层1选区并填充白色,取消选区,更改填充值为0%。双击图层3,打开图层样式对话框,选择投影样式,设置不透明度为54,角度为120,距离为12,扩展为0,大小为35,其余默认。选择内阴影样式,不透明度为45%,角度为-45,距离为5,阻塞为0,大小为16,其余默认。选择内发光样式,设置颜色为R171、G255,B152,等高线如图14所示,不透明度为68%,阻塞为19,大小为51,其余为默认。选择斜面和浮雕样式,设置深度为281,大小为16,角度为120,高度为30,高光模式不透明度为100%,暗调模式的不透明度为0%,其余默认。选择渐变叠加样式,设置混合模式为叠加,不透明度为100%,样式为线性,角度为90度。完成后效果如右图所示。
15、打开一幅龙纹图片。选择菜单栏中的“选择”“色彩范围”命令,用吸管吸取黑色花纹部分,为花纹添加选区,将花纹复制粘贴到玉佩图像中,如下图所示。更改混合模式为正片叠底,填充值为0%。双击图层4,打开图层样式对话框,选择斜面和浮雕样式,设置样式为枕状浮雕,深度为1000%,大小为5,软化为1,角度为120,高度30,暗调模式的不透明度为10%,最终效果见本文件夹。
知识拓展:
1、完成本实例的制作。
2、灯笼的制作方法。提示:制作方法见下文。
3、给玉佩加上须须。 知识小结:
1、各种滤镜的使用。
2、色彩平衡的调整、色相饱和度的调整方法。
3、选区的调用方法。
4、图层混合模式的使用。
灯笼效果制作的具体步骤如下:
1、新建大小400×400像素的文件,前景色设为红色,背景色为黑色,新建图层命名为图层1,填充前景色。再设置前景色为黄色RGB(251:248:0),选择单列选择工具在图像中单击,填充前景色,如右图。
2、使用移动工具,同时按Ctrl+Alt组合键,拖动单列选区复制,使黄色线条平均颁布,如右上图。
3、在图层1上建立椭圆选区,然后反选,按Delete键删除椭圆以外的区域,保存选区,再取消选择。
4、选择文本工具,参数设置:字体为行楷,大小为40pt,在椭圆区域中间输入一个“福”字,如图。并适当调整大小和位置。
4、将文字图层和图层1合并为图层1。调入选区之后再执行球面化滤镜命令,参数设置:数量为100%,模式为正常。使其产生球形效果(连续执行
3次,这样球形效果会更好)。
5、新建图层命名为图层2,并拖到图层1的下面,将图层1图层隐藏,在图层2椭圆形选区,再用矩形选择工具对椭圆选区进行加选,如右图。
6、用前景色RGB(249:4:4)对选区进行填充,取消选区。显示图层1,复制图层2为图层2副本,用于做灯笼的底部,分别调整图层2和图层2副本,使其仅次于顶部和底部的合适位置,如右下图。
7、新建图层3,并置于图层2的下面,用直线工具(大小:5px),在灯笼的上部画条竖线和横线作为提绳和挑杆,如下左图。
8、隐藏所有图层,(除背景层外),新建图层命名为图层4,用铅笔工具,画一条垂直线,执行滤镜-扭曲-旋转命令,参数设置:扭曲度为50度,(或用路径工具直接描画曲线后再进行描边)产生曲线效果如右中图。
9、使图层4选区浮动,按Ctrl+Alt组合键复制多条曲线,如上右图。
10、调整曲线于灯笼下方的合适位置。如图。
11、新建图层命名为图层5,置于图层3的下面。选择笔刷工具(大小:420px,透明度80%)在灯笼的合适位置点击两形成灯笼的辉光。
第二篇:ps实例教程视频
ps实例教程视频
教育
photoshop实战教程之精通调色制作当代艺术作品ps教程ps实例 我们给你不一样的课程视听体验。简单易懂的讲解,实际的操作,清晰的思路,我们将我们对课程的理解,用心做好每一节课程。
教育
PS教程
(四)photoshop调色教程 PS实例色彩教程 稍后补充视频简介
教育
photoshop实战教程之精通通道抠图为婚纱换背景ps教程ps实例 我们给你不一样的课程视听体验。简单易懂的讲解,实际的操作,清晰的思路,我们将我们对课程的理解,用心做好每一节课程。
教育
ps视频ps调色ps抠图_0002 稍后补充视频简介
教育
PS5入门教程第九章-经典实例---130-去除照片污点
教育
PS教程 Photoshop人像处理(第一课)PS基础入门到实例 邢帅教育PS(第一课)专业学习群号:156850485(第一课)
教育
PS教程 Photoshop瘦身教程(第二课)PS皮肤处理 PS合成教程 邢帅教育PS(第二课)专业学习群号:156850485
教育
【10分钟UI设计】动画实例解说——PS中时间轴的用法 本期咱们不讲绘图讲动画,如何使用PS做出小而美的动画呢?Omega将会带您学习PS的时间轴,并制作一个下拉刷新的超萌小动画。欢迎观看!十分钟QQ群:46903030。十分钟官方微信号:ui_ten_minutes
教育
PS5入门教程第九章-经典实例---132-美白牙齿
动漫
Adobe公司PS大师为秦时明月致辞
教育
photoshop实战教程之精通选区制作风格插画设计ps教程ps实例 我们给你不一样的课程视听体验。简单易懂的讲解,实际的操作,清晰的思路,我们将我们对课程的理解,用心做好每一节课程。
教育
CDR教程 CDR视频 CDR实例 CDR进阶 CDR X4 视频教程17 学习交流群:229166821每天晚上有专业老师指导大家学习!在此如果觉得我发的教程好请粉一个!我会更新更多更好的教程给大家学习!
教育
photoshop实战教程之精通路径文字制作奔跑的人形字ps教程ps实例 我们给你不一样的课程视听体验。简单易懂的讲解,实际的操作,清晰的思路,我们将我们对课程的理解,用心做好每一节课程。
教育
photoshop实战教程之精通蒙版瓶子里的风景ps教程ps实例 我们给你不一样的课程视听体验。简单易懂的讲解,实际的操作,清晰的思路,我们将我们对课程的理解,用心做好每一节课程。
科技
PS入门教程 Photoshop基础与实例 PS眼睛处理教程 PS CDR AI平面设计系统专业学习QQ群:156850485
教育
Photoshop 入门基础实例视频教程五十二ps制作唯美插画 hotoshop的应用领域很广泛,在平面设计,修复照片,广告摄影,影像创意,艺术文字,网页制作,建筑效果图后期修饰,绘画,绘制或处理三维帖图,婚纱照片设计,视觉创意,图标制作,界面设计,目前的影视后期制作及二维动画制作,hotoshop也有所应用
教育
PS实例教程-抠图-通道抠头发丝 PS教程,PS下载,PS学习
教育
【E学堂出品】ps教程photoshopCS6实例---人物皮肤处理 光滑磨皮 讲解关于如果磨皮 这次是讲最简单的也是比较繁琐的光滑磨皮 大家要有耐心哦!我的博客http://blog.sina.com.cn/xiaoext 淘宝店http://shop36474994.taobao.com
音乐
2014chinajoy PS4 体感游戏showgirl热舞
2014chinajoy PS4 体感游戏showgirl热舞,手机拍摄,纯属娱乐~~
教育
CDR教程 CDR视频 CDR实例 CDR进阶 CDR X4 视频教程6 学习交流群:229166821每天晚上有专业老师指导大家学习!在此如果觉得我发的教程好请粉一个!我会更新更多更好的教程给大家学习!
游戏
PS3蓝牙手柄在PC使用的简单教程和实例 PS3的蓝牙手柄可以几乎无损、全能的改在PC上使用,只要安装合适的软硬件就可以了,这就里一个简单的教程。这个手柄也能在wm6和Linux系统上跑的,Android版本也已经出现,可谓无敌于天下了。
教育
PS实例教程 PS案例抠图 ps眼睛休息 PS人像处理 PS入门教程 稍后补充视频简介
教育
PS教程
(五)photoshop人物容颜色彩实例教程 PS头像调色 photoshop专业系统学习Q群156850485 语言类:英语平面类:PS、AI、CDR 网页设计:Flash、Fire Works、Dreamweaver 三维制作:3D MAX、C4D、MAYA 建筑机械:AutoCAD建筑、AutoCAD机械 UG 犀牛工业 影视编辑:After Effects、Premiere、绘声绘影 Office办公:Word、Excel、PowerPoint 网络营销:电子商务、淘宝装修、创业商道
教育
ps教程ps学习ps视频ps全套ps调色ps手绘ps抠图ps合成 学习PS 3D FLASH AE CAD请加君羊:43270491入群学习有免费提供CS中文破解版,无需再破解,无需再注册,相关学习软件永久免费,另有免费的高清视频赠送。
教育
PS5入门教程第九章-经典实例---131-梦幻艺术照
教育
PS5入门教程第九章-经典实例---129-去除多余影像
教育
ps磨皮ps配色ps抠图ps视频ps基础ps入门到精通 稍后补充视频简介
教育
ps教程ps学习ps全套ps视频ps安装ps调色ps手绘ps入门ps抠图ps合成 加QQ群:105674320 参与专业ps学习
教育
CDR教程 CDR视频 CDR实例 CDR进阶 CDR X4 视频教程7 学习交流群:229166821每天晚上有专业老师指导大家学习!在此如果觉得我发的教程好请粉一个!我会更新更多更好的教程给大家学习!
教育
PS5入门教程第九章-经典实例---128-人物换背景
第三篇:ps图层和滤镜效果教案
参赛课教案 题目
Ptotoshop图层和滤镜效果实例 教学内容分析及设计
“Ptotoshop图层和滤镜效果”是浙江教育出版社高一选修教材《多媒体技术应用》第三章第三节的内容,也是学业水平考试必考操作之一。由于图片加工这节内容教科书上讲的只有一节课,学生无法将图片加工的所有内容都掌握,同时,只讲教科书上的实例,学生的学习兴趣和积极性不高,所以在这样的情况下,我又加了两节课来讲图片加工,主要以photoshop工具为例来讲解,本节课就是其中的一节课。实例为ptotoshop中比较重要的基础知识图层和滤镜效果。用图层和滤镜效果制作人物叠影的实例,同时在人物选择上我注重选用充满阳光的年轻女孩为人物对象,贴近高中生的生活形象,来拉近学生与课堂的距离。让学生在愉悦的课堂氛围中学习知识。教学对象分析
图片的处理加工是多媒体里面应用比较多的操作性知识之一,刚刚升入高中的学生,在初中的学习中,有了一定的信息技术素养。同时在日常的生活中,所接触和应用的各种图片也越来越来,同时图片都是以数字的形式存放的,学生非常希望能够学习和掌握图片处理和加工的技能,来解决生活中遇到的图片难题。因此,学生掌握基础的图片处理技术非常有必要。让学生学生自己处理加工生活和学习中所使用的图片是本节课的主要目的。教学三维目标 知识与技能:
理解多媒体中的图层,掌握图层的实际应用。并能够应用滤镜制作一些特效。过程与方法:
1、图层的概念的讲解和图层添加、删除的熟练使用。
2、用准备好的素材利于图层和滤镜中的高斯模糊制作一个任务三重叠影的效果。情感态度与价值观:
通过实例的制作,让学生关注多媒体技术对人们的学习、工作、生活的影响,正确地认识多媒体技术对社会发展的影响。教学重点:图层和滤镜的使用 教学难点:滤镜的合理使用 课时:1课时
教学手段:讲解、演示、个别辅导 教学班级:高一(4)班 教学过程:
首先复习上节课学过的ptotoshop的知识
新建画布、矩形选框、移动工具、套索工具、裁切工具的使用。新课讲解
本节课我们学习新的内容,图层和滤镜效果的使用。首先我们看看什么是图层? 学生答: 老师讲:
为了方便图像的制作、处理和编辑,将图像中的各个部分独立起来,对任何一部分的编辑操作对其它部分不起作用。我们把这些独立起来的每一部分叫图层。
通俗的讲,图层就像是含有文字或图形等元素的透明胶片,一张张按顺序叠放在一起,组合起来形成页面的最终效果。
图层有三个属性。
透明性 独立性 层次性 图层的添加和删除操作
演示操作:图层面板在舞台的右下角,舞台中没有文档的时候,没有图层,图层面板显示为灰色的,也就是不可编辑;当舞台中新建一个文档后,在图层面板中显示为背景图层; 添加图层的方法:
⒈菜单栏中图层—新建—图层即可;⒉点击图层面板右下角的添加图层按钮即可快速新建图层;
删除图层的方法:
⒈菜单栏中图层—删除—图层即可;⒉点击图层面板右下角的删除图层按钮即可快速删除图层;
什么是滤镜? 学生答: 老师讲:
通过执行一个简单的命令,就可以在很短的时间内产生许多特殊的效果。下面通过制作一个叠影效果的图片让我们来掌握图层的应用,同时熟悉工具箱中移动工具、套索工具、渐变工具的使用和滤镜中模糊特效的使用。
教师演示:
1、点击【菜单栏】选择【新建】,新建一个宽度为800像素,高度为600像素的文档。
2、在工具箱中选择颜色【渐变工具】,将颜色渐变编辑器的颜色设置为蓝、绿渐变。然后在文档上从上往下拉。形成蓝绿渐变颜色的背景,制作好背景。学生练习:
从新建文档到背景色的设置 对个别学生进行辅导 教师演示:
3、打开图像文件,在工具箱中用【套索工具】沿着人物边缘画出闭合区域,作为人物的选区。
4、新建一个图层。
5、选择工具箱中的【移动工具】,在按住ctrl键的同时,从人物图像文件中将选区内的人物图像直接拖曳到背景文件合适位置上。
6、点击【菜单栏】中的【滤镜】【模糊】【高斯模糊】命令,打开高斯模糊对话框,将半径设置为5,然后单击确定按钮。
7、再新建一个图层。
8、选择工具箱中的【移动工具】,在按住ctrl键的同时,从人物图像文件中将选区内的人物图像再次直接拖曳到背景文件合适位置上。
9、点击【菜单栏】中的【滤镜】【模糊】【高斯模糊】命令,打开高斯模糊对话框,将半径设置为2.5,然后单击确定按钮。
10、再新建一个图层。
11、选择工具箱中的移动工具,在按住ctrl键的同时,从人物图像文件中将选区内的人物图像直接拖曳到背景文件合适位置上。这样一幅简单的图像重叠效果就制作好了。学生练习
教师个别辅导同时对渐变背景色的设置和文件的人物选区拖曳到背景再演示一遍。教师提问:
好多同学做出的叠影效果,人物的边缘有白色的多余背景,影响了整个图片的效
果,如何取消? 学生答: 教师答:
选中工具箱中的套索工具后,再选择套索工具选项卡中的羽化,默认羽化的值为0,将羽化值改为5—10之间,再试试,就会有不一样的效果。课堂练习:
1、以下()图像格式压缩比最大 A、JPG B、BMP C、TIF D、PSD
2、若要选择图像的某一区域,下列()photoshop操作能够实现(1)选择框工具(2)魔术棒(3)套索工具(4)钢笔工具 A、(2)(4)B、(1)(2)(3)C、(1)(3)D、全部 课堂总结:
本节课主要讲了图层和滤镜的效果,图层是多媒体软件的灵魂,掌握了多媒体才算是真正理解了多媒体软件。通过一个叠影练习理解图层,掌握矩形工具、移动工具、渐变工具的使用。教学反思: 本节课相对来说是一节很成功的课,学生通过实例掌握了图层的基本应用和如何合理使用滤镜效果。在课堂中使用了边提问、边讲解、边演示操作的方法,使学生在带着问题,带着兴趣听课。ps实例叠影的制作,其中应用了图层、和工具箱中的套索工具、移动工具。用实例来练习让学生掌握最基础的操作。同时让学生合理利用羽化的特殊作用,使图片人物的边缘渐变过渡到背景,使人物和背景看起来更协调。对制作起来有问题的学生,通过个别辅导也都会做了。整节课由于属于典型的操作性课,理论知识比较少,所以在师生互动方面少了一些。
第四篇:PS制作时尚潮流人物海报实例教程解析
PS制作时尚潮流人物海报实例教程
直线网 www.xiexiebang.com
本教程过程虽然复杂,不过介绍的非常详细,素材也提供得比较完整,非常适合学习和练习。教程难点是要掌握素材的融合及搭配,用到的素材相当多,怎样构图才完美,需要自己多花心思去美化。最终效果
一、用photoshop打开人物素材图片。
二、因为图片上方空间小,按Ctrl+Alt+T调整大小。
三、现在让多出来的空间与背景颜色融合,选择吸管工具,吸取与背景颜色最接近的颜色,新建图层,创建选区,填充前景色。
四、还不是很完善,合并图层,选择修补工具,使颜色融合。
五、给图片添加背景颜色,选择渐变工具,径向渐变。
六、选择图层蒙版,画笔工具,让人物显现出来。
七、颜色加深,不透明度为60%。
八、打开素材图片,按Ctrl +T变形,使人物头部上方有一个曲线。
九、调整图层模式为柔光,不透明度为25%。
十、新建图层,设置前景色为#464b61,用笔刷工具在人物周围涂抹。
十一、设置强光,不透明度为12%。
十二、重复步骤5,设置前景色为#000000。
十三、设置柔光,不透明度为25%。
十四、打开素材图片,按Ctrl +T调整位置。
十五、擦去多余部分,设置强光,不透明度为60%。
十六、重复步骤7,这次放在人物头部的右侧;设置强光,不透明度为80%。
十七、打开素材图片,按Ctrl +T调整位置;擦去多余部分,设置强光,不透明度为70%。
十八、重复步骤9,这次放在人物头部的右侧;设置强光,不透明度为80%。
十九、打开素材图片,按Ctrl +T调整位置。
二十、选择图像—调整—色相/饱和度。
二十一、设置强光,不透明度为80%。
二十二、打开素材图片,按Ctrl +T调整位置。
二十三、设置点光,不透明度为80%。
二十四、打开素材图片,按Ctrl +T调整位置。
二十五、按Ctrl +T,选择变形。
二十六、选择图像—调整—色相/饱和度,设置点光,不透明度为80%。
二十七、打开素材图片,Ctrl+i反色。
二十八、设置图层模式为滤色。
二十九、打开素材图片,按Ctrl +T调整位置。
三
十、设置图层模式为滤色。
三
十一、打开素材图片,按Ctrl +T调整位置。
三
十二、设置图层模式为滤色。
三
十三、选择钢笔工具,画一弯曲闭合路径,建立选区。
三
十四、新建图层,选择渐变工具,线性渐变,填充渐变。
三
十五、设置强光,不透明度为60%。
三
十六、选择钢笔工具,画一弯曲闭合路径,建立选区。
三
十七、新建图层,选择渐变工具,线性渐变,填充渐变,设置强光,不透明度为65%。
三
十八、选择钢笔工具,画一弯曲闭合路径,建立选区。新建图层,选择渐变工具,线性渐变,填充渐变。设置强光,不透明度为65%。
三
十九、选择钢笔工具,画一弯曲闭合路径,建立选区。
四
十、新建图层,选择渐变工具,线性渐变,填充渐变。
四
十一、设置叠加。
四
十二、选择钢笔工具,画一弯曲闭合路径,建立选区。
第五篇:PS经典实例教程及高级应用
目 录
一、几款透明质感按钮................................................................................................................................2 1.1 AQUA按纽............................................................................................................................................2 1.2 LCD风格的按纽..................................................................................................................................5 1.3 渐变透明按钮....................................................................................................................................12
二、用PS实现削皮效果............................................................................................................................17
三、玻璃球效果..........................................................................................................................................24
四、PHOTOSHOP的激情盛夏与清凉海滩.............................................................................................36
五、PS质感文字系列.................................................................................................................................48 5.1蟒纹字.................................................................................................................................................48 5.2铸铁字.................................................................................................................................................59
六、PHOTOSHOP高级图层技巧进阶篇................................................................................................67 6.1 图层蒙版和矢量蒙版.........................................................................................................................67 6.2 调整图层和填充图层.........................................................................................................................75
七、PS商业应用实战:网站首页设计.....................................................................................................88 7.1 背景的制作.........................................................................................................................................88 7.2 渐变条的制作.....................................................................................................................................92 7.3 光环的制作.........................................................................................................................................95 7.4.主体文字的制作................................................................................................................................97 7.5变形文字的制作...............................................................................................................................103
第 1 页
一、几款透明质感按钮
几乎没有哪种按纽的受欢迎程度能与透明质感按纽相比。自这种风格的按纽一问世,立刻风靡全球,从庞大的商务网站到简单的个人小站,处处都能看到剔透的风采。这种漂亮按纽最大的作用就是修饰网页,仅仅使用几个这样的按纽,就会给你的网页像水晶糖果一样诱人。透明质感的按钮种类之多,制作方法之广,无法尽数。在这里,我总结了几种较为好看的却又比较简单的,供大家作为参考。
1.1 Aqua按纽
这是最常见的一种透明按纽了,如果运用的好的话,效果是非常理想的。这种按纽的做法有很多种,有些真的是相当相当的麻烦。当然,效果也是相当相当的漂亮,漂亮到你会不舍得把它用于网页按钮。实际上,如果用那种耗费大量时间做成的按钮装饰网页的话,需要小心喧宾夺主:游客会不自觉的把注意力集中到漂亮夺目的按纽上,网页最重要的内容却会被忽略掉。说了这么多,好像偷懒是理所当然的了。那么这一次,我们应用图层样式来打造这个按钮,这样我们就可以一劳永逸,以后都可以坐享其成了。更重要的是,我们制作的是可以装饰你的网页的按纽,它仅仅起到了点缀的作用,就像是做菜时使用的鸡精,一点足以勾出鲜味,过多反而不好了。
1.新建文档,RGB模式,白色背景。建立图层1,设置前景色为
第 2 页 RGB(51,143,206)。然后选择圆角矩形工具,在工具选项中,设置绘图方式为填充像素,将矩形的圆角半径设为50像素,选择消除锯齿。点击几何选项,将矩形的大小设为91×27像素,在画布正中点击一下,即会出现一个蓝色的圆角矩形。(图01)
图01 2.现在我们开始添加图层样式了。首先选择投影:将投影的不透明度降低为33%,取消全局光,角度为134度,距离和大小均为1像素,扩展为0,品质不变;
然后是内阴影样式:将内阴影的颜色设为RGB(0,56,113),不透明度为100%,取消全局光,角度为90度,距离为6像素,阻塞为15%,大小为16像素,品质保持不变,这样,按纽就具有了立体感。(图02)
图02
3.接下来我们要制作光线从按纽中透出的感觉。选择内发光样式,将混合模式设为颜色减淡,不透明度为30%,颜色为白色,方法为较柔软,居中,阻塞为31%,大小为21像素,要特别注意等高线的形状,打开默认的等高线编辑器,将曲线设为图03的形状,选择消除锯齿,范围为31%;
第 3 页(图03,04)
图0
3图04
4.下面是最关键的一步——添加强烈的反光效果。选择斜面和浮雕样式,将样式设为内斜面,方法为平滑,深度为81%,方向为上,大小为9像素,软化为1像素,阴影的角度为90度,高度为73度,高光和暗调的不透明度均为100%,暗调的模式为正常,颜色为RGB(4,126,188),这样高光效果就出来了。
但这样是不够的,我们希望高光效果更为贴切。选择等高线,注意是斜面等高线,而不是光泽等高线,将等高线类型选择为预设类型中的半圆,消除锯齿,范围为69%,这样就能得到逼真的反光效果。(图05)
图05
5.为了使按钮看起来更好,我们添加一些简单的阴影效果。但我们的样式中已经采用了投影样式,所以要另外想办法。按住Ctrl键,载入按纽的不透明度区域,从编辑菜单中选择合并拷贝命令,在图层1之下新建一层,按Ctrl+V,将图像粘贴到新层中,取消选择。
合并拷贝命令可以复制选区内所有图层的图像,包括图层样式在内,第 4 页 这里,我们所用这个命令就是为了拼合图层样式的效果。此外,在粘贴前,如果没有取消选择,那么图像会粘贴入选区中,否则的话,图像会被自动粘贴到图层的正中。
对图层2使用高斯模糊,半径大概为5.5像素左右。再用移动工具将图层移动到按纽的右下方,作为透明阴影。(图06)
图06
6.最后,在按纽上写上文字即可。如果你更喜欢淡灰色的透明按钮,这里有个简单的法子:打开通道面板,点击蓝色通道,仅显示这一个通道的图像,由于我们的按纽是蓝色调的,所以这个通道内的图像最能体现按纽的情况。如果你的按纽是红色调或是绿色调的,那么同样,分别选择红色通道和绿色通道,就能得到灰色的透明按钮了。(图07)
图07 1.2 LCD风格的按纽
一般来说,液晶显示屏风格很适合各种面板的制作,也可以作为各种按钮的载体,大多数类型的按纽与之配合都会很好看。但这一次,我们要
第 5 页 来制作一个液晶显示屏风格的按纽。
1.打开Photoshop,新建RGB模式的白色背景文档。新建图层1,这一层我们作为按纽的基础轮廓。用椭圆选框工具,按住Shift+Alt键,从中心向旁边拖出一个圆形的选区。将前景色设为RGB(176,192,224),用前景色填充选区,不要取消选择。(图08)
图08
2.新建图层2,在这一层中制作按纽的内阴影。复位色板,选择描边命令,将描边宽度设为4像素,位置居中。取消选择,用高斯模糊处理图层,半径为4像素。载入图层1的选区,反选,在图层2中删除,取消选择。将图层的不透明度降低到28%。(图09)
图09 3.新建图层3,我们要在这一层中做描边处理。再次载入图层1的选区,打开描边命令对话框,将描边宽度设为1像素,位置居中,取消选区。将
第 6 页 图层的不透明度降低到32%,有必要的话,可以用半径为0.2的高斯模糊消除边缘细微的锯齿。(图10)
图10
4.下面我们来制作按纽内部透出的光线效果。新建图层4,选择画笔工具中的喷枪选项,将画笔大小设为200像素的柔化笔刷,将图层的混合模式设为颜色减淡,填充不透明度为21%(不是图层的总体不透明度),再次载入图层1的选区,反转色板,用白色画笔在选区的下方点击一下,画笔范围可达到选区的中上部;再将画笔大小设为100像素,再点击一下,加强效果。由于颜色减淡模式的作用,图像会出现透光的效果。(图11)
图11 5.接下来,我们来进行最关键的一步——给按纽增加高光效果。首先,我们来选取高光的区域。选择钢笔工具,勾出一条封闭路径,要包括按纽的上半部分,如图12所示。(图12)
第 7 页
图12
按Ctrl+Enter,将路径转换为选区,再选取和图层1相交的选区,方法是按住Shift+Ctrl+Alt键,点击图层1,载入图层1和现有选区相交的选区,如图13。选择渐变工具,复位并反转色板,选择线性渐变工具,将渐变设为从前景色到透明,从选区的顶端到底部做出渐变,然后取消选择。选择高斯模糊滤镜,将半径设为2.0像素,模糊渐变图层,用选择工具将图层向下移动几个像素,这样会使效果更逼真。(图14)
图13
图14
6.这时,按纽基本上就已经完成了。不过我们可以为它增加一些装饰,使它看起来更漂亮。在图层1上新建一层,为图层6,这一层里,我们为它增加一些扫描线效果。基本上来说,1×2像素大小、上黑下透明的图案应该是你的Photoshop里差不多都会有的一种基本图案。如果没有,那么花半分钟时间做上一个也来得及。载入图层1的选区,打开填充对话框,在填
第 8 页 充类型中选择图案,找到扫描线图案,用它来填充选区。取消选择,将图层的不透明度降低到8%,用模糊滤镜稍加模糊(图15)。
图15 如果你的图案是上黑下白的,那么在填充以后,需要将图层混合模式设为正片叠底,效果是一样的。
7.下面我们来添加文字部分。我们采用的像素字体为04b_03,大小为8点,如果不希望字体太过纤细,就将消除文字锯齿的方式设为明晰。添加了字体之后,来看看效果,似乎不如想象中的好(图16)。我们可以再来装饰一下文字部分。在最顶层的文字层之下新建图层7,将前景色设为白色,用矩形工具在按纽的上中部选择一细长矩形。将文字层和这一层链接起来,居中对齐。载入图层1的选区,反选,删除图层7的多余部分,取消选择。将填充不透明度降低为10%,图层混合模式为颜色减淡。(图17)
图16
图17
第 9 页 8.我们来看看这个按纽的应用。我选择把它放置在一个金属面板上。首先,新建一个图层组,将按纽相关图层都放到图层组中。在序列1下面新建图层8,用椭圆选框工具选择一个圆形,填充黑色后取消选择。将图层8和序列1链接,选择序列1,使用对齐选项,将按纽和黑色圆形居中对齐,取消链接。
现在,我们关闭序列1的显示,按ShiftCtrl+Delete,用白色填充图层8的不透明区域。打开图层样式,依次添加下列样式:
渐变叠加:混合模式为正常,不透明性为82%,渐变为从灰色RGB(174,174,174)到白色,线性,与图层对齐,角度为-48度,缩放为70%;
内发光:混合模式为正常,不透明度为23%,颜色为黑色,发光源在边缘,方法为较柔软,大小为10像素,范围为55%;
斜面和浮雕:内斜面、平滑,深度为51%,大小为8像素,阴影角度为130度,取消全局光,高度为15度,暗调的不透明度为0%,将等高线类型设为预设的半圆,范围为53%,消除锯齿;
外发光:混合模式为正常,不透明度为15%,大小为5像素,范围为33%;
描边:大小为1像素,描边位置在外部,混合模式为正常,不透明度为31%,描边颜色为黑色;
内阴影:混合模式为正常,颜色为RGB(115,115,115),不透明度为8%,角度为135度,取消全局光,距离为4像素,大小为2像素,等高线类型为预设的锥形;
第 10 页 最后是投影:不透明度为11%,角度为135度,距离为4像素,大小为1像素(图18)。
图18 显示序列1,这时,我们的图像应该像图19一样了。
图19 9.我们希望做出按纽内陷的效果。在图层8上新建图层9,选择一个比按纽稍大的圆形选区,填充白色,同样使圆形和按纽居中对齐。对它添加图层样式:先是渐变叠加,混合模式为正常,不透明度为55%,反向默认渐变,角度为90度,缩放为90%;其次是描边,大小为1像素,位置在外部,不透明度为40%,描边颜色为RGB(210,210,210)。这样,这个按纽就被很合适的镶嵌在面板上了。(图20)
第 11 页
图20 1.3 渐变透明按钮
我知道,这个题目实在有些不合格。哪种透明效果中没有用到渐变呢?渐变几乎已经成为制作透明按纽的必备过程,拿它做标题实在有些应付差事的感觉。但是,我实在懒得再费心思在我们的按纽起一个响亮又贴切的名字了。(这些天来一直和按纽打交道,请大家原谅我的倦怠心理吧!)不过,这个按纽倒真的漂亮的没话说,就拿它来作为小小的补偿吧!这次的这个按纽,完全是由图层样式来决定的。完成之后,大家的样式面板中又可以多一种漂亮的风格了。
1.这一次,我们来新建一个透明背景的文档,大小根据按纽的大小来定。新建图层2,用椭圆工具选择一个正圆形,复位色板,用背景色填充选区。不要取消选择,按Ctrl+X将选区图像复制到剪贴板上,删除图层2。
在图层1中,用Ctrl+V将白色圆形粘贴到图层1中。这样,白色圆形就会处于画布的正中。(图21)
第 12 页
图21 2.下面,我们就开始为按纽添加了图层样式了。
首先,我们为按纽添加基础的颜色。选择渐变叠加样式,将混合模式设为正常,不透明性为100%,点击编辑渐变色,将渐变的左端设为RGB(166,202,240),右端设为RGB(24,48,153),渐变样式为线性,角度为123度,缩放为100%;(图22)
图22 其次,我们用斜面和浮雕样式为按纽添加光泽:样式为内斜面,方法为平滑,深度100%,方向为上,大小为18像素,软化为3像素,阴影的角度为120度,取消全局光,高度为73,暗调模式为颜色减淡,高光和暗调的其他各项设定保持不变;(图23)
第 13 页
图23 下面,我们用内阴影模式加强按纽的暗调部分:将阴影颜色设为暗褐色RGB(71,41,2),混合模式为正常,不透明度为38%,角度为90度,距离为7像素,大小为5像素,品质不变;(图24)
图24
接下来的投影和外发光,都是进一步修饰按纽边缘的:先来选择投影样式,将投影颜色设为RGB(9,66,130),不透明度为35%,角度为90度,距离和扩展为0,大小为1像素;然后是外发光样式,混合模式为正常,不透明度为38%,颜色为RGB(0,70,114),发光方法为较柔软,大小为2像素;(图25)
第 14 页
图25
最后,如果你觉得按纽的颜色单薄,可以选择内发光样式,混合模式为正片叠底,不透明度为39%,设置渐变发光,依图26来设置渐变,渐变色从左到右依次为黑色、棕红色RGB(187,83,7)、黄色RGB(255,249,157),两个颜色中点的位置均为50%,发光方法为较柔软,光源居中,大小为250像素,范围为50%。你也可以自己设定内发光的颜色,这样,按纽的颜色就丰富起来。(图27)
图26
图27
第 15 页 3.接下来,我们为按纽加一个简单的边框。在图层1下面新建图层2,载入图层1的不透明选区,用扩展命令将选区扩大8像素,填充白色。(图28)
图28
我们依然用图层样式添加立体效果。先选择斜面和浮雕样式,结构为内斜面,方法为雕刻清晰,深度为290%,方向为上,大小为4像素,软化为9像素,阴影角度为90度,高度为45度,高光和暗调保持默认;再来添加描边样式,大小为1像素,位置在外部,混合模式正常,不透明度100%,描边颜色为RGB(170,170,170)。(图29)
图29
这样,这个按纽就完成了。想要改变颜色的话,可以重新设定各图层样式中有关颜色的设置。添加文字层后,也可以添加图层样式效果。如果想把这种样式应用到其他大小的按纽上时,应注意缩放效果,使样式符合图像。
第 16 页
二、用PS实现削皮效果
下面是原图:
完成之后的效果如图:
1.素材
功欲善其事,必先利其器。同样我们为了实现一个好的效果,工具和素材都是十分关键的。素材选好了,就会事半功倍。对于没有绘画功底的朋友们来说最好选用一些简单的几何体,比如柱形、球体等。因为我们即将要做的工作是将一个平面的物体变成一个看上去具有立体效果的物体,如果选择的原型太复杂了,很可能会在透视上出问题。2.扣图
素材找好了就开始扣图吧。扣图的方法很多,挑自己顺手的来吧。在这里我用pen/
第 17 页 钢笔工具扣出了鸡蛋,用Extract/抽出滤镜扣出鸡雏。如图1、8。
3.镂空原图
在此先分析一下最终的那个效果图。如果抛开中间的鸡雏不说,从ps的角度看,要将一个平面的鸡蛋作出此效果至少需要2个图层,正面图层
第 18 页 和背面图层。但是我们都清楚,原图是不可能为我们提供背面的,这个层需要我们自己动手来画。那么为了显现出背面这个层,我们先需要将正面的图层进行镂空的处理。
方法很简单,用pen/钢笔工具勾勒出需要镂空的地方,保存路径以备修改,然后转化路径为选区,delete/删除。
如图2、3
第 19 页
现在正面图层就基本做好了。可是这个鸡蛋看上去并不是立体的,更像一个监狱里的囚犯,不是吗?嘿嘿。接下来这步最关键了。
4.制作背面图层
绘制背面的线条来衔接正面的线条,以产生螺旋的效果。方法依旧是用pen/钢笔工具勾勒。如图4
第 20 页
勾勒好了之后保存路径,新建一个图层,将路径转为选区。前景和背景选择两种不同程度的灰,利用Radial Gradient/放射渐变工具填充选区。最后再添加5%左右的单色杂色Noise。如图5
第 21 页 6.其他
如果你还想在此基础上更进一步的话,就充分发挥你的想象力吧。在此我添加了一只鸡雏。如图9
为了做的真实,别忘了再增加一些阴影。最终效果如图。
附录:再来看看作者另外两幅精彩作品:
第 22 页
第 23 页
三、玻璃球效果
现在,各种各样的类玻璃材质大行其道,几乎每个Photoshop的教学网站上都会看到诸如“PS制作玻璃按纽”之类的文章。今天,我们也来赶赶流行,做些漂亮的玻璃球。
1.在Photoshop中新建一个文档,大小为256×256像素,RGB模式,白色背景。设置前景色为RGB(255,211,38),背景色为RGB(57,0,0),新建图层1,按住Shift键,用椭圆选框工具选择一个正圆形。选择径向渐变工具,设置渐变为从前景色到背景色。从选区的中下部分向上做出渐变,如图01所示,取消选择。
图01 尽管在选取选框时,我们已经选择了消除锯齿选项,但做出渐变之后,我们发现在球体的边缘还是会有一些锯齿。为了消除这些锯齿,我们可以载入图层1的选区,反选,将选区羽化1像素,连续删除两次,取消选择。这样,你会发现球体的边缘比刚才光滑了。
2.下面,我们用图层叠加的方法来表现玻璃球内部的情况。复制图层1,将副本命名为hardlight。从名称你就能猜到,这一层的图层混合模式为
第 24 页 强光,在编辑菜单中选择变换,将图层垂直翻转;
再次复制图层1,将副本层移动到顶端,命名为lighten,将图层混合模式设为亮光,不透明度为50%;
复制lighten层,将副本层命名为Color Burn,将混合模式设为颜色减淡,这样,我们的图像就如图02一样了。
图02
3.现在我们要减去一些多余的红色部分。载入图层1的选区,反选,羽化12像素,将选区向上移动2像素,分别在lighten层和Color Burn层中删除3~4次,直到球体的底部完全为黑色。这跟上一步的渐变有很大关系,渐变位置不同,最后形成的图像会有很大差异。也许上一步中你的渐变非常理想,那就不用这一步的调整工作了。(图03)
图03
第 25 页 4.接下来,我们为球体增加底部的反光效果。在Color Burn层上新建图层2,选择直径大小为65像素的柔化笔刷,将前景色设为白色,在球体的中下部点击一下,如图04所示,将图层的不透明度降低为65%。这一层可被看作光线从球体透出的效果。
图04
我们继续来加强这种效果。载入图层1的选区,确定当前工具为选框工具,按住Shift键,点击键盘上的方向键,将选区向上移动30像素,然后按Ctrl+J,将图层2的图像复制到图层3中。再选择移动工具,将图层3向下移动10像素,将图层3的不透明度减低到55%,用模糊滤镜组中的模糊滤镜稍加模糊。(图05)
图05
5.我们再来为球体的顶部添加反光。在顶部新建图层4,载入图层
1第 26 页 的选区,复位色板,用从白色到黑色的线性渐变填充选区后,取消选择。用变形工具,将图层4变形,如图06的形状,将图层的混合模式设为屏幕(即Photoshop7.0中的滤色模式),用模糊滤镜稍稍模糊。(图07)
图06
图07 6.现在我们来制作球体顶部的反光。在图层4的下面新建图层5,载入图层1的选区,用半径为1像素的羽化命令柔化选区,选择画笔工具,还用刚才的画笔,用白色在球体的中上部点击一下,注意画笔的边届要超过球体的边缘。取消选择,将图层混合模式设为柔光。
在图层5上新建图层6,选择更小一些的画笔,如直径大小为35像素,在刚才落笔的地方点击。这样可以加强反光的效果。(图08)
第 27 页
图08 7.是否觉得这样的球体太单调了些?我们可以通过纹理图层为球体的内部添加丰富的纹理效果。选择Color Burn层,在其上新建图层7,将其命名为texture。你可以有很多种选择来添加纹理,这里介绍一种。
选择渲染滤镜中的云彩滤镜,用前景/背景色渲染图层。需要的话,可以再用分层云彩再渲染几次。然后用自动色阶命令,调整画面的对比。接着,打开扭曲>玻璃滤镜,将扭曲度设为9,平滑度为3,纹理类型为小镜头,缩放为200%;载入图层1的选区,连续运用球面化滤镜两次,将选区内的图像球面化,反选,删除多余图像后取消选择。将图层的混合模式设为叠加。
有很多时候,云彩滤镜的效果不太令人满意,你可以自由的在这个层之上再用其他渲染方式或是滤镜做出纹理,将这两个纹理都设为叠加模式,分别减低不透明度会取得很好的效果。像我们这个例子,除了玻璃滤镜的渲染外,我还加了一个分层云彩的图层,叠加出来的效果就比较理想了。有时,将图像做反相处理,也会有意想不到的收获。(图09)
第 28 页
图09 8.想要加上简单的阴影的话,就复制图层1,将图层1副本移动到图层1之下,用黑色填充不透明区域。应用半径为2.0像素的高斯模糊滤镜,稍加模糊。再复制这一层,向下合并,就形成了最简单的阴影效果。(图10)
图10 到这里,我们的玻璃球还只能算是一个半成品。如果想让它更漂亮,下面还有一些不可错过的步骤。
9.反光效果:也许你会决定奇怪,前面我们已经做过了两次反光效果,为什么还要做呢?这是为了进一步增加球体内部的细节。这次我们用一种比较特别的方法,打开一副图片,最好是亮度比较高的图片,将其图像大小定为200×200像素大小。按Ctrl+A选择图像,把它粘贴到我们刚才的文档中,放置在texture层之上,图像会被自动对齐到文档正中。
第 29 页 在这里,你选择的图片亮度越高,效果就越好。所以,有很多窗户的居室图片是很好的选择,因为这些图片会有很好的光线。
选择我们刚才粘贴进来的图层,对它做去色处理,只保留图像的明暗。然后对它做球面化处理,简单的去除边角。将图层自由变形,缩小到比球体稍微小上一点,如图11所示,然后载入纹理层的选区,羽化3像素,反选后,删除3~5次,取消选择,并将图层的混合模式设为变亮,不透明度降低为15%。最后,用USM滤镜锐化,将数量设为150%,半径为0.5像素,阈值为0,使因缩小而模糊的图像清晰起来。(图12)
图11
图12 10.现在,我们来制作立体的阴影效果。选择我们刚才制作的阴影层,第 30 页 即图层1副本层,将其复制,对副本2层应用半径为4像素的高斯模糊。然后用变形工具中的缩放,按住Alt键,将变形框向中间收缩,并将整个变形框向下移动。确定变形,将图层的不透明度降低为65%。这样我们就得到了真实的阴影。(图13)
图13 11.下面这一步,是表现球体透光的关键。在刚才所制作的阴影层上新建一层,用直径35~50像素的柔化画笔,确定前景色为白色,在球体下面点击一下。画笔的中心大概位于3D阴影的边缘处。(图14)
图14
12.最后,我们先来为玻璃球制作一个简单的背景。选择背景层,设置前景色为RGB(255,211,38),背景色为RGB(57,0,0),选择径向渐变工具,将渐变方法为从前景色到背景色,尽可能的从画布中心向边角拖
第 31 页 动鼠标,做出渐变。(图15)
图15
打开杂色滤镜,为画布添加杂色,设置杂色数量为3,高斯分布,单色;然后从艺术效果滤镜组中选择绘画涂抹滤镜,设置画笔大小为10,锐化程度为20,画笔类型为简单;最后用USM滤镜锐化,设数量为100%,半径为0.5,阈值为0,这样,我们就得到一副简单的背景图像。(图16)
图16
你可能会觉得我们刚才制作的球体底部的光亮有些画蛇添足的意思,那么试着将这一层的图层混合模式设为叠加,不透明度减低到75%,你就不会觉得它是多余的了。(图17)
第 32 页
图17 13.到这里,我们的球体可以算是基本上完成了。不过我们还可以对它进行加工,使它更为完美。如果你觉得球体周围的黑色过重,挡住了透射效果,那么我们就来处理它。选择背景层,载入图层1的选区,用扩展命令将选区向外扩展10像素,按Ctrl+J,将选区图像复制到新层中。
将这一层移动到texture层之上,载入图层1的选区,向内收缩4像素,清除选区内图像,取消选择。将图层缩小到原来大小的80~90%。(图18)
图18
载入图层1副本的选区,羽化2像素,反选,删除,取消选择。这时,我们的图像看起来更像一个玻璃按纽。(图19)
第 33 页
图19
最后,将这一层的混合模式设为强光,不透明度降低到25%。这个球体才真正的完成了。(图glass)
图glass 14.现在,试着关闭一些图层,看看图像会出现哪些变化。在这个教程里,我们使用了大量的图层混合模式,这些混合模式使图像发生不可思议的变化。如果你关闭一些,或是改变其中一些的混合模式,那么你所创作的就不会仅仅是一副图像了。举个例子,下面这张图里,我关闭了不同的图层,效果是很明显的。如果再使用调整图层的话,那变化就更多了。(图20)
第 34 页
图20 用不同的纹理来代替现有的纹理层,这样会使你的图像丰富多彩。你也可以把它当作玻璃按纽来使用。关闭背景层,按Ctrl+A,再从编辑菜单中选择合并拷贝命令。这样,所有的可见图层都被复制到剪贴板中。选择新文档,粘贴,重定大小就可以了。
第 35 页
四、Photoshop的激情盛夏与清凉海滩
炎炎夏日,酷暑难当,如果有幸拿到一个假期,与其闷在空调房中大吹冷气,不如到海边痛痛快快的畅游一番,好好松弛一下紧张的神经。想想看,蓝天碧水,清新的空气,健康的身体,更重要的是轻松的心情。带着一身饱满的精神和阳光的活力再次回到工作中,何乐而不为呢?不过对我们这些无法拿到假期的“苦命”人来说,海边度假似乎是一种可望而不可及的奢侈。除了看看图片过过眼瘾之外,幸好还有Photoshop,自己来创做一个清凉世界,只能是汗流浃背之余一点微薄的享受了。
打开Photoshop,新建一个600×350像素的文档,72像素/英寸,RGB模式,白色背景。
为了达到加倍清凉的效果,我们为画面加入一些饮料的概念。在骄阳下活动,自然少不了水份的补充,碳酸饮料是种不错的选择。在所有的碳酸饮料品牌中,提起碳酸饮料,自然会想到可口可乐和百事。我个人比较
第 36 页 喜欢可口可乐的文字标识,而是流畅的曲线也很符合我们图像的目的。所以,这次我们就采用可口可乐文字标识的一部分来作为图像的基础。当然,这样的选择很多,比如可口可乐著名的曲线瓶造型,也非常漂亮。如果你能找到别的图像代替文字来使用也是不错的。过程大同小异,稍加改动即可。
将前景色设为黑色,选择文字工具,打开字符调板,这里,我使用了一种名为“CocaCola”的字体,这种字体比较特殊,键入大写字母C,就会出现我们熟悉的CocaCola斜体字样。根据你的画布设置文字大小,有必要的话调整垂直缩放和水平缩放值,就可以达到我们所需的文字外形。(图01a)
我们只需要Coca这几个字符,多余的字符要删掉,但这几个字母又是不可分的,在文字为矢量状态下,无法对其进行像素的操作方式,这就需要栅格化文字图层。对文字层栅格化之后,文字转变为像素,用橡皮擦工具抹去多余图像。先别急着调整文字位置,在这种图像延伸到画布外的情况下,除了画布中可见的图像外,还包含了一些不可见但存在的像素。你可以用增大画布大小的命令来显现它们。例如在我们的图像中,如果我将画布宽度增大到700像素,那么你会看到其余的字母并没有消失(图01b),第 37 页 如果用图像>显示全部命令,你会看到全部隐藏的像素。这些存在的像素会白白增加文档大小,有时还会给我们带来一些麻烦。所以,清除这些像素是必然的。按Ctrl+A,选择全部图像,用图像菜单下的裁切命令,以现有选区为目标,对图像进行裁切,清除多余像素。再用显示全部命令检查,画布大小未曾改变,所有多余像素已被清除,文档大小也缩小了。
下面我们要将文字对齐到背景中心。保持全选状态,在工具箱中选择移动工具,点击工具选项中的垂直中齐和水平中齐按纽,将文字移动到画布正中,取消选择。(图01c)
2.在下一步开始之前,我们照例保留一个原始通道。载入文字层的选区,在通道面板中,新建一个通道,将通道命名为orig,复位色板,用白色填充通道选区,取消选择;
回到RGB综合通道中,将C层重命名为main object,用白色填充整个图层。下面我们来制作海平面。先用黑白渐变填充图层,为了修改方便,第 38 页 我们采用了渐变叠加的图层样式:设置渐变的混合模式为正常,不透明性为100%,渐变为预设类型中的黑白渐变,样式为线性,角度为90度,缩放为10%(图02a)。满意后在这一层之上新建一个图层,将main object层与新层链接合并,拼合后的main object层内容不变,但没有了图层样式。用色阶工具调整,设定输入色阶为107,1.00,128,使图像中仅剩下黑白两色。随后打开填充对话框,用50%灰色填充图层,接着用消褪命令消去50%的不透明度。(图02b)
3.新建两个图层,将顶部的图层命名为lowlight,下面的图层命名为highlight。复位色板,在lowlight层中,载入通道orig的选区,用黑色对选区描边,宽度为1像素,位置居中;反转色板,选择highlight层,用白色对选区描边,宽度为1像素,位置居中,取消选择。
选择移动工具,将highlight层的白色描边图像向上和左各移动1像素;
第 39 页 将lowlight层的黑色描边图像向下和右移动1像素。将这两层与main object层链接后合并。(图03a)
选择高斯模糊滤镜,将半径设为1.0像素;接着使用云彩滤镜渲染图层,紧跟着用消褪命令将模式设为柔光,不透明度为100%;载入通道orig的选区,用扩展命令将选区扩展3像素,使用羽化命令柔化选区边缘,羽化半径为3像素,反选后用黑色填充选区,用消褪命令将不透明度减低到75%。(图03b)
从素描滤镜组中选择铬黄滤镜,我们用它来为图像添加细节。将细节和平滑度都设为10,用消褪命名减去65%不透明度,模式为柔光,这样图像就不会过于平淡。下一步就是上色了,现择色相/饱和度命令,勾选着
第 40 页 色,将色相设为200,饱和度为51,明度为+8。这只是基础颜色,待会儿我们还要调整。现在我们要删除多余的图像。载入通道orig的选区,将选区扩展3像素,反选后删除,取消选择。(图03c)
4.在背景层上新建一层,命名为stroke。我们要在这一层中为图像加边。载入main object层的不透明区域,用黑色填充后取消选择。打开图层样式对话框,选择描边,将描边大小设为3像素,位置在外部,混合模式为正常,不透明度为100%,颜色依然为黑色。之后建立新图层,把它和描边层链接拼合,消除图层样式。(图04)
5.在背景层上新建一层,命名为shadow。载入stroke层的不透明度选区,在shadow层内填充,取消选择。复制shadow层,将其上的副本层重
第 41 页 命名为glow。在golw层中,执行高斯模糊滤镜,将半径设为1.0像素。选择shadow层,使用位移滤镜,将水平和垂直位移量都设为8,即向右和下各移动8像素,打开高斯模糊滤镜,半径设为8.0像素,将图层不透明度降低为75%,完成阴影的制作。(图05)
6.我们还要对图像的边缘进行一些装饰,使它更显精致。在main object层上新建一层,命名为lowlight,载入通道orig的选区,用黑色描边,宽度为1像素,位置居中;再新建一个图层,命名为highlight,反转色板,用白色描边,宽度为1像素,位置居中,之后取消选择。将highlight层的白色描边向左上各移动1像素,lowlight层的黑色描边向右下各移动1像素。这样我们就得到了生动的立体边缘效果。
这时,你可能会觉得图像的颜色太过黯淡,我们可以用色阶调整main object层的颜色。打开色阶对话框,将输入色阶设为14,1.00,211,这样图像就呈现出碧蓝的天空和深遂的大海。现在,将除了背景层之外的所有图层和main object层链接合并。(图06)
第 42 页
图像主要部分制作完成。下面我们来建立沙滩背景。
7.选择背景层,为了不妨碍视线,暂时关闭main object层,打开填充对话框,用50%灰色填充背景层。应用杂色滤镜,对图像添加杂色,数量为20%,平均分布,单色;用色相/饱和度命令为沙滩着色,选择着色模式,设置色相为27,饱和度为25,明度为0。接着用云彩滤镜渲染图像,用消褪命令将云彩的模式设为叠加,不透明度为100%。随后连续两次用锐化边缘滤镜来锐化图像。(图07a)
下面我们要在图像上添加一些小小的水珠,使它看起来更沁人心脾。首先来建立水珠的选区。转到通道面板中,新建一个通道,命名为drops1,这个通道被用于制作沙滩上的水珠选区。我们希望用颗粒的方式为图像加入纹理,但在黑色的通道中,颗粒滤镜无法预览(但效果依然存在),所以,复位通道色板,先用白色填充通道drops1,在此预览颗粒滤镜的效果。选
第 43 页 择滤镜>纹理>颗粒,将强度设为100,对比度为42,颗粒类型为结块。在预览窗口出现了灰色的图像,这一点不同于在RGB通道中出现的彩色颗粒。当你对预览图像满意后,记下所有的数值,点击取消;将通道drops1填充为黑色,再次打开颗粒滤镜对话框,按刚才的数值设置滤镜效果。在图像上可能看不到什么变化,不过不用担心,打开色阶对话框,将输入色阶设为16,1.00,44,你会看到图像中出现灰色斑块。下面我们要做的就是整理这些白色区域,使之变为清晰的选区。
先进行第一次高斯模糊,半径为1.0像素;调整色阶,设置输入色阶为70,1.00,156,使灰色区域变亮;再进行第二高斯模糊,半径依然为1.0像素;将输入色阶设为19,1.00,47,基本消除图像中的灰色区域。(图07b)
复制通道drops1,将副本通道命名为drops2,我们用这个通道进一步制作文字范围内的水珠选区。载入通道orig的选区,反选,填充黑色,取消选择。要使通道内的白色区域进一步明显,还需要用高斯模糊滤镜和色阶工具;用半径为1.0像素的高斯滤镜模糊通道,然后调整色阶,设置输
第 44 页 入色阶为6,1.00,48。(图07c)
8.回到RGB通道,在背景层上新建一层,命名为drops1,用白色填充图层。载入通道drops1的选区,填充黑色后取消选择。(或者你可以选择通道drops1,按Ctrl+A选取全部通道图像,Ctrl+V复制,回到drops1层中,粘贴,再用反相处理图层,效果是一样的。)
下面我们要为图像添加立体效果。用半径为1.0像素的高斯滤镜轻微模糊图像,打开风格化滤镜组中的浮雕滤镜,设置角度为-45度,高度为2像素,数量为150%;载入通道drops1的选区,将选区扩展2像素;羽化选区,半径为2像素;反选,填充黑色后取消选择。再次载入通道drops1的选区,反选清除后取消选择。将图层的混合选项设为叠加。如果觉得水珠的效果不够明显,可以复制drops1层,然后将drops1层,drops1副本层向下合并到背景层中。(图08)
第 45 页
9.现在我们来制作文字区域的水珠图像,方法和刚才大致相同。在main object层上新建一层,命名为drops,填充白色。载入通道drops2的选区,将选区填充黑色后取消选择。高斯模糊1像素,应用浮雕滤镜,设置和刚才相同。载入通道drops2的选区,将选区扩展1像素,羽化1像素后反选,用黑色填充后取消选择。再次载入通道drops2的选区,反选,删除多余黑色图像,取消选择。将当前图层的混合模式设为叠加,复制图层。选择main object层,将drops层与之链接合并;再与drops副本层链接合并,这样就能在合并图层的同时维持图层叠加效果。(图cool,09)
第 46 页
最后,你还可以在图像中增加一些装饰元素,如鲜艳的花朵,清爽的柠檬等,或者用镜头光晕滤镜渲染图像,突出夏日海滩的迷人风情,这里就不再举例了。
第 47 页
五、PS质感文字系列
5.1蟒纹字
最近看到一则颇为有趣的报导:在多种令人恐惧的东西比较之后(包括具体的和抽象的),蛇竟然成为大部分美国人最害怕的东西!相对来说,中国人对蛇的恐惧程度远远没有美国人高(勇敢的中华民族!)。不过,那种„„(连形容词都令人毛骨悚然~)生物,在我看来也实在不能作为衡量胆色的依据。所以,这一次,我不得不违反常规,凭记忆而不是具体观察,来作为绘图的依据。在座诸位有勇力者,请在确保人身安全的情况下仔细观察,再来提出你的宝贵意见!
既然如此,为什么还要写这篇似是而非的文章呢?好吧!没错,Photoshop是很强大,只要肯下功夫,用Photoshop也能做出那些如同3D软件渲染的,足以和实物相媲美的逼真物件。但你知道,用一个软件的短处和另一种软件之所长去比较,是没有意义的。造型方面不如Lightwave、Rhino强悍,在手绘方面Photoshop的好评也不如Painter、Expression。但如果说到对图像的加工、后期处理,即使最挑剔的人也不得不承认,Photoshop在这个领域内当之无愧的稳坐第一把交椅,目前为止,无人能望其项背。图像处理,这就是Photoshop最大的长处。回到这篇文章中,也许你会在这些图像中挑出许多错误的地方,但它的目的,不是在你面前展示一条栩栩如生的蟒蛇,而是带给你一种装饰作用很强的文字效果。如果你
第 48 页 理解并接受了这一点,就请继续向下阅读。
1.打开你的Photoshop,新建一个文档,RGB模式,白色背景,图像大小需要大一些。这个例子的大小为1000×400像素。
选择文字工具,查看你的字体列表,找到一种比较粗大的字体,复位色板,用黑色在背景上写上文字。记得为文字设置消除锯齿。调整好文字的位置之后,栅格化文字。将这一层命名为text。本例中的字体是Minion,字型为Bold,大小为500点,消除锯齿的方式为平滑。由于文字比较大,所以边缘的锯齿也较为明显。为了使文字的边缘更平滑,在栅格文字之后,载入文字层的选区,羽化,半径为1像素,反选,删除两次,再取消选择。这样,文字的边缘会变得更整齐。(图01)
图01 2.新建一层,命名为top,载入text层选区,设置前景色为RGB(52,230,56),用前景色填充选区,保持选择状态不变。
从纹理滤镜组中选择颗粒滤镜,设置强度为22,对比度为41,颗粒类型为软化;然后从艺术效果滤镜组中选择干画笔滤镜,设置画笔大小为2,画笔细节为8,纹理为3,用以简化图像;(图02a)
第 49 页
图02a 下面我们要对选区图像进行扭曲,要想达到随机的效果,就需要选择一种随机滤镜,这里,我们选择了波浪滤镜,如果你对这些生成系数很有研究的话,可以按自己的需要设定波长、波幅等系数,如果觉得麻烦,那么最简单的方法,就是点击随机化按纽,这样,滤镜就会产生不确定的变换,可以多试验几次,直到效果满意。(图02b)
图02b 这是整个过程中很关键的一步,波浪滤镜的效果影响到最终的图像效果。所以,建议你在做扭曲之前,最好保留一个历史快照,这样便于恢复。
3.隐藏文字层,将背景色设为RGB(18,232,209),选择艺术效果中的水彩滤镜,将画笔细节设为8,暗调强度为1,纹理为1,使图像呈现简化水彩的效果,颜色也较为饱和。(图03)
第 50 页