首页 > 设计知识 > 正文

Photoshop设计复古风格的金属艺术字 Photoshop设计立体光影感十足的APP图标

2023-07-15 20:09:38 | 一百分素材网

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设计复古风格的金属艺术字

完成稿配黑色比对字体

1、我们先画边框,可以根据对应的游戏的UI来取一些我们所需要的边框uimaker.com/uimakerdown/">素材,然后思考我们需要表现的边框效果,找好后 我们开始进行加工。

2、填充边框下面的底纹,找一些好看的大理石纹,处理成统一的一个色调。为了烘托气氛,下半部分增强红色效果,增加边框的内阴影。

3、开始处理主题的大标题,先上总体完成效果。

4、做斜面浮雕&渐变叠加的金色效果。加上一些适合的底纹。

与“Photoshop设计复古风格的金属艺术字 Photoshop设计立体光影感十足的APP图标”相关推荐
Photoshop设计金属质感的艺术字教程 Photoshop设计立体光影感十足的APP图标
Photoshop设计金属质感的艺术字教程 Photoshop设计立体光影感十足的APP图标

Photoshop设计金属质感的艺术字教程本教程主要使用Photoshop制作金属质感的父爱如山艺术字教程,,这次分享一些字体设计的验技巧,希望对大家能有所帮助。小编菜鸟一枚,写的不是很好,不要误导大家才好哦,写的不足的地方还请大家多多指正,如有雷同纯属巧合。教程所需要的源文件:MissYuan_教程源文件.rar Photoshop设计立体光影感十足的APP图标新建画布:宽:8

2023-07-23 05:04:15
Photoshop设计复古风格的金属艺术字 Photoshop设计立体感十足的球状软件图标
Photoshop设计复古风格的金属艺术字 Photoshop设计立体感十足的球状软件图标

Photoshop设计复古风格的金属艺术字完成稿配黑色比对字体1、我们先画边框,可以根据对应的游戏的UI来取一些我们所需要的边框uimaker.com/uimakerdown/">素材,然后思考我们需要表现的边框效果,找好后我们开始进行加工。2、填充边框下面的底纹,找一些好看的大理石纹,处理成统一的一个色调。为了烘托气氛,下半部分增强红色效果,增加边框的内阴影。3、开始处理主题的

2023-07-23 00:28:50
Photoshop设计立体光影感十足的APP图标 Photoshop设计王者荣耀金属艺术字教程
Photoshop设计立体光影感十足的APP图标 Photoshop设计王者荣耀金属艺术字教程

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

2023-08-04 02:12:41
Photoshop设计立体光影感十足的APP图标 Photoshop设计金属感十足的指纹APP图标
Photoshop设计立体光影感十足的APP图标 Photoshop设计金属感十足的指纹APP图标

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

2023-08-03 00:30:46
Photoshop设计复古风格的牛皮质感图标 Photoshop设计立体光影感十足的APP图标
Photoshop设计复古风格的牛皮质感图标 Photoshop设计立体光影感十足的APP图标

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

2023-10-08 12:29:12
Photoshop设计立体光影感十足的APP图标 Photoshop设计金色光斑组成的艺术字教程
Photoshop设计立体光影感十足的APP图标 Photoshop设计金色光斑组成的艺术字教程

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

2023-07-19 00:23:46
Photoshop设计复古风格的拳击海报 Photoshop设计立体光影感十足的APP图标
Photoshop设计复古风格的拳击海报 Photoshop设计立体光影感十足的APP图标

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

2023-08-19 11:18:16
Photoshop设计糖果风格的3D艺术字教程 Photoshop设计立体光影感十足的APP图标
Photoshop设计糖果风格的3D艺术字教程 Photoshop设计立体光影感十足的APP图标

Photoshop设计糖果风格的3D艺术字教程做一款3D糖果文字,并不是想象中容易。你得非常熟悉PHOTSHOP的图层样式的各种参数和性能,这一过程也几乎完美地涵盖了全部的图层样式,值得大家深入探索。今天飞屋睿UIdesign的教程不仅教你怎么做,而且具体说明了为什么要这么做,参数的意义在哪,绝对是新手最受用的教程。教程所需要的素材:糖果风格的艺术字PS教程素材先看看教程效果图一、要用

2023-09-22 15:27:19