首页 > 设计知识 > 正文

Photoshop设计时尚质感的圆形软件图标 photoshop设计制作圆形质感纽扣式按钮

2023-06-05 23:26:09 | 一百分素材网

Photoshop设计时尚质感的圆形软件图标

教程开始,第一步新建,500*500画布 拉个白到灰的径向渐变。

椭圆工具拉个300*300的圆居中对齐填充灰色。

添加图层样式。

再画一个较小的圆形。

photoshop设计制作圆形质感纽扣式按钮

效果图:

 

纽扣式按钮设计效果图

设计制作方法:
1.先铺个背景,如果你已经想好要基础的按钮颜色最好。(选定颜色,滤镜-杂色)
2.一层层的画。从底部最下面一层开始。
3.①第一个圆盘:这个圆饼就是开山鼻祖了!这个圆饼后面的走势一开始可能已经有人想好了,或者没有想好,就是随手一画的那样的也可以,未知的可能更有意思。渐变,投影。
   ②这个技法很简单,但是这样的颜色是需要一定的经验或者试错调出,可能一开始也不一定是这样的颜色,最后可以综合调整。


 
纽扣式按钮设计图(一)


4.①圆饼有渐变之后,光线上下走动。复制一层,变化样式,制作轻轻的凹陷感觉。至此,圆碟纽扣出现。
   ②切勿生硬,浮雕样式可以说是不借助手绘板来涂抹之外的最高效的功能。浮雕的柔度,决定了微质感的视觉柔度。个人以为十分的关键。

 
纽扣式按钮设计图(二)


5.①重复上面的步骤,可以做出圆碟上的“食物”。这里需要考虑的是快速制作。复制为新组,然后微调整,你会发现很难实现。
   ②这个“食物”也是有厚度的,四周的指示符号可以暂时不去理会。

 一百分素材网


6.①接下来,再次重复之前的圆碟设计方法,这样层次感觉就更加突出了。
   ②然后再加上一个内嵌感觉的凹槽,隐喻可点击。

 
纽扣式按钮设计图(四)


7.①最后,我们可以在碟片机边缘发挥下想象力。比如,为了让其更像一个纽扣,加上针缝线。这样就更加熟悉和亲切了。
   ②润色整个画面,就价格杂色背景都行。

 
纽扣式按钮设计成品图

 

与“Photoshop设计时尚质感的圆形软件图标 photoshop设计制作圆形质感纽扣式按钮”相关推荐
Photoshop设计立体时尚的软件APP图标 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计立体时尚的软件APP图标 photoshop设计制作圆形质感纽扣式按钮

Photoshop设计立体时尚的软件APP图标一枚超级漂亮的图标教程。今天P大点S微博同学临摹了一个色板图标,效果好到发指,重点是图层样式的运用,关键部分都有大字标示,方便大家练习。教程源文件:立体软件APP图标PS教程源文件效果图:新建1000*1000画布,填充颜色e82571,利用圆角矩形工具,半径100像素按住Shift画一个正方形,点一下上面的形状,建立形状图层。执行图层

2023-06-05 08:24:02
Photoshop设计时尚质感的播放器图标 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计时尚质感的播放器图标 photoshop设计制作圆形质感纽扣式按钮

Photoshop设计时尚质感的播放器图标1、在做这个图标之前,我首先翻箱倒柜去找了一个古董级MP3来参考一下。2、考了一下,我决定把一体的按键变成五个,科技感会强一些。在这里我画了一个草图。3、新建一个1000*600的文档,设置前景色为白色#ffffff,背景色为#cfcfcf,使用渐变工具,画一个白色到浅灰色的渐变,渐变跟我下图中的箭头差不多就行了。4、下面,我们给背景图层

2023-06-11 06:42:36
Photoshop设计时尚大气的马赛克软件图标 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计时尚大气的马赛克软件图标 photoshop设计制作圆形质感纽扣式按钮

Photoshop设计时尚大气的马赛克软件图标第1步:打开Photoshop,Ctrl+N新建一个文档,文档尺寸可自定义。第2步:按住Alt键双击背景图层,使其转换为普通图层。然后再次双击,打开图层样式面板,为其添加颜色叠加样式,颜色为#262523。继续为其添加渐变叠加,数值如下:再利用内发光中的杂色功能来给背景添加一些杂色,当然你也可以使用滤镜中的添加杂色功能。此时的

2023-10-07 06:40:20
Photoshop设计清新创意的软件APP图标 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计清新创意的软件APP图标 photoshop设计制作圆形质感纽扣式按钮

Photoshop设计清新创意的软件APP图标1、新建大小自定的画布,用形状工具制作圆角矩形。2、添加图层样式:渐变叠加和投影,,参数及效果如下图。3、分三个图层做中间的形状绘制,其对应图层如下图。4、首先看红点标注的2个图层,参数是一样的。photoshop设计制作圆形质感纽扣式按钮效果图: 纽扣式按钮设计效果图设计制作方法:1.先铺个背景,如果你已

2023-06-11 10:52:59
Photoshop设计超酷的应用程序软件图标 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计超酷的应用程序软件图标 photoshop设计制作圆形质感纽扣式按钮

Photoshop设计超酷的应用程序软件图标关于5月份向国外大神学习专辑,是针对0基础的同学,因为我也是这么过来的,一个纯技巧,卡在那里如果得不到及时解决,就会放弃,特打击人,浪费时间,感觉一天又被我浪费了,所以我是想着每天上传一篇(现实很残酷)因为这个学期,课多了,怕应付来啊。教程源文件:科技感十足的软件APP图标PSD源文件入门的同学,可以打开我给网址在这里学,英文不好,没关系啊,谷歌

2023-05-25 10:09:41
Photoshop设计扁平化风格的铅笔软件图标 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计扁平化风格的铅笔软件图标 photoshop设计制作圆形质感纽扣式按钮

Photoshop设计扁平化风格的铅笔软件图标1、新建500*500画布,填充为:#01dbcd。2、椭圆工具,画一个362*362的正圆填充#01dbcd,描边1像素,命名为“圆”。3、用矩形选框工具画一个长方形,填充为黑色,Ctrl+T旋转45度左右,大小自己调到合适,然后调到恰当位置,命名为“阴影”。4、将图层“阴影

2023-06-05 22:23:46
Photoshop设计时尚动感的光线效果图 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计时尚动感的光线效果图 photoshop设计制作圆形质感纽扣式按钮

photoshop设计制作圆形质感纽扣式按钮效果图: 纽扣式按钮设计效果图设计制作方法:1.先铺个背景,如果你已经想好要基础的按钮颜色最好。(选定颜色,滤镜-杂色)2.一层层的画。从底部最下面一层开始。3.①第一个圆盘:这个圆饼就是开山鼻祖了!这个圆饼后面的走势一开始可能已经有人想好了,或者没有想好,就是随手一画的那样的也可以,未知的可能更有意思。渐变,投影。&nb

2023-06-22 06:59:42
Photoshop设计火速形式的动感自行车 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计火速形式的动感自行车 photoshop设计制作圆形质感纽扣式按钮

Photoshop设计火速形式的动感自行车最终效果1、启动Photoshop打开原图,然后选择仿制图章工具工具把图中的白线去掉。2、我们提高亮度,这里新建一个亮度和饱和度调整图层,亮度设置5,对比度设置56,效果如下。3、按Ctrl+Shift+N新建立一个图层,使用柔角笔刷工具,主直径设置为4px,设置前景色为白色,之后使用钢笔工具把车轮选中。4、设置好路径之后右击鼠标选择

2023-05-29 19:48:16