ps海报设计实例教程
第一篇:ps海报设计实例教程
PS海报制作教程:PS实例制作《电锯惊魂VI》海报
庆祝电锯惊魂第六部上映!在这里你将逐步学习如何使用Photoshop制作一个肮脏恐怖的《电锯惊魂VI》海报。先看看最终效果:
最终效果
这是新的电锯第六部的海报。我们将用靴子制造的脚来取代手套制作的手。本教程不是很复杂,任何水平都应该很容易做到。
图1 (原海报)
这里是我所用到的资源:
图2
制作步骤:
首先,你需要做的就是在Photoshop中打开一个白色背景的新文件。使用套索工具、钢笔工具,或其他任何能得到选区的方法剪下你想要的两只脚。我强调一点我决定使用上述的图像资源。要务必调整它们的大小,使两只脚的大小看起来接近,用橡皮擦工具清除锯齿状的边缘。
图3
现在仔细剪下靴子的顶部,把它们放在脚上。使用变换工具(CTRL + T键)调整和倾斜。隐藏和显示你的图层以便可以每一次只看到一只脚,这样会更容易把重点放在每只脚上。我使用的一个技巧是在靴子图层上降低不透明度大概60%,使靴子和脚排成一排。这将使脚的两侧与靴子的边缘相称。调整好之后将其不透明度恢复到100%。
图4
下一步要调整脚的色相/饱和度,以便使其更好的与靴子的颜色相配。你可以尝试自己设置,还可以调整靴子,关闭它们。
图5
使用一个中等大小低透明度的圆形软橡皮擦擦除靴子的底部,使皮肤融入皮革中。使用一点描边在鞋带的边缘。也要擦除一点脚的侧面及脚后跟。
图6
它们融合后,合并脚图层和靴子层。要确保两只脚在不同的图层上,以便我们可以添加阴影,并且能够移动它们。现在回到色相/饱和度设置,我们将给脚去色,使皮肤呈现死灰状。它们应该有一些色彩但要呈现沉闷和灰色。
图7
下一步我们将调整色阶得到一个更深的对比和更暗的阴影。你可能还需要打开亮度/对比度控制,调高一点对比度。
图8
使用加深工具使边缘变的更暗。调低曝光到15%,使用中等大小的圆形软笔刷。改变范围,加深阴影,中间调和高光。如果增加了太多的颜色就用海绵工具来吸收一些。
图9
选择后脚层,去滤镜>模糊>高斯模糊。使用半径1像素左右。我们要把重点放在前脚,它需要增加一些深度。
图10
在这里你可以自由发挥。去寻找一些不同的污点画笔和纹理,随机添加一些污物到皮肤上。我降低了纹理层的不透明度,改变混合模式为叠加。也可以尝试使用柔光或强光来获得不同的效果。
图11
现在我们给皮肤添加一些具有折痕,裂纹和折叠效果的纹理。
图12
下一步把纹理去色为黑色和白色。这将使它们在下一步中更容易融为一体。
图13
更改混合模式为柔光,并减低一点不透明度。然后用圆形的软笔刷轻轻的擦除混合后的硬边。也要清除没有覆盖在脚上的多余的东西。
图14
从靴子的脚趾部位剪切出有大量折痕的一块放在前面的脚背上。
图15
还是用同样的步骤混合它。
图16
剪切出一个地板的图像,把它放在其他层的下方。我调整它的大小使它横跨整个海报。
图17
去色相/饱和度,调低饱和度给地板一种沉闷和脏的效果。可以调高一些亮度。然后使用不透明度设置为15%的大的圆形软笔刷使地板褪色为白色。你也可以减少不透明度和填充来帮助它更好的融合。
图18
现在我们要在一个新层上使用亮的软笔刷添加阴影。慢慢地在脚的周围涂抹,然后用柔软的橡皮擦擦除边缘。混合模式更改为强光,设置不透明度为60%。
图19
在这个新层上你可以用一个更深的笔刷使它变暗使其与脚更好的融合。更改混合模式为颜色加深,减少不透明度和填充。
图20
找一些血液或墨水飞溅笔刷,添加一些鲜血滴在地上,脚上也放一些。使用一个真实饱满的暗红色,改变混合模式为正片叠底。在血液顶部创建一个新层,用柔软的白色笔刷在外边缘涂抹,使血液看起来像在地板上一样。
图21
现在只需要在底部添加电锯的LOGO以及电影的信息(你颠倒了海报的效果得到了在白色背景上的黑色文本)。你还可以在上方添加以前一些海报上常出现的锯齿状刀刃。现在你就有了自己的电锯电影海报了。
图22
第二篇:PS制作时尚潮流人物海报实例教程
直线网
本教程过程虽然复杂,不过介绍的非常详细,素材也提供得比较完整,非常适合学习和练习。教程难点是要掌握素材的融合及搭配,用到的素材相当多,怎样构图才完美,需要自己多花心思去美化。最终效果
一、用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综合实例教程
综合实例一:PS合成半脸半机器的创意人像
同是介绍图片的合成方法。不过本文作者在合成的时候加上了不少的创意艺术。把一些生硬的效果中融入了活力元素。这样效果图看上去更加经典。
1、打开Photoshop,打开下图所示的背景纹理素材。
2、选择完纸张纹理,然后进入图像“>调整>色相和饱和度。减少-100饱和,增加亮度42。如下图。
3、打开下图所示的金属头骨素材,用钢笔抠出来,将金属骨头并将其放置在您的设计中心。
4、导入一个女孩的照片,再次单独提取(抠图)女孩的头像,放置在颅骨层的面前。
5、减少女孩的照片不透明,使你可以进行对齐。也许你将不得不调整其大小使其对齐。
6、使用套索工具选中不需要的部分。然后打开:图层“>图层蒙版>”隐藏。
7、打开图层“>图层样式>阴影。混合模式为“线性加深”,并选择黑色。对于使用不透明度35%,为采用45度角,距离:5像素,扩展:0像素,大小:10像素。
之后,选择斜面和浮雕。样式:内斜面,方法:光滑,深度:110%。方向:上,大小:16像素,软化:15像素,阴影:53,高度37。为了突出显示,使用不透明度100%的白色。高光模式为:滤色,然后使用35%不透明的黑色,阴影模式为:线性加深。
8、打开下图所示的溶浆素材,扣除白色背景。
9、使用橡皮擦工具(e)删除一些地区,以配合脸型,使其融合得更好。
10、改变巧克力的混合模式为“柔光”。
11、打开下图所示的素材。同上的方法进行溶图处理。
12、选择女孩的脸和巧克力重复新建个层。之后去滤镜“>模糊”高斯模糊。使用15像素的半径。改变混合模式为“叠加”。
13、在你的文档里找一张纸张纹理,放到最顶层,改变混合模式为“柔光”。
14、这时候你就可以往画面中添加一些标志性的图案等。你可以做的更隐蔽点,使其更加微妙。不过,本教程的想法是向您展示如何使用一些非常基本的照片和过滤器创建一个超现实的设计图。
综合实例2:PS合成古船下神秘的美人鱼
本教程用到的素材比较多,有海面、天空、岛屿、石头、波浪、古船等。合成的时候先把素材整理好。然后按照由下至上的顺序慢慢溶图。大致满意后再渲染局部及整体颜色即可。
1、新建900*1138大小的文档,拉入美人鱼的素材,摆放好位置。
2、拉入海水素材,摆放好位置,添加图层蒙版,将多余部分用黑色画笔擦拭,只剩下水波部分。
3、拉入天空素材,同样的摆放好位置,添加图层蒙版,用硬度0%的黑色画笔擦拭底部。
4、拉入云彩素材,同样的摆放好位置,添加图层蒙版,用硬度0%的黑色画笔擦拭。
5、拉入绿岛素材,添加图层蒙版,用硬度0%的黑色画笔擦拭掉。
6、打开石头,用磁性套索工具,将中间的山抠出,拉入文档中,摆放好位置。添加图层蒙版,将露出水面的部分擦拭掉。水下面的部分,用不透明度40%的黑色画笔擦拭一下。
7、打开石头素材,用钢笔工具抠出一块岩石,拉入文档中,摆放在第六步做的岩石上方,做出露出水面的效果,同样添加图层蒙版稍微擦拭下。
8、拉入船素材,摆放好位置,编辑--变换--水平翻转,给船转个头。
9、最后我们给图层添加调整图层,给整张图色调调整下。新增调整图层--照片滤镜。
10、调整图层--色彩平衡。
第四篇: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 页
第五篇:ps新手入门实例大全详细教程
(一)
本教程使用版本为photoshop7.0,其他版本的PS操作步骤基本雷同!
我想说的是:学习PS跟学习FLASH有不同的地方。如果说FLASH是以动画原理为主,类似于数学公式或是物理公式,那么,PS就有点儿像学化学,无数的化学分子式,稍稍有所不同,效果就完全不一样了,就像是四氧化三铁和三氧化二铁,看上去差不多,性质完全不一样。PS的方式方法,条理性的少,感性化的多。FLASH是线多点少,而PS是线少点多,无数个知识点,如天空中的繁星一样闪闪发光,学不胜学。再打一个不太恰当的比方:FLASH是西药,PS是中药。三分党参二分甘草、三分甘草二分党参再加四分何首乌,效果完全不一样的。所以, 学PS需要较强的记忆力 。要在理解的基础上去记忆,需要我们记忆的内容特别多。不然的话,学了后面忘了前面,当时会做的效果,一段时间不做,又全忘记了。所以,我要特别提醒大家边学边记,努力记住。不光要记住知识点,同时也要 记住一种效果的制作步骤与思路 。当然,我在编写过程中,也会特别努力让大家容易记住,强调要记住的东西,反复实验,以加强记忆。 好了,开场白就说到这儿了。现在上第一课。为了提高大家的学习兴趣,我们先不去学那些枯燥乏味的概念和理论,我们来做一个有用的工作——照片的虚化处理。请看原图与经过处理的图。这样处理的目的是把四周杂乱的东西去掉,更加突出人物面部。虚化后,使得画面消去了四方的棱角,与周围更加和谐,看上去更舒服一些,更富有情调。在很多地方都用得上,所以非常值得一学。其实也并不难学。
这是最常见的一种方法。现在我们来制作,一边制作,一边学习新知识。
1、打开PS。在菜单“文件”下的“打开”,找到自己电脑硬盘上的原图后打开。
2、在工具栏上,按下第一排左边的虚线矩形按钮不放,(工具右下角有小三角的,表明这里面还有同类的工具)会出来四种选框工具。点“椭圆选框工具”,然后到照片上画个椭圆。在照片上出现一个虚线画成的椭圆。这时,画得不准确没有关系,一会儿就来调整。这个虚线框就是 选区,这是一个非常重要的概念。一定要记住它。 今后几乎每一堂课都要提到“选区”的。 选区就是我们要进行处理的范围。
3、到菜单“选择”下的“变换选区”点一下,在选区的四周出现了大方框(调整框),它有一个中心点与八个方点(调整点)。
4、现在可以拉动右边的小方点,会把椭圆拉宽;再拉下面的小方点,可以把椭圆拉长一点;拉四角的小方点,可以放大缩小框子;在框外移动鼠标,可以旋转调整框;点框内空白处,可以移动整个调整框 。这样,不断地调整,直到满意为止。不过, 不要拉到离照片边缘太近的地方,需要留出一点余地 。按一下回车,调整框就消失了。
5、现在选区的位置已经定好了。我们来制作边界的虚化效果。到菜单“选择”点“羽化”,
在羽化半径中填写20。这个20是指我们需要虚化的边缘的宽度,就是从清晰到不清晰直到消失的一个过渡的宽度值,这是一个估计值, 这个估计值与原图的尺寸有关 。如果不合适,可以回过头来改成30或者是任何数,主要是观察效果好不好再说。可是,现在是看不出来任何效果的。只好继续往下做,做好了再说了。
6、这个椭圆框里的画面,是我们框选的,是要保留下来的,而虚线框之外的画面,是我们要删除的。为了要删除那些不要的画面,我们就要选中不要的画面。现在,整个画面分成两个部分。一部分是要保留的,另一部分是我们要删除的。不是选中要的,就是选中不要的。那么,只要把现在这个选区反个个儿就可以了。现在到菜单“选择”下点“反选”,虚线框就反过来了。在椭圆选框的外面,出现了四方的选框,这表示:现在所选中的,是椭圆与方框之间的部分。注意:原先羽化的宽度,是向着椭圆内部的。现在反过来是向着椭圆的外部了。
7、好,现在选中的这部分就是我们不要的了。到菜单“编辑”下点“清除”,这部分就没有了,露出了白色的底及虚化的边缘。
8、可能有些朋友点了“清除”之后,四周不是白色的,而是其它颜色的,这里就要补充说明一下颜色的设置了。
在PS中,设置颜色,分为前景色与背景色两个部分。如白纸黑字,那么,白色就是背景色,黑色就是前景色。在工具栏下部,就有这么一块,我们来看一下:
这里有两块颜色,前面一块是黑色的,后面一块是白色的。这就是前景色为黑色,背景色为白色的情况。
前景色与背景色当然是可以对换的。按那个双向箭头就可以了。
现在的情况是对换过来了,前景色是白色,背景色是黑色的。就像是学校里教学的黑板,写上的是白色的粉笔字。记住这个双向箭头是前景色与背景色的对换按钮。以后非常有用的。 而左下角的那个黑白小按钮,是默认设置按钮。即无论在什么情况下,什么颜色下,按下这个按钮,就会马上回到白底黑字的默认设置上来。
好。结合我们现在的情况,如果说要白色的背景的话,那正是一种默认的设置。这样,你在清除之后,四周都是白色的底色了。关于如何改变颜色的问题,我们在以后的课中会来详细讲解。今天我们所要掌握的,就是二点:什么是前景色?什么是背景色?如何交换?如果设为默认的颜色?
9、画面处理得差不多了,要把虚线框去掉。到菜单“选择”下点“取消选择”,虚线框就没有了。
10、现在看一下虚化边缘的效果。20这个半径值还可以。但是如果换了一照片,就不一定是20了,这个值跟原图的大小有关。如果羽化半径值太小,虚化得太突然。如果太大了,虚化部分会影响到主画面。(关于如何修改,重新设置羽化半径值,这部分内容以后会讲到。)
11、好。现在要把 图片保存 起来。因为起先打开的是“照片01.jpg”,现在如果在菜单下点保存,也会是同样的文件名。弹出的对话框中,可以设置画面品质,可以看到保存后的文件量大小是多少K。这可以让我们保证能上传到论坛上。其它就不用设置了。但是,这样保存的话,原图就会被复盖了。万一你要做另一种效果就不能再使用了。为了保存原图,可以到菜单下点“存储为”,换个文件名保存下来。可以仍然保存为JPG格式。而且还以保存为PSD格式。这是PS的源文件,是可以修改的文件,正如FLASH中的FLA文件一样。假如你制作到了一半,要休息了,临时保存一下文件,就要保存为PSD文件,这样,回来还可以修改。这是要注意的。
好了,今天是第一课,还是少一点儿内容比较好。现在我们来回顾一下今天所学的知识点,也算是复习题:
1、什么是选区?
2、如何调整选区?
3、羽化半径是什么意思?
4、如何删除不要的部分?
5、什么是前景色、背景色?
6、保存有哪几种情况?PSD格式的好处是什么?
7、对照片进行虚化处理有哪几个步骤? 步骤是:
1、画出所要的部分的选区。
2、羽化这个选区。
3、反选,选中我们所不要的画面,把它删除。
这里是先羽化,后反选。也可以先反选,后羽化。效果是一样的。
(2):照片轮廓虚化处理
我们制作了圆形的照片虚化。但有时,需要我们制作勾勒轮廓的照片虚化处理。今天我们就在上一节课的基础上,来制作一下,这样,也有助于加深对照片虚化处理的印象。先来看原图:
这是一张少女全身图,姿态优美。如果再如上一课那样,把它用圆框框起来,就不恰当了。这时,就要用轮廓图了。制作步骤是一样的,只是用的工具不一样。
1、打开这张照片。
2、在工具栏第二栏的左边,点“套索工具”。
套索工具可以画出绵延不断的曲线,把人物包围起来。现在先确定一个起点,按下鼠标不要松开,沿着人物的外缘拖动,与人物保持一定的距离。不断地画出大轮廓来。一直到画完一圈,全部包围之后再松手就可以了。这样,选区就做好了。
但是,有时我们会在走到半途时一不小心松了一下鼠标,就会自动产生一个选区,就会变成下面这个样子了。
这没关系。我们可以再画一个选区,把新选区与旧选区相加。今天要学的就是这点。先到上面的“工具属性栏”中,点中“添加到选区”这个按钮。(每一个工具点中后,上面都会出现这种工具的属性栏。如果你没有,可以到“窗口”菜单下去点一下“选项”。)这样,画出来的新选区就会与旧选区相加了。
现在我们可以继续画了。在原先选区重叠的地方点一下作为新起点,开始向上画,这时,套索工具上多了一个+号,表示是新添的选区。画的时候要与原先画的重叠。画一圈后一直回到这个新起点后放手就可以了。
放手后,就会产生一个大的完整的选区了。我们要掌握如何让两个选区相加的手法。在做的过程中,PS允许后悔一次。在菜单“编辑”下点第一项“还原XX”。如果是用套索,就会写成“还原套索”。
(3):照片裁剪和照片大小处理
前两课算是玩了一回图片,今天可要来讲一点儿基础的理论了。别害怕,还是很好玩的,也是很有用的。就是关于图片的大小与图片的裁剪。我们自己用数码相机拍摄的照片要上传到论坛上或是制作到网页中,就需要用到这方面的知识了。
先打开一张图片。就看这一张吧。色彩很漂亮的风光照片。看上去这张照片并不大。其实这是我在制作网页的时候强行缩小的。所以说图片的真实大小,仅凭眼睛看是看不出来的。我们必须要知道它的具体尺寸。这有两个办法:
第一个办法是下载图片:在网页上,用右键点“图片另存为”,就可以把图片保存在自己的电脑中。然后就可以看到这张图片的尺寸大小与文件量大小了。
第二个办法是:点一下图片,让它变成最大,然后用右键点一下图片,再点“属性”,可以看到一张图片的尺寸大小与文件量的大小。如这张图片的原图是800*568,它的文件量大小是447k。我们可以用PHOTOSHOP来改变它的长与宽,并改变它的文件量,以适应网页与论坛的需要。知道了原图的尺寸,我们就可以避免马赛克的出现。一张图片,如果放大到了超过它的原先尺寸,它就会出现马赛克。以后在制作FLASH时的时候就可以避免了。另外,有些图片需要进行选题与裁剪,让它更加突出主题,更加精练。这些就是我们今天所要学的内容。
现在我们打开PS,打开这张图片。现在我们所看到的图片也不是它的真实大小,而是PS调整的适当的工作面显示大小。上面写着50%,只是一半。如果是百分之百的话,就要有四张拼起来那么大。它的真实大小如果在800*600的电脑屏幕上来,会占满整个屏幕,就是一张屏幕保护图片。(以下显示的图片,都是在PS中的工作图片,真实大小,没有进行网页的强行缩小)
一、裁剪图片:先来学习如何裁剪图片。点工具栏左下第三个工具“裁剪工具”。
然后到图上,按下鼠标,在我们需要留下的画面上划出一个矩形后松手。这时,我们可以看到:矩形之外的画面变暗了,变暗的部分是将要裁去的画面。
这个矩形框我们已经熟悉了,它就是调整框。我们可以移动那些小方块进行调整,还可以把矩形框旋转,直到满意为止。 现在我们要考虑的只是画面的精练与美观,长与宽的比例,而不必考虑它的尺寸大小与文件量的大小。这方面过后我们会再进行处理。当你对画面满意后,就可以按下工具属性栏最右边的“对勾”,(也可以在图片内双击鼠标。)
图片就裁剪成功了。我们要的部分即矩形框内的画面被留下来了,其它部分就消失了。图片就成了下面这个样子了。
是不是比先前更精练,更有纵深感呢?这只是各人的艺术眼光不同而已。先前是突出山与石,现在是突出蓝天与道路了。
那么,现在的新图的尺寸又是多少了呢?接下来我们继续进行处理。
二、处理图片的长与宽尺寸大小:打开菜单“图像”下的“图像大小”。出来一个对话框。
(注意:上面所写的“像素大小:642k”不是文件量的大小。“文档大小”也不是文件量的大小,因为这里面还有一个图片像素分辨率的问题,与屏幕显示分辨率的问题,这里所指的是打印机打印的情况。这些,我们都可以不去管它,我们只以像素值来衡量。如大多数的FLASH制作的尺寸是550*400。我们可以用这个尺寸也推断图片的真实大小。)
现在我们看到这张图是440*498像素。这正是经过裁剪后的图片的真实大小。而裁剪前的图片是800*600,近一半大小。
不过,现在我们所看到的这个经过裁剪的新图也不是它的真实大小,还是在PS中的工作区显示大小。 看一张图片是不是真实大小,只要看图片上边沿的文件名@后面是不是100%就可以了。
现在,我们要把这张图片的长与宽缩小。从这个对话框上,我们可以看到现在的尺寸是440*498。一般我们总是把图片缩小为好,而不是放大。因为放大会影响到画面的质量。同时也尽量把长与宽按比例地缩小,这样才不会失真。这就是要在“约束比例”前打上勾。假定你想把你的图片的宽度缩小到220像素,就把原来的440改成220,高度就不必填了,然后按“好”。图片就 会按比例缩小。成了这个样子。
现在的尺寸是220*249。是前面的一半大小。 现在你如果把图片保存起来,它的画面不变而长与宽都变小了,文件量自然
也变小了。你就可以这样用到网页或FLASH上去了。这样的做法是最经济的了,比网页强制缩小显示要节省很多的文件量。