点击此处返回

每日可免费学习1个教程

立即登录>

软件入门平面设计 3D数字 C4D教程 Blender教程短视频制作影视动画摄影艺术室内设计绘画插画海外教程电商教程产品精修办公职场编程开发考证·外语品牌设计综合教程 UI设计兴趣生活

详情图文教程训练营推荐

UI设计

PS-系统图标的绘制

1850人学过难度:初级练习软件:PS（CC）

评论(19) 收藏课程已收藏下载视频

关注人数：10109

资深视觉表现设计师，Web前端全栈工程师，对新领域新事物充满探索欲望，先后从事过平面设计、电商设计、UI设计、web前端的设计及开发工作，勇于探索敢于创新。

1.3万人已学

PS-电商全案-详情页设计技巧

1.9万人已学

课程综合评分：9.8分

评论可是有底线的

本节教程练习

1.寻找素材，打开ps，新建1200×1200画布，吸取素材背景颜色为背景色，【样式】固定大小114×114，画出区域，拉出参考线，具体如图所示。

2.使用【椭圆工具】绘制圆114×114，关闭【描边】【填充】颜色，【ctrl+t】单击右键选择【变形】【膨胀】，调整合适大小，【弯曲】-35，确定，具体如图所示。

3.将素材拖进ps作为参照物，选择【填充】【渐变】，直接吸取素材背景渐变色，在图层上拉出中心线，使用【椭圆工具】绘制圆，按住【alt+shift】从中心缩放，【填充】为0，打开【图层样式】选择【内阴影】，内阴影参数具体如图所示。

4.选择中心圆图层，【羽化】为3.7像素，【不透明度】50%，保存图片，具体如图所示。

5.使用【圆角矩形工具】绘制指针，【半径】100像素，【宽度】6像素【高度】50像素，吸取素材颜色【alt+delete】填充颜色，选择【直接选择工具】，选择上方三个【锚点】【ctrl+t】按住【alt】缩小，移动位置，按住【shift】移动指针中心线到中心，【ctrl+t】旋转，具体如图所示。

6.使用【圆角矩形工具】绘制分针，【半径】100像素，【宽度】5像素【高度】60像素，移动位置，选择【直接选择工具】，选择上方三个【锚点】缩小，移动分针中心线至中心，旋转，具体如图所示。

7.使用【直线工具】绘制秒针1像素，【填充】红色，使用【椭圆工具】绘制圆，移动圆图层到最上方并【复制】，填充颜色，【ctrl+t】缩小，具体如图所示。

登录后学习完整图文教程

虎课APP离线下载免流量

70000+教程，每天免费学一课

一键打开