UI教程,设计电视机主题UI图标

2024-01-17 17:25:33 来源/作者: / 己有:0人学习过

复制一层“主体”图层,更改图层名为“投影”,将“投影”图层置于“主体”图层下层,将图层填充设置为0,再添加一个图层样式,我们来增强一下投影效果。

UI教程,设计电视机主题UI图标

UI教程,设计电视机主题UI图标

原图画的是一个类似椭圆的形状,我这里偷懒一下,还是画的圆角矩形,大小为500X360像素,圆角半径为130像素,添加一个图层样式。

UI教程,设计电视机主题UI图标

UI教程,设计电视机主题UI图标

UI教程,设计电视机主题UI图标

下面,我们创建屏幕,设置前景色为#b4b097,使用圆角矩形工具,画一个大小为420*280像素,圆角半径为100像素的圆角矩形。

UI教程,设计电视机主题UI图标

为这个“屏幕”图层添加一个图层样式。

UI教程,设计电视机主题UI图标

UI教程,设计电视机主题UI图标

UI教程,设计电视机主题UI图标

UI教程,设计电视机主题UI图标

UI教程,设计电视机主题UI图标