当前位置:首页 > PS教程 > 版本教程

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

  • 2022-12-24 20:11:32
  • 来源/作者:互联网/佚名
  • 己被围观

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

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

这里再次强调一点,图层样式中的参数设置是对应其相应图层的,受图层大小尺寸影响,在不同尺寸下,效果呈现是不同的。

比如说,同样一个5像素的描边的图层样式,在10像素的圆和100像素的圆下,其表现效果肯定是不一样的。

所以,四个字:活学活用。

源文件链接:http://pan.baidu.com/s/1qW06AGs 密码:kfbm

首先,我们看看原图,一个400*300的小图。

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

新建一个1000*800的文档,添加一个渐变调整层,做一个#b4b097到#4e473a的90度的径向渐变,设置缩放为150%,勾选仿色,防止出现色块。

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

我想大家一定很好奇,我的截图径向渐变中的浅色为何不居中,而是位于中部居上,看我们的GIF演示。

在渐变填充的状态下,我们把鼠标指针放置到屏幕上,出现那个移动工具的图标时,我们拖动,渐变的位置也跟着动,这一个操作方法,在图层样式中一样可用。

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

使用圆角矩形工具画一个600*600像素的圆角矩形,设置圆角为140像素,设置水平居中,垂直居中。

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

我将这个圆角矩形命名为“主体”,并为其添加了一个图层样式。

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

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

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

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

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

 1/4    1 2 3 4 下一页 尾页

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • 斗转星移陈妍希明星合成教程(10P) 斗转星移陈妍希明星合成教程(10P)
  • 变老教程,利用ps把年轻人变成老年人效果 变老教程,利用ps把年轻人变成老年人效果
  • ps超酷水墨字效果 ps超酷水墨字效果
  • 特色风格,用滤镜做GTA5风格图片 特色风格,用滤镜做GTA5风格图片
  • PS使用纹理图片调色方法 PS使用纹理图片调色方法
  • cs6抠头发丝教程 cs6抠头发丝教程
  • 做投影,教你用ps做最近十分流行的长阴影 做投影,教你用ps做最近十分流行的长阴影
  • ps鼠绘网球教程 ps鼠绘网球教程