北京WEB前端培训
在线咨询 电话咨询 校区地址

课程

环境

试听

企业培训

扫码
关注

首页 / 

行业资讯

网球的制作过程(二)

时间:2016年07月12日 来源:火星人

第三步 细致绘制白色胶纸部分
1.因为白线的原因,网球绿毛毛层在贴近白线的部分会产生一定的厚度。
首先我们来做阴影
将白线层复制,起名为白线-2,再将绿毛毛层-2复制,起名为白线材质-1,【右键】白线材质-1层,选择创建剪切蒙版,将白线材质-1的图层属性改为正片
叠底。
图层状态如下图:
北京web前端培训 然后选中红框中的两个图层(白线-2、白色材质-1),上移10px; 北京web前端培训 然后我们在用同样的方法来做上阴影
将白线层复制,起名为白线-3,再将绿毛毛层-2复制,起名为白线材质-2,【右键】白线材质-2层,选择创建剪切蒙版,将白线材质-2的图层属性改为柔光。
图层状态如下图:
北京web前端培训 然后选中红框中的两个图层(白线-2、白色材质-1),上移10px 北京web前端培训 2.添加白线明暗
有很多的方法可以给白线加明暗光影,我这用的是笔刷工具。
北京web前端培训 选择这款柔柔的笔刷,大小:800px;用前景色工具选取,色值:4e6e17
在白线-1上面,新建图层,起名为白线暗部-1,右键白线暗部-1层,创建剪切蒙版,在下图1号位置上,点一下
北京web前端培训 北京web前端培训 在白线暗部-1上面,新建图层,起名为白线暗部-2,右键白线暗部-2层,创建剪切蒙版,在下图2号位置上,点一下 北京web前端培训 北京web前端培训 在白线暗部-2上面,新建图层,起名为白线暗部-3,右键白线暗部-3层,创建剪切蒙版,在下图3号位置上,点一下 北京web前端培训 注意一下:3号位置因为离光源比较近,所以白色暗部-3的图层属性为正片叠底,不透明度为70%; 北京web前端培训 用前景色工具选取色值ffffff
在白线暗部-3上面,新建图层,起名为白线亮部-1,右键白线亮部-1层,创建剪切蒙版,在下图4号位置上,点一下
北京web前端培训 北京web前端培训 3.添加白线上的纹理
先给白线加一层浅浅的纹理
把白色材质-1层复制,起名白色材质-3,放在白色两部-1的上面。右键白色材质-3,创建剪切蒙版
北京web前端培训 然后讲白色材质-3的图层属性改为柔光 北京web前端培训 选择白色材质-3,按键盘快捷键ctrl+u建,弹出色相、饱和度界面
色相:0;饱和度:-60;明度:0;
北京web前端培训 北京web前端培训 下面要给白线添加一些类似浮雕一样的材质
有很多的方法可以做白线上一些细小的材质,我这里用的是光效笔刷,然后进行图层样式和图层属性的处理。
将下载好的笔刷加载在ps笔刷里面。
在白色材质-3上新建一层,起名为白线材质-4。
点击画笔工具,现在刚刚加载的笔刷
用前景色工具选取色值:ffffff;笔刷大小设定为250px;
北京web前端培训 右键白线材质-4,创建剪切蒙版。 北京web前端培训 选择白线材质-4图层,在点击图层界面下方选择斜面和浮雕
样式:内斜面;方法:雕刻清晰;深度:53%,方向:上;大小:5px;软化:0px;角度:60°;高度:30;
高光模式:正常;不透明度:8%;色值:ffffff
阴影模式:正常;不透明度:70%;色值:3d4e04
北京web前端培训 北京web前端培训 将白线材质-4的图层样式调整为柔光,不透明度:50%; 北京web前端培训 第4步 细致绘制网球毛边
1.外边缘毛边
复制路毛毛-1层,命名为绿毛毛层-2,放在绿毛毛层-1下面。【右键】绿毛毛层-2,选择栅格化图层;用这一层来做毛边效果
北京web前端培训 使用涂抹工具,来实现毛边效果,大小:3px;模式:正常;强度80% 北京web前端培训 在边缘涂抹出网球的毛边,这时候就比较考验耐心了,涂抹到自己满意就可以了。 北京web前端培训 2.细化细节
下面黑框里面的地方是网球离光源近的地方,所有他的细致度要增强一些。
用笔刷工具,选择这款笔刷 北京web前端培训,笔刷大小为1px;用前景色工具选取色值:f3fb04,细细的刻画一些小细节,增加亮点。
北京web前端培训 北京web前端培训 本文来自互联网,提供大家一起学习,如触犯原作者,请及时联系!
原作者:张小碗儿
原文链接:http://www.uimaker.com/uimakerhtml/uistudy/uicss/2014/1209/110137.html

关键词:北京UI设计培训,北京UI设计,UI设计培训,UI交互设计

热门课程推荐  点击查看全部课程

北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
北京UI培训
  • 连接高校与企业
  • 课程不断更新
  • 可推荐就业
  • 项目案例讲解
  • O2O教学模式

北京火星人科技文化发展中心版权所有 Copyright & copy 2002-2021 2ds.cn, All Rights Reserved 京ICP备2020041353号-5