数码资源网·下载

展开

Photoshop实例教程 制作精致可爱的小闹钟

作者:网友整理
PS设计达人v1.3.0

PS设计达人v1.3.0 53.13M / 简体中文

点击下载
摄影教程PS大师安卓版v1.4 正式版

摄影教程PS大师安卓版v1.4 正式版 25.53M / 简体中文

点击下载
PS视频教程app(Photoshop教学) v1.4.2 安卓版

PS视频教程app(Photoshop教学) v1.4.2 安卓版 41.55M / 简体中文

点击下载

 本教程介绍用Photoshop制作一个非常可爱闹钟图标的方法。方法比较简单,希望对爱好PS的朋友们有所帮助。

  最终效果

Photoshop实例教程 制作精致可爱的小闹钟
图00

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

Photoshop实例教程 制作精致可爱的小闹钟
图01

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

Photoshop实例教程 制作精致可爱的小闹钟
图02

Photoshop实例教程 制作精致可爱的小闹钟
图03

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

Photoshop实例教程 制作精致可爱的小闹钟
图04

Photoshop实例教程 制作精致可爱的小闹钟
图05

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

Photoshop实例教程 制作精致可爱的小闹钟
图06

Photoshop实例教程 制作精致可爱的小闹钟
图07

[page]
 

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

Photoshop实例教程 制作精致可爱的小闹钟
图08

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

Photoshop实例教程 制作精致可爱的小闹钟
图09

Photoshop实例教程 制作精致可爱的小闹钟
图10

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

Photoshop实例教程 制作精致可爱的小闹钟
图11

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

Photoshop实例教程 制作精致可爱的小闹钟
图12

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

Photoshop实例教程 制作精致可爱的小闹钟
图13

Photoshop实例教程 制作精致可爱的小闹钟
图14

 

[page]
 

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

[page]
 

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

Photoshop实例教程 制作精致可爱的小闹钟
图22

Photoshop实例教程 制作精致可爱的小闹钟
图23

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

Photoshop实例教程 制作精致可爱的小闹钟
图24

Photoshop实例教程 制作精致可爱的小闹钟
图25

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

Photoshop实例教程 制作精致可爱的小闹钟
图26

 

加载全部内容

相关文章
相关专题