首页 > web前端 > PS教程 > 正文

Photoshop 可爱的闹钟图标

PHP中文网
发布: 2016-06-01 14:37:11
原创
1135 人浏览过

本教程效果的制作大部分是用渐变色来完成。只要注意好光源的位置,把握好高光及暗调整。制作起来就很简单。虽然构成元素较多,部分制作的方法都是一样。 最终效果 1、新建一个600 * 600 像素文件,背景填充白色,新建一个图层,命名为 来源:PS联盟 作者:Sener
本教程效果的制作大部分是用渐变色来完成。只要注意好光源的位置,把握好高光及暗调整。制作起来就很简单。虽然构成元素较多,部分制作的方法都是一样。
最终效果
Photoshop 可爱的闹钟图标
1、新建一个600 * 600 像素文件,背景填充白色,新建一个图层,命名为“大圆”,用椭圆选框工具拉一个正圆如图1。
Photoshop 可爱的闹钟图标
<图1>   2、选择渐变工具颜色设置如图2,由左上至右下拉出图3所示线性渐变。
Photoshop 可爱的闹钟图标
<图2>
Photoshop 可爱的闹钟图标
<图3>
3、新建一个图层,命名为“大圆2”,用椭圆选框工具画一个比大圆稍小的正圆,然后拉上图4所示的线性渐变,效果如图5。
Photoshop 可爱的闹钟图标
<图4>
Photoshop 可爱的闹钟图标
<图5>   4、按Ctrl 点图层面板“大圆”缩略图调出“大圆”选区,新建一个图层,填充颜色:#BBD466,效果如图6,填充后不要取消选区,选择菜单:选择 > 修改 > 收缩,数值为12,确定后再按Deleter 删除,取消选区后效果如图7。
Photoshop 可爱的闹钟图标
<图6>
Photoshop 可爱的闹钟图标
<图7>
5、加上图层蒙版,只保留左上角一部分,其它地方有黑色画笔擦掉,效果如图8。
Photoshop 可爱的闹钟图标
<图8>   6、在“大圆2”下面新建一个图层,选择椭圆选框工具拉出图9所示的正圆,按Ctrl + Alt + D 羽化3个像素,然后填充白色,取消选区后效果如图10。
Photoshop 可爱的闹钟图标
<图9>
Photoshop 可爱的闹钟图标
<图10>
7、选择白色画笔点一点高光,效果如图11。
Photoshop 可爱的闹钟图标
<图11>
8、在图层的最上面新建一个图层,用椭圆选框工具在右下角拉一个正圆,按Ctrl + Alt + D 羽化25个像素,然后填充颜色:#A8CA00,效果如图12。
Photoshop 可爱的闹钟图标
<图12> #p# 9、调出“大圆2”选区,如图13,然后添加图层蒙版,效果如图14。
Photoshop 可爱的闹钟图标
<图13>
Photoshop 可爱的闹钟图标
<图14>
10、新建一个图层,用椭圆选框工具拉一个正圆,选择渐变工具颜色设置如图15,拉出图16所示的线性渐变。
Photoshop 可爱的闹钟图标
<图15>
Photoshop 可爱的闹钟图标
<图16>   11、新建一个图层,画出时针和数字,方法跟之前的一样,效果如图17。
Photoshop 可爱的闹钟图标
<图17>
12、新建一个图层,用椭圆选框拉出一个正圆,选择渐变工具颜色设置为白色到透明渐变,然后由正圆中心拉出图19所示的径向渐变。
Photoshop 可爱的闹钟图标
<图18>
Photoshop 可爱的闹钟图标
<图19>
13、取消选区后,用钢笔工具勾出一点弧度,删除不需要的部分,效果如图20。
Photoshop 可爱的闹钟图标
<图20>   14、新建一个图层,用钢笔工具勾出高光部分,填充白色,如图21。
Photoshop 可爱的闹钟图标
<图21>
15、画出叮当部分,如图22,23。
Photoshop 可爱的闹钟图标
<图22>
Photoshop 可爱的闹钟图标
<图23>   16、新建一个图层,用钢笔勾出图24所示路径,转为选区后填充深灰色,取消选区后用减淡工具涂出高光部分,效果如图25。
Photoshop 可爱的闹钟图标
<图24>
Photoshop 可爱的闹钟图标
<图25>
17、最后加上阴影,修饰好细节,完成最终效果。
Photoshop 可爱的闹钟图标
<图26>

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板