手机
当前位置:查字典教程网 >网页设计 >photoshop >Photoshop 可爱的闹钟图标
Photoshop 可爱的闹钟图标
摘要:来源:PS联盟作者:Sener本教程效果的制作大部分是用渐变色来完成。只要注意好光源的位置,把握好高光及暗调整。制作起来就很简单。虽然构成元...

来源:PS联盟 作者:Sener

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

最终效果

Photoshop 可爱的闹钟图标1

1、新建一个600 * 600 像素文件,背景填充白色,新建一个图层,命名为“大圆”,用椭圆选框工具拉一个正圆如图1。

Photoshop 可爱的闹钟图标2

<图1> 2、选择渐变工具颜色设置如图2,由左上至右下拉出图3所示线性渐变。

Photoshop 可爱的闹钟图标3

<图2>

Photoshop 可爱的闹钟图标4

<图3>

3、新建一个图层,命名为“大圆2”,用椭圆选框工具画一个比大圆稍小的正圆,然后拉上图4所示的线性渐变,效果如图5。

Photoshop 可爱的闹钟图标5

<图4>

Photoshop 可爱的闹钟图标6

<图5> 4、按Ctrl 点图层面板“大圆”缩略图调出“大圆”选区,新建一个图层,填充颜色:#BBD466,效果如图6,填充后不要取消选区,选择菜单:选择 > 修改 > 收缩,数值为12,确定后再按Deleter 删除,取消选区后效果如图7。

Photoshop 可爱的闹钟图标7

<图6>

Photoshop 可爱的闹钟图标8

<图7>

5、加上图层蒙版,只保留左上角一部分,其它地方有黑色画笔擦掉,效果如图8。

Photoshop 可爱的闹钟图标9

<图8> 6、在“大圆2”下面新建一个图层,选择椭圆选框工具拉出图9所示的正圆,按Ctrl + Alt + D 羽化3个像素,然后填充白色,取消选区后效果如图10。

Photoshop 可爱的闹钟图标10

<图9>

Photoshop 可爱的闹钟图标11

<图10>

7、选择白色画笔点一点高光,效果如图11。

Photoshop 可爱的闹钟图标12

<图11>

8、在图层的最上面新建一个图层,用椭圆选框工具在右下角拉一个正圆,按Ctrl + Alt + D 羽化25个像素,然后填充颜色:#A8CA00,效果如图12。

Photoshop 可爱的闹钟图标13

<图12> #p# 9、调出“大圆2”选区,如图13,然后添加图层蒙版,效果如图14。

Photoshop 可爱的闹钟图标14

<图13>

Photoshop 可爱的闹钟图标15

<图14>

10、新建一个图层,用椭圆选框工具拉一个正圆,选择渐变工具颜色设置如图15,拉出图16所示的线性渐变。

Photoshop 可爱的闹钟图标16

<图15>

Photoshop 可爱的闹钟图标17

<图16> 11、新建一个图层,画出时针和数字,方法跟之前的一样,效果如图17。

Photoshop 可爱的闹钟图标18

<图17>

12、新建一个图层,用椭圆选框拉出一个正圆,选择渐变工具颜色设置为白色到透明渐变,然后由正圆中心拉出图19所示的径向渐变。

Photoshop 可爱的闹钟图标19

<图18>

Photoshop 可爱的闹钟图标20

<图19>

13、取消选区后,用钢笔工具勾出一点弧度,删除不需要的部分,效果如图20。

Photoshop 可爱的闹钟图标21

<图20> 14、新建一个图层,用钢笔工具勾出高光部分,填充白色,如图21。

Photoshop 可爱的闹钟图标22

<图21>

15、画出叮当部分,如图22,23。

Photoshop 可爱的闹钟图标23

<图22>

Photoshop 可爱的闹钟图标24

<图23> 16、新建一个图层,用钢笔勾出图24所示路径,转为选区后填充深灰色,取消选区后用减淡工具涂出高光部分,效果如图25。

Photoshop 可爱的闹钟图标25

<图24>

Photoshop 可爱的闹钟图标26

<图25>

17、最后加上阴影,修饰好细节,完成最终效果。

Photoshop 可爱的闹钟图标1

<图26>

【Photoshop 可爱的闹钟图标】相关文章:

Photoshop艺术处理婚纱照效果

Photoshop详细解析文字处理的9个小技巧

Photoshop中关于图层的42条技巧

Photoshop打造超酷卡通美女特工

Photoshop偏冷门实用小技巧介绍

Photoshop 闪亮的星光笔刷

Photoshop 制作苹果导航栏效果教程

photoshop入门:图片的显示方式

Photoshop做简单的xhtml+css网页

Photoshop简单另类方法给黑白照片上色

精品推荐
分类导航