首页 > 设计知识 > 正文

Photoshop设计时尚质感的播放器图标 Photoshop设计超酷的应用程序软件图标

2023-06-15 10:49:36 | 一百分素材网

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

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

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

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

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

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

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

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

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设计时尚质感的播放器图标 Photoshop设计超酷的应用程序软件图标”相关推荐
Photoshop设计超酷的应用程序软件图标 Photoshop设计立体风格的音乐播放器图标
Photoshop设计超酷的应用程序软件图标 Photoshop设计立体风格的音乐播放器图标

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

2023-09-20 19:34:13
Photoshop设计超酷的应用程序软件图标 Photoshop设计金属质感的定时器图标
Photoshop设计超酷的应用程序软件图标 Photoshop设计金属质感的定时器图标

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

2023-06-09 00:06:07
Photoshop设计时尚质感的圆形软件图标 Photoshop设计超酷的应用程序软件图标
Photoshop设计时尚质感的圆形软件图标 Photoshop设计超酷的应用程序软件图标

Photoshop设计时尚质感的圆形软件图标教程开始,第一步新建,500*500画布拉个白到灰的径向渐变。椭圆工具拉个300*300的圆居中对齐填充灰色。添加图层样式。再画一个较小的圆形。Photoshop设计超酷的应用程序软件图标关于5月份向国外大神学习专辑,是针对0基础的同学,因为我也是这么过来的,一个纯技巧,卡在那里如果得不到及时解决,就会放弃,特打击人,浪费时间,感觉

2023-05-30 11:34:01
Photoshop设计超酷的应用程序软件图标 Photoshop设计暗色主题风格的播放器界面
Photoshop设计超酷的应用程序软件图标 Photoshop设计暗色主题风格的播放器界面

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

2023-09-21 21:37:25
Photoshop设计超酷的应用程序软件图标 Photoshop设计时尚质感的派对海报教程
Photoshop设计超酷的应用程序软件图标 Photoshop设计时尚质感的派对海报教程

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

2023-07-09 13:38:28
Photoshop设计立体时尚的软件APP图标 Photoshop设计超酷的应用程序软件图标
Photoshop设计立体时尚的软件APP图标 Photoshop设计超酷的应用程序软件图标

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

2023-06-12 16:45:33
Photoshop设计超酷的应用程序软件图标 Photoshop设计金属质感的ICON图标教程
Photoshop设计超酷的应用程序软件图标 Photoshop设计金属质感的ICON图标教程

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

2023-09-11 17:47:33
Photoshop设计超酷的应用程序软件图标 Photoshop设计时尚的照相机软件图标教程
Photoshop设计超酷的应用程序软件图标 Photoshop设计时尚的照相机软件图标教程

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

2023-06-21 04:09:38