首页 > 设计培训 > 正文

使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么 图标UI设计:用PS制作心形APP图标教程

2023-08-13 13:45:03 | 设计屋

最近经常有小伙伴私信询问使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么 图标UI设计:用PS制作心形APP图标教程相关的问题,今天,设计屋小编整理了以下内容,希望可以对大家有所帮助。

使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么

1、首先打开效果图,先观察这个图片的构成,可以想象为它是由3个圆形组成,最外面的大圆是一个颜色,最中间的小圆是白色,中圆是一个渐变颜色。

2、根据大小,画出大圆,中圆,和小圆,中圆做出如下的渐变效果,所示

位置说明,大圆和小圆居中对齐,画好渐变的中圆和大圆左对齐

另外精确作图是非常有必要的,这里只说制作方法,选中大圆ctrl+t,根据大圆位置,画出辅助线,确定大圆圆心点,所示

中圆图层按ctrl+j,复制3个一样的,然后调整第二个中圆的中心点和大圆的中心点重叠。

上面输入旋转角度90度,按回车确认,结果所示

6、依次给另外2个圆旋转,第三个中圆的角度是180度,第四个中圆的角度是-90度(这里是-90度,特别说明一下),结果所示。

不是这样的调整一下图层位置,例如谁在上,谁在下。

7,为新手方便这里说的细致一些

这里为了讲解方便,把四个中圆分别根据所在位置起不同名字,uimaker,这样方便讲解,怎么学PS,1下,就是最下面的中圆,2右就是最右面的中圆。 首先给4左,也就是第一个画的中圆添加一个图层蒙版,按住Ctrl键,鼠标左键单击2右图层,选中2右图层 在选中4左的图层蒙版用橡皮擦,擦去小圆下面重叠的部分,如下图

8,同第7步类似,按住ctrl键,鼠标左键单击1下图层,选择1下,出现蚂蚁线后,鼠标左键单击4左图层蒙版,用橡皮擦擦去多余部分。

9、给3上中圆创建图层蒙版,选中1下,在3上图层蒙版上擦去3上多余的部分。

10、最后多余一块,给2右创建图层蒙版,ctrl点击1下图层,选中1下图层,在2右图层蒙版上删除多余。

最后和原图对比下

下面就是完成后立体圆形旋涡样式图标效果图:

图标UI设计:用PS制作心形APP图标教程

今天分享给大家的是:图标UI设计:用PS制作心形APP图标教程,快来学习一下吧!

操作步骤:

第一步:打开PS,尺寸大小大家可以随意,我这里设置的是900*900px;设计屋


第二步:使用圆角矩形工具,半径70px,按住Shift键,建立圆角矩形



第三步:添加图层样式,斜面和浮雕+渐变叠加



色值:f845f8 ffc6a8


第四步:画爱心,可以用钢笔工具勾勒,也可以用自定义形状工具画出来,再修改


以上就是设计屋小编整理的内容,想要了解更多相关资讯内容敬请关注设计屋。
与“使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么 图标UI设计:用PS制作心形APP图标教程”相关推荐
用PS制作荷花形态APP图标的简约图标设计教程UI设计教程 使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么
用PS制作荷花形态APP图标的简约图标设计教程UI设计教程 使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么

用PS制作荷花形态APP图标的简约图标设计教程UI设计教程通过PS来制作一款弥撒图标教程,主要用图层样式来制作,这种类似的图标教程大都是如此制作,uimaker,不是很难,但是需要耐心,具体通过教程来学习一下吧,毕竟只有制作起来才知道哪里不足,知道什么如何制作,所有的PS教程就是必须练习,只有练习才能提高自己的PS能力。效果图:操纵步骤:1.新建画布,ui设计教程,画一个圆搜索公众

2023-08-14 18:55:13
用PS制作旋转按钮图标,UI设计教程 使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么
用PS制作旋转按钮图标,UI设计教程 使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么

