首页 > 设计知识 > 正文

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

2023-06-11 06:42:36 | 一百分素材网

Photoshop设计时尚质感的播放器图标

1、在做这个图标之前,我首先翻箱倒柜去找了一个古董级MP3来参考一下。

2、考了一下,我决定把一体的按键变成五个,科技感会强一些。在这里我画了一个草图。

3、新建一个1000*600的文档,设置前景色为白色#ffffff,背景色为#cfcfcf,使用渐变工具,画一个白色到浅灰色的渐变,渐变跟我下图中的箭头差不多就行了。

4、下面,我们给背景图层添加一点杂色,强化质感。执行“滤镜—杂色—添加杂色”,设置数量为1%,高斯分布,勾选单色。

5、现在,我们开始构建图标的轮廓形状。使用椭圆工具,设置前景色为#cecece,画一个450*450像素的正圆。我把它命名为“外圆”。

6、现在,我们为这个“外圆”添加一个图层样式。

7、接下来,还是用椭圆工具,画一个400*400像素的圆,我将其命名为“内圆”,颜色这里无所谓,等会我会用图层样式修改它的颜色。“内圆”图层的图层样式的设置请看下图。

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

效果图:

 

纽扣式按钮设计效果图

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


一百分素材网

 
纽扣式按钮设计图(一)


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

 
纽扣式按钮设计图(二)


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

 


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

 
纽扣式按钮设计图(四)


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

 
纽扣式按钮设计成品图

 

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

Photoshop设计时尚质感的圆形软件图标教程开始,第一步新建,500*500画布拉个白到灰的径向渐变。椭圆工具拉个300*300的圆居中对齐填充灰色。添加图层样式。再画一个较小的圆形。photoshop设计制作圆形质感纽扣式按钮效果图: 纽扣式按钮设计效果图设计制作方法:1.先铺个背景,如果你已经想好要基础的按钮颜色最好。(选定颜色,滤镜-杂色)2

2023-06-05 23:26:09
Photoshop设计蓝色立体效果的播放按钮 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计蓝色立体效果的播放按钮 photoshop设计制作圆形质感纽扣式按钮

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

2023-06-30 17:06:42
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.先铺个背景,如果你已经想好要基础的按钮颜色最好。(选定颜色,滤镜-杂色)2.一层层的画。从底部最下面一层开始。3.①第一个圆盘:这个圆饼就是开山鼻祖了!这个圆饼后面的走势一开始可能已经有人想好了,或者没有想好,就是随手一画的那样的也可以,未知的可能更有意思。渐变,投影。&nb

2023-06-22 06:59:42
Photoshop设计复古风格的牛皮质感图标 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计复古风格的牛皮质感图标 photoshop设计制作圆形质感纽扣式按钮

Photoshop设计复古风格的牛皮质感图标在这个教程中,我将给大家展示如何用PS打造一个精致的牛皮质感通讯簿图标。教程主要用到三项技巧:首先,充分利用网格和对齐到网格;其次,创建矢量形状,充分利用图层的混合选项;最后,用简单的混合技巧和特效来添加细致的阴影和高光。让我们开始吧。教程素材:复古风格的笔记本图标PSD教程素材先看看效果图一、新建文件,显示网格打开PS,Command/C

2023-05-30 16:44:13
Photoshop设计时尚大气的马赛克软件图标 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计时尚大气的马赛克软件图标 photoshop设计制作圆形质感纽扣式按钮

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

2023-10-07 06:40:20
Photoshop设计时尚的促销专题页面 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计时尚的促销专题页面 photoshop设计制作圆形质感纽扣式按钮

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

2023-06-29 21:11:13
Photoshop设计岩石质感的可爱字体 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计岩石质感的可爱字体 photoshop设计制作圆形质感纽扣式按钮

Photoshop设计岩石质感的可爱字体今天来点不一样的教程,适合有基础的同学作进阶学习。以往为了打造某种效果,过于强调参数设置,以至于效果出来,思路忘了,下次依然不会做。今天我们抛开技术细节,就单讲思路,帮同学们理解岩石质感的创造过程,至于参数,发挥你的想象力吧。今天我试着做了岩石字体,接下来我要把我的制作过程与大家分享。字体效果:放在背景上的效果首先,合成背景本教程主要介绍

2023-07-01 18:13:29