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

Photoshop 可爱的闹钟图标

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

本教程效果的制作大部分是用渐变色来完成。只要注意好光源的位置,把握好高光及暗调整。制作起来就很简单。虽然构成元素较多,部分制作的方法都是一样。 最终效果 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>

相关标签:
最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号