UI教程,设计电视机主题UI图标(5)插图

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

运用图层样式设计出来的图标,效果挺好看的,提供了PSD文件,适合新手学习,喜欢的可以练习一下。做完交作业。 这里再次强调一点,图层样式中的参数设置是对应其相应图层的,受图层大小尺寸影响,在不同尺寸下,效

UI教程,设计电视机主题UI图标(2)插图

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

复制一层主体图层,更改图层名为投影,将投影图层置于主体图层下层,将图层填充设置为0,再添加一个图层样式,我们来增强一下投影效果。 原图画的是一个类似椭圆的形状,我这里偷懒一下,还是画的圆角矩形,大小为5

广告位
UI教程,设计电视机主题UI图标(4)插图

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

设置前景色为#d9d0ca,画一个小一点的圆,并添加一个图层样式。 复制一层按纽图层,更改图层名为投影,将图层填充设置为0,再添加一个图层样式,我们来增强下投影效果。 选择住按纽的这三个图层,CTRL+G,创建图层

UI教程,设计电视机主题UI图标(3)插图

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

复制一层屏幕图层,转智能对象,添加一个杂色,并将图层混合模式更改为柔光。 用两个屏幕的那个圆角矩形相减,得到我们需要的屏幕下部的高光形状,将这个形状的颜色设置为#eaead2,在属性面板中设置一个1像素的羽化

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

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

运用图层样式设计出来的图标,效果挺好看的,提供了PSD文件,适合新手学习,喜欢的可以练习一下。

用ps制作卡通电视机形状按钮插图

用ps制作卡通电视机形状按钮

本教程介绍如何用photoshop的椭圆工具和图层样式打造一组卡通电视机形状的按钮,先看效果图。 新建文档1280×1024像素,背景白色,建新层填充黑色,添加图层样式。 效果如下。 建新层,画一黑色正圆。 副标题 添加图层样式。 效果如下。 建新层,画一个小的白色正圆。