首页 > 设计知识 > 正文

Photoshop设计超酷的应用程序软件图标 photoshop设计制作圆形质感纽扣式按钮

2023-05-25 10:09:41 | 一百分素材网

Photoshop设计超酷的应用程序软件图标

关于5月份向国外大神学习专辑,是针对0基础的同学,因为我也是这么过来的,一个纯技巧,卡在那里如果得不到及时解决,就会放弃,特打击人,浪费时间,感觉一天又被我浪费了,所以我是想着每天上传一篇(现实很残酷)因为这个学期,课多了,怕应付来啊。

教程源文件:科技感十足的软件APP图标PSD源文件一百分素材网

入门的同学,可以打开我给网址在这里学,英文不好,没关系啊,谷歌翻译,即使生硬,对于我们入门的同学来说,能猜得出来的啦。

开始切入正题:

1.新建画布512*515,背景先白色,做完后改成黑色(不要纯黑)

2.选择圆角矩形工具,绘制512px*512px、半径80px的圆角矩形,命名圆角-底

3.在绘制一个圆角矩形,命名“圆角-顶”,512*470px、半径80px,位置如下,并添加斜面浮雕和图案叠加(素材在下面下载)

4.选择椭圆工具,绘制一个400px x 390px 正圆,命名“椭圆-上”,,居中对齐

5.复制“椭圆-上”,右键图层清除样式,命名“椭圆-下”颜色值大神没给:66fffa,自个看图调,再按Ctrl+T,按住shift+Alt,等比例放大,也是自个调的

6.在解压文件找到“TWN”标志图,命名“TWN标志-底”文字裁掉(不要告诉不会裁剪“C”),拖到图层最上方,

7.给椭圆-上、下,分别添加样式,具体看图

椭圆-上

在解压文件找到“tactile_noise.png”最小的,ps打开,按Ctrl+A,出现虚线框后,点编辑—定义图案—在点确定,完成后图案叠加

椭圆-下

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设计超酷的2015海报教程uimaker.com/uimakerdown/">素材:首先打开主体的素材,右侧能看到有一些奇怪的外文,先把它搞掉。先把背景复制一层,是个不错的习惯。用污点修复工具在文字上刷两下去掉主体。一些瑕疵再用工具修复下。photoshop设计制作圆形质感纽扣式按钮效果图: 纽扣式按钮设计效果图设计制作方法:1.先铺个背

2023-09-26 13:26:57
Photoshop设计立体时尚的软件APP图标 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计立体时尚的软件APP图标 photoshop设计制作圆形质感纽扣式按钮

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

2023-06-05 08:24:02
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设计扁平化风格的铅笔软件图标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步:打开Photoshop,Ctrl+N新建一个文档,文档尺寸可自定义。第2步:按住Alt键双击背景图层,使其转换为普通图层。然后再次双击,打开图层样式面板,为其添加颜色叠加样式,颜色为#262523。继续为其添加渐变叠加,数值如下:再利用内发光中的杂色功能来给背景添加一些杂色,当然你也可以使用滤镜中的添加杂色功能。此时的

2023-10-07 06:40:20
Photoshop设计超酷的钢铁侠海报教程 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计超酷的钢铁侠海报教程 photoshop设计制作圆形质感纽扣式按钮

Photoshop设计超酷的钢铁侠海报教程本教程主要使用Photoshop合成流星下的钢铁侠海报效果,原图整体过于单调,没有绚丽的效果也没有好看的后期,进过我们学习后效果非常的漂亮,喜欢的朋友一起来学习吧。先看看效果图下面是教程:photoshop设计制作圆形质感纽扣式按钮效果图: 纽扣式按钮设计效果图设计制作方法:1.先铺个背景,如果你已经想好要基础的按钮颜色最好

2023-06-10 00:01:06
Photoshop设计超酷的炫彩海报效果图 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计超酷的炫彩海报效果图 photoshop设计制作圆形质感纽扣式按钮

Photoshop设计超酷的炫彩海报效果图1、寻找合适背景:2、文字的处理:photoshop设计制作圆形质感纽扣式按钮效果图: 纽扣式按钮设计效果图设计制作方法:1.先铺个背景,如果你已经想好要基础的按钮颜色最好。(选定颜色,滤镜-杂色)2.一层层的画。从底部最下面一层开始。3.①第一个圆盘:这个圆饼就是开山鼻祖了!这个圆饼后面的走势一开始可能已经

2023-05-28 05:07:13