用PS制作旋转按钮图标,UI设计教程今天做的按钮很精致,今天就给大家带来一个音响按钮图标的教程吧。所用软件是PScc2018,没有软件的小伙伴可以给我留言噢!                   &nbsp

2023-08-20 20:07:31
【UI设计】如何制作彩色烟花筒 使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么
【UI设计】如何制作彩色烟花筒 使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么

【UI设计】如何制作彩色烟花筒主要讲解的是如何利用PS制作彩色烟花筒,跟着源码时代UI设计一起看看吧!1,新建文件2000*2000画布,填充为黑色 2,滤镜----杂色---添加杂色(数值40左右,勾选单色)3,图像---调整----阈值(90左右)4,滤镜----像素化---晶格化(数值:18)5,滤镜----风格化---风(风,向右 可多执行两次风的效果Ctrl+AL

2023-08-15 08:21:03
UI设计需要学习什么呢 使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么
UI设计需要学习什么呢 使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么

UI设计需要学习什么呢小白自学UI设计5分钟带你进入UI设计UI设计报培训班真的有用吗?今天就和大家聊下自学和培训的区别? 自学:什么是自学呢,自学就是完全依靠自己去学习一个知识。比如学习UI设计,需要学PS,那么就去各大网站找一些PS教程来进去学习。这个就叫做自学,完全依靠自己来进行学习。培训学:什么是培训学习呢,培训学就是指花钱找一些会UI设计的人,来进行全程指导式学习。那么自学

2023-08-16 03:13:16
UI设计师之路如何行走 使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么
UI设计师之路如何行走 使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么

UI设计师之路如何行走 经过我们团队的追踪、调研与分析,我预言未来的UI一定会朝着4个方向发展,没有危机意识,可能就要被淘汰  1、偏运营类的UI设计师 需要具备的能力:创意,策划,手绘,文案,英文,提案表述(需求程度按照排名顺序)第一种,类似于传统互联网的广告,前两年的各种厮杀,已经使得用户的使用入口基本固定,社交用微信,地图用高德,购物用某宝等等,那

2023-08-13 05:05:51
用PS图层样式制作金属字的银色文字设计教程UI设计教程 使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么
用PS图层样式制作金属字的银色文字设计教程UI设计教程 使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么

用PS图层样式制作金属字的银色文字设计教程UI设计教程 今天我们讲述一下金属字的制作过程,主要使用PS图层样式来完成,希望思缘的朋友让我们一起来学习吧。先看看效果图:首先需要一张深色的背景图,可以选择某种质感,最好是皮质,能使得文字效果更好。我们选择一种线条相对较粗的字体,我选择的是CopperplateGothic字体,大家可以去百度下载。文字内容的,我选择的就是DUIA,大家

2023-08-16 15:04:31
0基础如何学UI设计,系统图标绘制方法 使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么
0基础如何学UI设计,系统图标绘制方法 使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么

0基础如何学UI设计,系统图标绘制方法首先第一个问题什么是UI设计?系统图标在UI设计当中的重要性?系统图标在UI设计当中的作用是什么?UI即UserInterface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。由于UI设计涉及学科交广,作为UI设计的主

2023-08-15 03:49:08
使用Photoshop鼠绘绘制立体时尚的钟表效果图的PS教程UI设计专业 使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么
使用Photoshop鼠绘绘制立体时尚的钟表效果图的PS教程UI设计专业 使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程UI设计是什么

使用Photoshop鼠绘绘制立体时尚的钟表效果图的PS教程UI设计专业本教程主要使用photoshop绘制立体时尚的钟表效果图,整体的立体效果和创意感觉非常的不错,钟表的圆盘特别想一个盘子,好了不多说了,喜欢的朋友让我们一起来学习吧。效果图:创建一个新图片,参数参考图中,也可自行变更1、首先让我们新建一个图层Ctrl+Alt+Shift+N,接着把前景色换成黑色D,填充新建的图层1

2023-08-18 08:57:04