• 技术文章 >web前端 >PS教程

    Photoshop 可爱的闹钟图标

    PHP中文网PHP中文网2016-06-01 14:37:11原创373
    本教程效果的制作大部分是用渐变色来完成。只要注意好光源的位置,把握好高光及暗调整。制作起来就很简单。虽然构成元素较多,部分制作的方法都是一样。 最终效果 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>
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:Photoshop 闹钟
    上一篇:photoshop 蒙版的使用 下一篇:Photoshop 漂亮的彩色光影翅膀

    相关文章推荐

    • css3ps如何安装• 教你怎么使用ps给眼皮添加化妆的颜色(分享)• photoshop打造一个精致的蓝色水晶文件夹图标• Photoshop 打造漂亮的潮流风格文字插画

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网