问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
你好,欢迎来到懂视!登录注册
当前位置: 首页 - 正文

ps怎么设计立体ui按钮

发布网友 发布时间:2022-04-23 03:20

我来回答

2个回答

懂视网 时间:2022-05-11 15:41

以前我们制作3D按钮往往需要借助3DMAX,和其他3D软件。对于不熟悉此类软件朋友要想制作3D按钮往往成了一个难题。但是没关系只要你略懂PHOTOSHOP,就能够做出一个不逊于3D软件的质感不错的水晶按钮,在今天的教程中你将学会用PS来创建一个漂亮的3D质感按钮,这种方法还使用于制作网站LOGO,UI等等……
先看一下最终效果:


下面我们开始制作

1.首先,在PS中建立一个500×500像素大小的新文件,这个大小通常比较适合创建按钮。下面将你的背景层的颜色填充为#e0e0e0。


请添加描述
2.现在建立一个新图层,加入任何一个所喜欢的形状,这里我暂且用自定形状工具中的形状来做个实例。形状的颜色我用#be1947,并将该层至于最顶层。


3.下面,用透视变换工具(编辑-变换-透视)将形状向右边拉伸一些。然后,在用变换工具(编辑-自由变换)将形状向左旋转大约15度。



4.现在,我们来制作形状的立体效果。首先选中形状图层并按住SHIFT和ALT键盘,然后用右手同时按下下方向键和右方向键按图层就被自动复制了一层。再重复以上步骤,当达到了一定的厚度即可停止。然后将除最顶层以外的所有的图层合并。现在在最顶层上按住CTRL键点击该图层载入其选区用#a00330颜色代码进行填充。并双击此图层重命名为“bottom”。


5.接下来,复制最顶层并把得到的复制层移动到3D形状层和最顶层之间,然后同时按下下,右2个方向键2次。移动完以后双击此图层加入渐变叠加图层样式如下所示:



6.在最顶层建立一个新图层,命名为“top highlights”。然后按住CTRL点击载入上层形状层的选区,用画笔工具,设置一个较软的画笔,大小约为200像素。在“top highlights”上加入高光如下所示:


7.同上面步骤一样,在3D形状层上建立一个新图层,在用画笔来创建3D形状层上的高光。然后将2个创建按出来的高光图层的不透明度设置为60-70之间,如图所示:



8.继续在最顶上再建立一个新图层,命名为“shine”。然后用椭圆选框工具建立一个椭圆选区并用白色填充如下所示:


9.选择原始形状层,按CTRL点击此层载入其选择区然后执行选择-修改-收缩,设置数值为3像素。然后在执行选择-反选-删除命令,结果如下所示:



10.现在仍然选中“shine”层,用橡皮工具将橡皮的画笔笔触设置的软一些。擦出“shine”层边缘的一些部分,如下所示:


11.双击“shine”层设置图层样式,如下所示:



12.下面加入最后的一个步骤,改变原始形状层和3D层的颜色,分别双击以上2个图层加入渐变叠加图层样式。


最终完成!你可以吧这个方法用在许多不同形状的物体上,来为它们制作亮丽的光线和效果。


热心网友 时间:2022-05-11 12:49

1、先建立一个1136 * 640的画布。

2、在这个画布上,用椭圆工具勾绘出一个圆形,作为按钮侧面,命名图层为“按钮-下”。

3、建立一个新图层,画一个同样大小的同心圆,再选中底边锚点,向上拖到锚点位置如图,作为按钮正面,命名图层为“按钮-上”。

4、编辑“按钮-上”,绘制开关按钮正面的形状和质感,图层样式如下图。

5、接着我们编辑“按钮-上”,绘制开关按钮侧下方的形状和质感,图层样式如下。

6、接着我们画用来按钮按钮的凹槽位。同样的方法我们画一个稍大一些的同心圆,图层名“凹槽”,然后添加下图所示的样式。

7、至此,我们已经完成了70%了,需要再加上阴影。阴影层,我使用了一个稍微“瘦”一些的椭圆形状,这样形成的阴影看起来更加真实。

8、最后我们再打上OFF,ON的字样,再增加一点泛红光的效果,完成最终效果。

声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。
E-MAIL:11247931@qq.com
围裙面料有哪些材质 围裙款式种类关于围裙款式种类 辉瑞、莫德纳和强生计划推出 RSV 疫苗,年内或将向监管机构 Pfizer/BioNTech新冠mRNA疫苗选择了BNT162b2启动临床2/3期 辉瑞新冠疫苗什么技术 美国辉瑞预防什么 免责条款的意思是什么? 微电子专业的女生就业前景如何? 土建工程清包五项是什么 在工地承包五项、具体的都应该干些什么 游戏ui设计需要学习什么内容? 游戏ui设计有哪些软件? 如何学好ui设计呢? 怎么用ps制作游戏UI,求解 怎么使用PS软件制作游戏界面? 游戏制作里的UI是怎样设计出来的? 游戏UI和普通UI设计有什么区别? 一个合格的游戏UI设计师必须掌握哪些技能和哪些工具? 新手如何正确学习游戏UI设计 请教PHOTOSHOP达人,关于PS制作游戏UI导出PNG的问题 如何做出好看的界面设计? 夸克浏览器下载的东西储存在哪里? 游戏UI绘画 麻烦我想请问一下 我是游戏原画 我用PS画的 游戏UI界面 可以直接给 做UI的直接用吗? 夸克浏览器之前缓存的视频是一个大文件,现在是一个个小文件怎么解决呢各位大佬 有道精品课缓存下来过期后还能看吗,如果不能看用什么方法能看过期的视频? 用夸克浏览器之前手机内存还有差不多1个G看了半天视频内存就没了,清... 请问用浏览器下载视频被分成了很多小文件,而且不是视频格式怎么办? 夸克浏览器为什么视频缓存出来是一个个小文件而不是一整个视频 事业编制考试科目及其内容有哪些? 夸克浏览器下载的视频为什么不能播放? 游戏设计中UI设计一般使用什么软件? ps ,ae,pr,ui,cad,3dmax,cdr,ai都是做什么的? 用ps进行ui设计立体效果实现方法? APP移动端UI用PS怎么做 游戏UI设计和UI交互设计有区别吗?哪个更好 用ps制作ui,整理的问题(导出,分类)。关键词UI,界面设计 面条怎么有筋道 面条怎样做更筋道? 面条里边加什么使面条即光滑又筋道? 如何让面条更劲道 自己在家动手做手擀面,怎样才能让面条更加有筋道? 怎么做出劲道的面条呢? 面馆里的面条特别有劲道,是怎么做出来的? 怎样让面条筋道爽滑? 面条怎么做筋道 面条如何筋道 中国平安团体短期综合意外险 平安保险团体意外险十级伤残赔偿标准比例? 公司给我入了平安保险团体意外险,按照保险的伤残评定标准我的是九级伤残,到保险公司说只赔付1-7级 平安小微企业团体意外险
  • 焦点

最新推荐

猜你喜欢

热门推荐