网站首页  |   业界社区  |  电信社区  |  技术社区   |  极客社区  |  游戏社区  |  生活社区   |   科技博客  |   同事录
TechWeb-技术社区


标题: [推荐] Photoshop教程:渐变制作逼真不锈钢制品
乾坤心法
TW高级会员
Rank: 4


UID 117344
精华 9
积分 688
帖子 383
阅读权限 50
注册 2007-4-3
状态 离线
发表于 2008-8-7 15:40 资料 短消息 加为好友
Photoshop教程:渐变制作逼真不锈钢制品

  效果图:TechWeb-技术社区;B v5B8K$s)W-w-D
  
#O1T3c*K#A!_-~ F:f4ptech.techweb.com.cn7\&k9g+u6@+s$J&n
  这个效果在Photoshop里只是几个简单效果的重叠和组合,并不需要考验你的绘画能力,下面我们就来一步步实现这个效果6I+[.l'Z/i0c
  1、新建一个800×600的单位为像素的文档,分辨率为200像素/英寸。tech.techweb.com.cn!x$a#v!d2[*R!S#{!n#F
  2、点击渐变编辑器右侧的小三角,在下拉菜单中选择“复位渐变”选项,将渐变编辑器恢复到初始的状态,然后选择”金属“模式,在弹出的对话框中点击”追加“,会新增几种金属渐变模式。
4~'C1Y M'p;w FTechWeb-技术社区   .^(w6x,I6B#P2["M

T,s7o4x"s  3、在背景层从上至下填充一个深灰到浅灰的渐变后,新建一个图层,用钢笔工具勾出一个杯子的轮廓路径,然后移动到合理的位置,并ctrl+enter将其转换为选区。
%P3C C%[3i6P+d  
!W+w3o;m%c
"~.r2|-l'z$U"N,a程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛  4、接下来要在这个选区中执行金属渐变。在渐变编辑器中选择”银色“渐变。渐变起始点为选区的左右两个端点,在左侧边线点击鼠标左键,同时按住 shift键,向右移动鼠标至右侧边线,这时会出现一个强制水平方向的渐变填充。可以通过调整明度和对比度让这个渐变达到满意的效果。
#s5]8R7i9u/T0z  新建一个图层并命名为”手柄外侧“,用钢笔工具勾勒出外侧手柄,并填充深灰色,这个颜色便于以后的加深或减淡操作。TechWeb-技术社区/g7O(b8Z;M
  
"d'p/u0M4^!m/H程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛

引用 回复 顶部
乾坤心法
TW高级会员
Rank: 4


UID 117344
精华 9
积分 688
帖子 383
阅读权限 50
注册 2007-4-3
状态 离线
发表于 2008-8-7 15:41 资料 短消息 加为好友
  5、在“手柄外侧”图层的下面新建一个图层命名为“手柄内侧”,用钢笔工具勾勒出内侧手柄的轮廓并填充较浅一点的颜色。TechWeb-技术社区8`+],R/{6k1g
   TechWeb-技术社区+_)H'q:H0_&Q:M
1X:Y2y.v/|1_"t2i$}4L&D
  6、点减淡工具,选择10号左右的柔边笔刷备用。重新点击钢笔工具,在画布上点击鼠标右键,在弹出的菜单里选择“描边路径”,工具选择“减淡”,这样可以得到一个较大的亮面,适当得减小前面所调的笔刷大小,再次执行“描边路径”,得到较为细小的高光。如图%Y"f2C7o G1c2a
  
2d2s1h*a*Y)d7A/A'{!JTechWeb-技术社区
*@7Y.G3m,h+G   C9X;k#U5D3L:h7^

-]9w2A5p)Q8x;Ctech.techweb.com.cn  7、对于手柄内侧,只要用加深工具稍微扫一下,使其有明暗的变化即可。调整手柄的亮度和对比度,使其整体发暗并将对比度加大一些,比如亮度调为-35左右,对比度调为+20左右。然后用加深工具涂抹手柄上部。合并这两个手柄层,并重命名为“手柄”,如图tech.techweb.com.cn)`0|4~%r!r
   #d)g!u8I+C9l8A

引用 回复 顶部
乾坤心法
TW高级会员
Rank: 4


UID 117344
精华 9
积分 688
帖子 383
阅读权限 50
注册 2007-4-3
状态 离线
发表于 2008-8-7 15:42 资料 短消息 加为好友
  8、在杯子底部用钢笔工具勾出形状,转化为选区,适当地对选区进行羽化。对“杯子”图层应用“色相/饱和度”命令,适当降低杯子底部的明度,这里我们调至-20左右,使其看起来圆滑,有收进的感觉。如图
(P;m4i0|%i/i*q:S   tech.techweb.com.cn-X7I;t:k;K2x)~-[9q'm"T4\
tech.techweb.com.cn&?#J+u7h/U2h"^!G#m:m*`
  9、用钢笔工具勾出阴影的轮廓,并将其转化为选区。在渐变编辑器里选择”前景到透明“模式,当然这里前景色为黑色或深灰色。如图!~*^,P2T&l
   tech.techweb.com.cn&\1N4x+s;K8s

(p%D/u1H0k8O2`4K7F5g:i-k程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛  
+a.l/k"e;h8s M$^TechWeb-技术社区
*j-])E C%e(R zTechWeb-技术社区  10、在”杯子"层下方新建一个“大阴影”图层,在选区内沿箭头方向拖拽鼠标,得到一个黑色到透明的渐变。如图
3O2R9e;k"v6r$r3\#Z'N  
#n)L3x2V!I:D8R程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛

引用 回复 顶部
乾坤心法
TW高级会员
Rank: 4


UID 117344
精华 9
积分 688
帖子 383
阅读权限 50
注册 2007-4-3
状态 离线
发表于 2008-8-7 15:43 资料 短消息 加为好友
  11、这个渐变的边缘较硬,我们需要使用“动感模糊”滤镜对其进行软化。对该图层使用“滤镜-模糊-动感模糊”,角度为0,距离35象素左右,得到模糊的阴影,也可ctrl+F反复执行动感模糊几次,感觉比较自然就行了。如图
:q,Y!y9j;O程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛   6\%c2E#F w6|4l9i;n

4n;b2q7@2R6O3v#D-O"H*g9pTechWeb-技术社区  12、将“大阴影”图层复制并粘贴为一个名为“小阴影”的新图层,按ctrl+T执行自由变换,整体缩小图形,使杯子根部的阴影加重一些。如图
7?3A9A3}$B5x;i!M9Q ZTechWeb-技术社区   8X;Y,@0_5d.D

*m+X+O)o1K#n2R  至此不锈钢杯子的基础部分制作完毕,下面开始细节的处理。
'c!e,C7p,`)V'}2}7jtech.techweb.com.cn  细节的处理主要是纹理的表现,是使整个作品升华的主要阶段,前面描述了不锈钢材质表面的反射情况,反射主要是反映外界环境的因素,本案例的环境因素很简单,那么就要通过一些想像来完善这个环境反射。首先要将手柄反射到杯子上。  13、复制“手柄”为“手柄折射”图层,放在”手柄“层的下面,再执行“编辑-变换-水平翻转”命令,将复制的手柄水平翻转。执行”编辑-自由变换“命令,使手柄处于编辑状态,将手柄横向变窄。这样做效果还有一些偏差,可以用钢笔进行修补,修补后效果如图。
&W'],P1h(\1M/C!M程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛  
3t b:^2z9K7L.B+G程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛6s7g8K0F8A8P!?3M
  14、下面需要一个外界的光源来对杯子进行照射,并制作出光线的折射效果。
5j,F%l!J9hTechWeb-技术社区  在“杯子”层上面新建一个名为”地面光“的图层,使用羽化值为5的椭圆形选区工具,画一个椭圆,假设这个椭圆就是外来光线,它将投射到杯子的前面,杯子要对其产生反射。将椭圆填充为灰色,并执行”动感模糊“滤镜,将"角度”设为90度,使其形成纵向的模糊效果。确定后将该图层的混合模式改为“叠加”。如图
/G'N;T-O4Z,a  
4p;E9i(G:@!i2J7K4T-D0k$u

引用 回复 顶部
乾坤心法
TW高级会员
Rank: 4


UID 117344
精华 9
积分 688
帖子 383
阅读权限 50
注册 2007-4-3
状态 离线
发表于 2008-8-7 15:45 资料 短消息 加为好友
  模糊并叠加了这个灰色之后,我们看到颜色发生了变化。这里我们还可以按住ctrl键点击“杯子”层的缩略图,获得“杯子”层的选区,点击“地面光”层,将选区反向之后按下“delete”键,可得如图效果。0M ?0],S'N+N
   TechWeb-技术社区+Y*O7[,s%`/^.i-s
TechWeb-技术社区;\/Q$n2w-p
  17、由于使用了较为普通的金属渐变,所以杯子的层次感很弱,需要进一步加工。复制一个“杯子”层命名为“附加渐变”放在“杯子”层上方,并与 “杯子”图层组成剪贴蒙版(可以按住Alt键将鼠标移到两个层之间。待鼠标形态发生变化时点击即可),将”杯子“图层锁定(锁定后图层透明区域不会发生改变),获得”附加渐变“层的选区后,点击“渐变编辑器”选择”紫色、绿色、橙色“渐变,对其进行从左到右的渐变填充,如图TechWeb-技术社区)O;Q6`&f'q,?$^
   TechWeb-技术社区:c;x"q1R*c2{2n&O-M

#C9\9I;x"],G&gTechWeb-技术社区  附上图层情况一张
2V1_-o%e6A7D/@!J6w6X0ztech.techweb.com.cn   TechWeb-技术社区4S6q$u7q;`1p.J5J/e0}8a
)d8P;k-c(s/g
  18、这个渐变的颜色并不是我们所需要的,目的是为了得到一个有色阶的灰度。对该层执行”图像-调整-去色“命令,使之有一个自然的灰色过渡,将”附加渐变“图层的混合模式设置为”点光“。这个效果有效地增加了不锈钢表面的层次感。如图
,f ]6j3\'c0F(VTechWeb-技术社区  
-A,s's2P:Y0h&])@,|9uTechWeb-技术社区

引用 回复 顶部
乾坤心法
TW高级会员
Rank: 4


UID 117344
精华 9
积分 688
帖子 383
阅读权限 50
注册 2007-4-3
状态 离线
发表于 2008-8-7 15:45 资料 短消息 加为好友
  19、整个画面显得过于灰暗,我们可以为画面添上一些颜色。大家可以翻遍自己的图库,选择颜色尽量鲜艳和丰富的图片,这里我用了一张插画,如图
9v#f7^%Z-O7I9]7b  
'h*v"@/p1lTechWeb-技术社区6j+Q0{9s$i"G8V8C;r5A2{
  我们只需借用这张图的颜色,为了让其色彩更加柔和,我们需要对其使用”动感模糊“滤镜,”距离“可以大一些,设为300象素以上,处理后根据需要还可以进行”高斯模糊“处理,直到自己满意为止,将该图层的混合模式设为”叠加“,同样与”杯子“层组成剪贴蒙版放在”附加渐变“层上方,使其只对杯子起作用。如图tech.techweb.com.cn-g*R;D6m(q)H1F
  
.R8U0~)?$J#|"i程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛2@7a)z"i7b3s*~
  20、最后随意打上几个装饰字,作品就完成了。如图
,U.y9F3w&i/p  
.f!D6m7y6N1}-D&k"WTechWeb-技术社区6W!e5i.]0[#f3?
  再放上最后的图层情况:
2k*R9q/k4U2q)H  
(n!C;V$i7?4CTechWeb-技术社区

引用 回复 顶部
查看积分策略说明快速回复主题
选项 标题 Smilies
禁用 URL 识别
禁用 Smilies
禁用 Discuz!代码
使用匿名发帖
使用个人签名
接收新回复邮件通知
内容





当前时区 GMT+8, 现在时间是 2008-11-22 21:00
京ICP证060517号

本论坛支付平台由支付宝提供
携手打造安全诚信的交易社区 Powered by Discuz! 5.5.0 © 2001-2008 Comsenz Inc.
Processed in 0.040802 second(s), 8 queries

清除 Cookies - 联系我们 - TechWeb.com.cn - Archiver - WAP