首页 > 设计知识 > 正文

Photoshop设计扁平化风格的铅笔软件图标 photoshop设计制作圆形质感纽扣式按钮

2023-06-05 22:23:46 | 一百分素材网

Photoshop设计扁平化风格的铅笔软件图标

1、新建500 * 500画布,填充为:#01dbcd。

2、椭圆工具,画一个362 * 362的正圆填充#01dbcd,描边1像素,命名为“圆”。

3、用矩形选框工具画一个长方形,填充为黑色,Ctrl + T 旋转45度左右,大小自己调到合适,然后调到恰当位置,命名为“阴影”。

4、将图层“阴影”移到“圆”的后边,不透明度为8%。

5、用椭圆工具画一个252 * 252的正圆填充为白色,命名为“圆2”。

6、用矩形选框工具画一个细长的长方形,填充#c2c8c8,然后复制多个。

7、选中这几个长条图层,Ctrl + E 合并图层,命名为“线条”,然后选中“线条”图层,按Ctrl + 左击鼠标“图层2”图层,Ctrl + Shift + I 反选,按Delete删除圆外多出的线条。

8、圆角矩形工具,画一个圆角为5像素的长方形,如下图,命名为“铅笔1”。

9、复制这个“铅笔1”图层,按住Alt拖动矩形工具减去一部分,如下图。命名为“铅笔2”。

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

效果图:

 

纽扣式按钮设计效果图

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


 
纽扣式按钮设计图(一)


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

 
纽扣式按钮设计图(二)一百分素材网


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

 


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

 
纽扣式按钮设计图(四)


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

 
纽扣式按钮设计成品图

 

与“Photoshop设计扁平化风格的铅笔软件图标 photoshop设计制作圆形质感纽扣式按钮”相关推荐
Photoshop设计扁平化风格的雷达图标 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计扁平化风格的雷达图标 photoshop设计制作圆形质感纽扣式按钮

Photoshop设计扁平化风格的雷达图标今天是天空图标教程系列的后两集,自从上一次我们的小火箭发射后,今天终于来到了外太空,找到了它的小伙伴,行星和雷达,今天的教程是搞定这两个,过程重绘制思路,挑操作重点,简洁明了,适合有基础的同学练手。先看看效果图行星图标第1步:首先绘制一个淡黄色的圆形作为行星的轮廓。使用矩形工具,,星球上方绘制很多不同颜色的方框,让它们的颜色和宽度都不尽相同。你

2023-06-19 19:23:17
Photoshop设计时尚质感的圆形软件图标 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计时尚质感的圆形软件图标 photoshop设计制作圆形质感纽扣式按钮

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

2023-06-05 23:26:09
Photoshop设计胖嘟嘟的铅笔UI图标教程 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计胖嘟嘟的铅笔UI图标教程 photoshop设计制作圆形质感纽扣式按钮

Photoshop设计胖嘟嘟的铅笔UI图标教程观察:详细步骤:photoshop设计制作圆形质感纽扣式按钮效果图: 纽扣式按钮设计效果图设计制作方法:1.先铺个背景,如果你已经想好要基础的按钮颜色最好。(选定颜色,滤镜-杂色)2.一层层的画。从底部最下面一层开始。3.①第一个圆盘:这个圆饼就是开山鼻祖了!这个圆饼后面的走势一开始可能已经有人想好了,或者没有想

2023-06-03 17:56:28
Photoshop设计逼真的游泳圈风格的软件图标 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计逼真的游泳圈风格的软件图标 photoshop设计制作圆形质感纽扣式按钮

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

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

2023-05-25 10:09:41
Photoshop设计时尚大气的马赛克软件图标 photoshop设计制作圆形质感纽扣式按钮
Photoshop设计时尚大气的马赛克软件图标 photoshop设计制作圆形质感纽扣式按钮

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

2023-10-07 06:40:20