首页 > 设计知识 > 正文

Photoshop设计立体光影感十足的APP图标 Photoshop设计翡翠玉石质感的立体APP图标

2023-07-28 10:41:31 | 一百分素材网

Photoshop设计立体光影感十足的APP图标

新建画布:

宽:800px 高:600px 分辨率:150像素/英寸 名称:精灵球

一、建立背景层

填充背景色:

点击拾色器 输入色值:#dad9de

确定主光源:

点击拾色器 输入色值:#ffffff

选择画笔工具 柔边画笔 大小700xp,在画面右上角拍一下,给背景确定一个主光源。

赋予主光源颜色:

添加图层样式:颜色叠加 混合模式:正常 输入色值:#f5f9ff 图层模式:柔光

这样基本上背景和主要的光源就确定了。

二、绘制精灵球底框一百分素材网

绘制底框:

点击拾色器 输入色值:#281f20 创建圆角矩形:宽:478px; 高:478px; 圆角:120px

给底框赋予厚度,制造体积感:

添加图层样式:斜面浮雕 样式:内斜面 方法:平滑 大小:4px 软化:4px 角度:60° 高度:16° 高光:#8bb5dc 阴影:#000000

给底框赋予磨砂质感:

将底框复制一层,命名为:底框-质感 滤镜杂色:1.5 平均/单色 高斯模糊:0.5

底框右侧打光

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

新建图层:侧边光 点击拾色器 输入色值:#ffffff

选择画笔工具 柔边画笔 大小500xp左右,在底框右侧拍一下 改图层模式为:柔光

最后右键 [侧边光] 图层,创建一个剪贴蒙版,将光线限制在底框范围内,这样就简单的给底框右侧打上了一层淡淡的光。

赋予侧边光颜色:因为之前设定的是偏蓝的冷光源,所以在这里也会有所影响。

添加图层样式:颜色叠加 混合模式:柔光 输入色值:#dfebfe 图层模式:柔光

这样精灵球的底框基本上就已经完成了~!接下来,我们就开始绘制球体的部分。

三、绘制精灵球按钮

绘制按钮圆形底座:

点击拾色器 输入色值:#d7d7d7 创建椭圆:宽:96px; 高:96px; 对齐中心

赋予按钮圆形底座光感,制造体积感:

添加图层样式:斜面浮雕 样式:内斜面 方法:平滑 大小:1px 软化:1px 角度:60° 高度:16° 高光:#ffffff 阴影:#5b5353

添加图层样式:渐变叠加 模式:正常 样式:线性 缩放:100% 颜色:#e3e3e3 ~ #eaebef

添加图层样式:内阴影 模式:正常 颜色:#ffffff 角度:60° 距离:1px 大小:2px

Photoshop设计翡翠玉石质感的立体APP图标

具体的制作步骤如下:

新建画布

创建圆角矩形

颜色#ccd6b1#

背景图层填充#f5f7ee#

先简单做一个投影

添加斜面浮雕

添加内阴影

添加内发光

复制玉图层命名暗部

只保留内阴影并修改参数 ,图层填充为0

与“Photoshop设计立体光影感十足的APP图标 Photoshop设计翡翠玉石质感的立体APP图标”相关推荐
Photoshop设计立体感十足的球状软件图标 Photoshop设计翡翠玉石质感的立体APP图标
Photoshop设计立体感十足的球状软件图标 Photoshop设计翡翠玉石质感的立体APP图标

Photoshop设计翡翠玉石质感的立体APP图标具体的制作步骤如下:新建画布创建圆角矩形颜色#ccd6b1#背景图层填充#f5f7ee#先简单做一个投影添加斜面浮雕添加内阴影添加内发光复制玉图层命名暗部只保留内阴影并修改参数,图层填充为0Photoshop设计立体感十足的球状软件图标新建画布:宽:800px高:600px分辨率:150像素/英寸。一、建立背

2023-07-31 21:02:36
Photoshop设计金属感十足的指纹APP图标 Photoshop设计翡翠玉石质感的立体APP图标
Photoshop设计金属感十足的指纹APP图标 Photoshop设计翡翠玉石质感的立体APP图标

Photoshop设计金属感十足的指纹APP图标②b的阴影:复制图层a并添加图层样式投影:效果:③加绿色边缘反光:复制图层b并栅格化,添加图层样式:斜面和浮雕+内阴影:得到效果:④添加左侧反光:在绿色反光之上新建图层,命名左侧反光,用150大小、纯白色、硬度为0的画笔点一下后水平压缩到2-3像素宽度。创剪切蒙版,混合模式为叠加,效果:⑤暗部:绿色反光的顶部由于被指纹识别器

2023-07-28 16:14:05
 Photoshop设计翡翠玉石质感的立体APP图标
Photoshop设计翡翠玉石质感的立体APP图标

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

2023-09-08 10:57:00
Photoshop设计立体时尚的软件APP图标 Photoshop设计翡翠玉石质感的立体APP图标
Photoshop设计立体时尚的软件APP图标 Photoshop设计翡翠玉石质感的立体APP图标

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

2023-09-21 13:15:21
Photoshop设计岩石质感的可爱字体 Photoshop设计翡翠玉石质感的立体APP图标
Photoshop设计岩石质感的可爱字体 Photoshop设计翡翠玉石质感的立体APP图标

Photoshop设计岩石质感的可爱字体今天来点不一样的教程,适合有基础的同学作进阶学习。以往为了打造某种效果,过于强调参数设置,以至于效果出来,思路忘了,下次依然不会做。今天我们抛开技术细节,就单讲思路,帮同学们理解岩石质感的创造过程,至于参数,发挥你的想象力吧。今天我试着做了岩石字体,接下来我要把我的制作过程与大家分享。字体效果:放在背景上的效果首先,合成背景本教程主要介绍

2023-08-15 17:51:29
Photoshop设计翡翠玉石质感的立体APP图标 Photoshop设计银色拉丝质感的软件APP图标
Photoshop设计翡翠玉石质感的立体APP图标 Photoshop设计银色拉丝质感的软件APP图标

Photoshop设计翡翠玉石质感的立体APP图标具体的制作步骤如下:新建画布创建圆角矩形颜色#ccd6b1#背景图层填充#f5f7ee#先简单做一个投影添加斜面浮雕添加内阴影添加内发光复制玉图层命名暗部只保留内阴影并修改参数,图层填充为0Photoshop设计银色拉丝质感的软件APP图标下面是教程:步骤一:首先新建画布800px*800px画布,命名为质

2023-08-01 20:01:00
Photoshop设计黄金质感的立体金币效果图 Photoshop设计翡翠玉石质感的立体APP图标
Photoshop设计黄金质感的立体金币效果图 Photoshop设计翡翠玉石质感的立体APP图标

Photoshop详解耳机产品的后期质感修复过程Photoshop设计翡翠玉石质感的立体APP图标具体的制作步骤如下:新建画布创建圆角矩形颜色#ccd6b1#背景图层填充#f5f7ee#先简单做一个投影添加斜面浮雕添加内阴影添加内发光复制玉图层命名暗部只保留内阴影并修改参数,图层填充为0

2023-08-31 03:13:54
Photoshop设计立体橙色质感的网页按钮 Photoshop设计翡翠玉石质感的立体APP图标
Photoshop设计立体橙色质感的网页按钮 Photoshop设计翡翠玉石质感的立体APP图标

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

2023-10-10 06:29:50