欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Photoshop 可爱的闹钟图标

程序员文章站 2022-03-04 09:08:56
...
本教程效果的制作大部分是用渐变色来完成。只要注意好光源的位置,把握好高光及暗调整。制作起来就很简单。虽然构成元素较多,部分制作的方法都是一样。 最终效果 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>
相关标签: Photoshop 闹钟