首页 > 设计知识 > 正文

Photoshop设计时尚质感的播放器图标 Photoshop设计立体风格的网页上传窗口

2023-10-13 01:26:13 | 一百分素材网

很多关注设计知识的朋友很希望了解Photoshop设计时尚质感的播放器图标 Photoshop设计立体风格的网页上传窗口,今天一百分素材网为大家整理了相关文章,一起来看看吧!

Photoshop设计时尚质感的播放器图标 Photoshop设计立体风格的网页上传窗口

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

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

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

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

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

Photoshop设计时尚质感的播放器图标 Photoshop设计立体风格的网页上传窗口

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

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

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

Photoshop设计时尚质感的播放器图标 Photoshop设计立体风格的网页上传窗口

Photoshop设计立体风格的网页上传窗口

本教程主要使用Photoshop设计立体风格的图片上传对话框,各种各样的对话框,对于我们来说,太常见了。发微博和在网站上上传图片,我们都会遇到图片上传的对话框。今天,参考了网上的一个图片,我们制作了一个超级简单的图片上传对话框。

教程源文件下载:图片上传对话框设计PS教程素材

先看看效果图

首先,我做了一个简单的背景,我相信这么简单的背景大家都很熟悉了。

画一个圆角矩形框框,添加图层样式。(框框的颜色无所谓,等会我们并不会用到)

我添加了一个纹理素材,创建剪贴蒙版。

以上就是一百分素材网为大家带来的Photoshop设计时尚质感的播放器图标 Photoshop设计立体风格的网页上传窗口,希望能帮助到大家,更多相关信息,敬请关注一百分素材网!
与“Photoshop设计时尚质感的播放器图标 Photoshop设计立体风格的网页上传窗口”相关推荐
Photoshop设计立体风格的音乐播放器图标 Photoshop设计立体风格的网页上传窗口
Photoshop设计立体风格的音乐播放器图标 Photoshop设计立体风格的网页上传窗口

Photoshop设计立体风格的音乐播放器图标本教程主要教大家设计一个勃朗风格音乐ICON图标,效果很好,而且运用了很多知识点,如渐变、图层样式、滤镜、直接选择工具等,对新手了解PS有很大的帮助,希望大家喜欢。先看看效果图新建图层,矩形工具绘制矩形:加图层样式投影复制图层,cmd+d(自由变换向上调整显示出厚度)圆形工具绘制圆添加图层样式内发光,外发光复制圆形图层调整大小把原

2023-08-14 00:11:10
Photoshop设计金属质感的定时器图标 Photoshop设计立体风格的网页上传窗口
Photoshop设计金属质感的定时器图标 Photoshop设计立体风格的网页上传窗口

Photoshop设计金属质感的定时器图标本教程主要使用Photoshop巧用图层样式设计金属质感的IOS图标,形状主要使用钢笔来完成,后期的质感表现都是使用图层样式来完成,非常适合新手,教程简单幽默,听说在愉悦的气氛中学习的效率更高哦,一起来看看吧。教程源文件:金属质感的IOS软件图标PSD源文件Photoshop设计立体风格的网页上传窗口本教程主要使用Photoshop设计立体风格的

2023-08-25 15:46:18
Photoshop设计暗色主题风格的播放器界面 Photoshop设计立体风格的网页上传窗口
Photoshop设计暗色主题风格的播放器界面 Photoshop设计立体风格的网页上传窗口

Photoshop设计暗色主题风格的播放器界面教程PSD源文件下载:音乐播放器UI设计教程PS教程源文件, Photoshop设计立体风格的网页上传窗口本教程主要使用Photoshop设计立体风格的图片上传对话框,各种各样的对话框,对于我们来说,太常见了。发微博和在网站上上传图片,我们都会遇到图片上传的对话框。今天,参考了网上的一个图片,我们制作了一个超级简单的图片上传对话框。教程源

2023-08-12 07:29:57
Photoshop设计蓝色立体效果的播放按钮 Photoshop设计立体风格的网页上传窗口
Photoshop设计蓝色立体效果的播放按钮 Photoshop设计立体风格的网页上传窗口

Photoshop设计立体风格的网页上传窗口本教程主要使用Photoshop设计立体风格的图片上传对话框,各种各样的对话框,对于我们来说,太常见了。发微博和在网站上上传图片,我们都会遇到图片上传的对话框。今天,参考了网上的一个图片,我们制作了一个超级简单的图片上传对话框。教程源文件下载:图片上传对话框设计PS教程素材先看看效果图首先,我做了一个简单的背景,我相信这么简单的背景大家都很熟

2023-10-15 11:24:08
Photoshop设计立体质感的日历图标教程 Photoshop设计立体风格的网页上传窗口
Photoshop设计立体质感的日历图标教程 Photoshop设计立体风格的网页上传窗口

Photoshop设计立体质感的日历图标教程本教程主要使用Photoshop绘制时尚立体感的日历图标,主要使用把钢笔工具绘制形状,然后使用图层样式来调出质感,,喜欢的朋友让我们一起来学习吧。教程源文件:立体感的日历图标教程PSD源文件先看看效果图 Photoshop设计立体风格的网页上传窗口本教程主要使用Photoshop设计立体风格的图片上传对话框,各种各样的对话框,对于我们

2023-08-25 09:07:44
Photoshop设计立体橙色质感的网页按钮 Photoshop设计立体风格的网页上传窗口
Photoshop设计立体橙色质感的网页按钮 Photoshop设计立体风格的网页上传窗口

Photoshop设计立体橙色质感的网页按钮button按钮作为网页设UI设计中重要的一步也是最基础的一步,对设计来说有着重要的作用,按钮是否精致、是否和整体网页、UI相配合,对设计的好与坏有着很大的影响。近几年扁平化简洁化的趋势下,按钮越来越简单,但是不是说设计师本身就应该忘记,,今天我们一起来设计这款橙色风格的按钮,喜欢的朋友一起来学习吧。教程源文件:MissYuan_按钮源文件.rar

2023-09-11 21:09:45
Photoshop设计立体风格的网页上传窗口 Photoshop设计翡翠玉石质感的立体APP图标
Photoshop设计立体风格的网页上传窗口 Photoshop设计翡翠玉石质感的立体APP图标

Photoshop设计立体风格的网页上传窗口本教程主要使用Photoshop设计立体风格的图片上传对话框,各种各样的对话框,对于我们来说,太常见了。发微博和在网站上上传图片,我们都会遇到图片上传的对话框。今天,参考了网上的一个图片,我们制作了一个超级简单的图片上传对话框。教程源文件下载:图片上传对话框设计PS教程素材先看看效果图首先,我做了一个简单的背景,我相信这么简单的背景大家都很熟

2023-08-06 05:14:00
Photoshop设计时尚质感的派对海报教程 Photoshop设计立体风格的网页上传窗口
Photoshop设计时尚质感的派对海报教程 Photoshop设计立体风格的网页上传窗口

Photoshop设计时尚质感的派对海报教程最终效果图, Photoshop设计立体风格的网页上传窗口本教程主要使用Photoshop设计立体风格的图片上传对话框,各种各样的对话框,对于我们来说,太常见了。发微博和在网站上上传图片,我们都会遇到图片上传的对话框。今天,参考了网上的一个图片,我们制作了一个超级简单的图片上传对话框。教程源文件下载:图片上传对话框设计PS教程素材先

2023-08-07 14:39:33