首页 > 设计知识 > 正文

Photoshop设计立体感十足的球状软件图标 Photoshop设计立体风格的旋转式图标教程

2023-07-29 05:31:32 | 一百分素材网

Photoshop设计立体感十足的球状软件图标

新建画布:宽:800px 高:600px 分辨率:150像素/英寸。

一、建立背景层

1、填充背景色:点击拾色器 输入色值:#dad9de。

2、确定主光源:点击拾色器 输入色值:#ffffff,选择画笔工具 柔边画笔 大小700xp,在画面右上角拍一下,给背景确定一个主光源。

3、赋予主光源颜色:添加图层样式:颜色叠加 混合模式:正常 输入色值:#f5f9ff 图层模式:柔光。这样基本上背景和主要的光源就确定了。

二、绘制精灵球底框

1、绘制底框:点击拾色器 输入色值:#281f20 创建圆角矩形:宽478px; 高478px; 圆角:120px。

2、底框赋予厚度,制造体积感:添加图层样式:斜面浮雕 样式:内斜面 方法:平滑 大小:4px 软化:4px 角度:60° 高度:16° 高光:#8bb5dc 阴影:#000000。一百分素材网

3、给底框赋予磨砂质感:将底框复制一层,命名为:底框-质感 滤镜杂色:1.5 平均/单色 高斯模糊:0.5。

4、底框右侧打光:之前我们在做背景的时候,确定了一个主光源,所以我们在把底框的质感做好以后,因为受到光的影响,所以应该在右侧用柔边画笔打一个光,增加变化。

新建图层:侧边光 点击拾色器 输入色值:#ffffff;选择画笔工具 柔边画笔 大小500xp左右,在底框右侧拍一下 改图层模式为:柔光;最后右键 [侧边光] 图层,创建剪贴蒙版,将光线限制在底框范围内,这样就简单的给底框右侧打上了一层光。

5、赋予侧边光颜色:因为之前设定的是偏蓝的冷光源,所以在这里也会有所影响。添加图层样式:颜色叠加 混合模式:柔光 输入色值:#dfebfe 图层模式:柔光。这样精灵球的底框基本上就已经完成了~!接下来,我们就开始绘制球体的部分。

Photoshop设计立体风格的旋转式图标教程

教程源文件和视频教程:绿色渐变风格的播放器图标PS教程素材

最终效果:

下面是教程开始

步骤一:首先新建画布900px*900px画布,命名为播放按钮,为背景添加颜色#3d3835。

步骤二:使用圆角矩形工具、绘制一个615px*615px圆角半径为90px底座,并为它添加图层样式。

与“Photoshop设计立体感十足的球状软件图标 Photoshop设计立体风格的旋转式图标教程”相关推荐
 Photoshop设计立体感十足的球状软件图标
Photoshop设计立体感十足的球状软件图标

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

2023-08-18 12:49:30
Photoshop设计立体光影感十足的APP图标 Photoshop设计立体风格的旋转式图标教程
Photoshop设计立体光影感十足的APP图标 Photoshop设计立体风格的旋转式图标教程

Photoshop设计立体光影感十足的APP图标新建画布:宽:800px高:600px分辨率:150像素/英寸名称:精灵球一、建立背景层填充背景色:点击拾色器输入色值:#dad9de确定主光源:点击拾色器输入色值:#ffffff选择画笔工具柔边画笔大小700xp,在画面右上角拍一下,给背景确定一个主光源。赋予主光源颜色:添加图层样式:颜色叠加混合模式:正常输入色值:#f

2023-08-09 17:31:49
Photoshop设计创意风格的立体字教程 Photoshop设计立体感十足的球状软件图标
Photoshop设计创意风格的立体字教程 Photoshop设计立体感十足的球状软件图标

Photoshop设计创意风格的立体字教程本教程主要使用Photoshop制作在墙面上挂着的3D立体字,整体的3D效果非常的漂亮,,类似于挂在墙上的效果,大家可以自己扩展制作出霓虹效果,喜欢的朋友让我们一起来学习吧,教程要求PS是CS6完全版,必须有3D功能的。教程素材背景:超酷的3D立体字PS教程素材先看看效果图下面是教程:Photoshop设计立体感十足的球状软件图标新建

2023-08-26 06:51:26
Photoshop设计颓废风格的软件APP图标 Photoshop设计立体感十足的球状软件图标
Photoshop设计颓废风格的软件APP图标 Photoshop设计立体感十足的球状软件图标

Photoshop设计颓废风格的软件APP图标下面是教程开始Step01:点击—【文件】—【新建】(快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键Ctrl+S)。Step02:选择【圆角矩形工具】(快捷键U,可按Shift+U切换),在画布点击【创建圆角矩形】弹出

2023-09-14 14:02:49
Photoshop设计立体感十足的球状软件图标 Photoshop设计绿色主题的立体图标教程
Photoshop设计立体感十足的球状软件图标 Photoshop设计绿色主题的立体图标教程

Photoshop设计绿色主题的立体图标教程之前在网上看到一个icon,很喜欢,开始看样子觉得挺难,但仔细分析之后发现还好,,要是出一套uimaker.com/uimakerhtml/uidesign/icontubiao/2012/0216/29046.html">主题icon也是很不错的样子,所以并没有照做,借鉴了样式,选了个电话功能做出来,跟大家分享一下。写了步骤之后发下这东西不是很好写

2023-07-29 21:36:20
Photoshop设计立体风格的音乐播放器图标 Photoshop设计立体感十足的球状软件图标
Photoshop设计立体风格的音乐播放器图标 Photoshop设计立体感十足的球状软件图标

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

2023-07-22 13:02:40
Photoshop设计银色立体效果的APP图标教程 Photoshop设计立体感十足的球状软件图标
Photoshop设计银色立体效果的APP图标教程 Photoshop设计立体感十足的球状软件图标

Photoshop设计银色立体效果的APP图标教程本教程主要使用Photoshop设计银色立体字效果的软件图标,银色的质感主要使用图层样式来表现,喜欢的朋友一起来学习吧。教程源文件:银色质感的软件图标PSD源文件临摹的成果:下面,我们开始山寨之旅。新建文档,我用的大小是2000*1500像素,设置背景色为#101010新建一层,设置前景色为白色,使用圆角柔边画笔,设置大小为15

2023-08-09 15:00:54
Photoshop设计立体感十足的球状软件图标 Photoshop设计粉色风格的大白图标教程
Photoshop设计立体感十足的球状软件图标 Photoshop设计粉色风格的大白图标教程

Photoshop设计粉色风格的大白图标教程我们先来看看最终的效果图吧:具体的鼠绘步骤如下:1、开一个512*512px像素的白色画布,用圆角矩形形状工具画358*358px的圆角为80px的圆角矩形。2、给图层添加线性渐变,给背板顶部添加桃红内阴影,给背板底部添加2个橘色投影,一个虚化一些,一个实一些。3、使用圆角矩形,创建一个宽180px高140px圆角为72px的头部。再画

2023-08-10 20:13:52