首页 > 设计知识 > 正文

Photoshop设计移动端手机游戏封面作品 Photoshop设计立体光影感十足的APP图标

2023-07-19 19:10:18 | 一百分素材网

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设计移动端手机游戏封面作品

教程所需要的素材:唯美的手机游戏下载页海报PS教程素材

与“Photoshop设计移动端手机游戏封面作品 Photoshop设计立体光影感十足的APP图标”相关推荐
Photoshop设计移动端手机游戏封面作品 Photoshop设计立体感十足的球状软件图标
Photoshop设计移动端手机游戏封面作品 Photoshop设计立体感十足的球状软件图标

Photoshop设计移动端手机游戏封面作品教程所需要的素材:唯美的手机游戏下载页海报PS教程素材Photoshop设计立体感十足的球状软件图标新建画布:宽:800px高:600px分辨率:150像素/英寸。一、建立背景层1、填充背景色:点击拾色器输入色值:#dad9de。2、确定主光源:点击拾色器输入色值:#ffffff,选择画笔工具柔边画笔大小700xp,在画面右上角拍一下,给背

2023-10-13 20:18:01
Photoshop设计移动端手机游戏封面作品 Photoshop设计金属感十足的指纹APP图标
Photoshop设计移动端手机游戏封面作品 Photoshop设计金属感十足的指纹APP图标

Photoshop设计移动端手机游戏封面作品教程所需要的素材:唯美的手机游戏下载页海报PS教程素材Photoshop设计金属感十足的指纹APP图标②b的阴影:复制图层a并添加图层样式投影:效果:③加绿色边缘反光:复制图层b并栅格化,添加图层样式:斜面和浮雕+内阴影:得到效果:④添加左侧反光:在绿色反光之上新建图层,命名左侧反光,用150大小、纯白色、硬度为0的画笔点一下后水平

2023-08-19 06:39:59
 Photoshop设计移动端手机游戏封面作品
Photoshop设计移动端手机游戏封面作品

使用PHOTOSHOP设计木制书架目前,很多小说阅读类APPS界面设计都采用了木质书架,这种方式无疑是一个完美的方式。今天,我们将指导您在Photoshop中创建一个木质书架。在本教程中,你会学到如何创造木材纹理等许多的方便、快捷的技术。所以,废话不多说,让我们开始吧!第1步 在Photoshop中创建一个新的文档,一个600px的宽度和800px高度。 第

2023-09-05 11:57:15
Photoshop设计银色立体效果的APP图标教程 Photoshop设计移动端手机游戏封面作品
Photoshop设计银色立体效果的APP图标教程 Photoshop设计移动端手机游戏封面作品

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

2023-08-18 06:41:26
Photoshop设计立体质感的日历图标教程 Photoshop设计移动端手机游戏封面作品
Photoshop设计立体质感的日历图标教程 Photoshop设计移动端手机游戏封面作品

Photoshop设计立体质感的日历图标教程本教程主要使用Photoshop绘制时尚立体感的日历图标,主要使用把钢笔工具绘制形状,然后使用图层样式来调出质感,,喜欢的朋友让我们一起来学习吧。教程源文件:立体感的日历图标教程PSD源文件先看看效果图 Photoshop设计移动端手机游戏封面作品教程所需要的素材:唯美的手机游戏下载页海报PS教程素材

2023-09-22 08:21:57
Photoshop设计蓝色质感的方形APP图标 Photoshop设计移动端手机游戏封面作品
Photoshop设计蓝色质感的方形APP图标 Photoshop设计移动端手机游戏封面作品

Photoshop设计蓝色质感的方形APP图标随手制作了一个图标,简单易学一,先ctrl+N(新建文件),新建一个512x512的白色场景二,按快捷键“U”,选择圆角矩形工具,,主要左上方的类型在场景内点一下,弹出选项参数,,创建一个圆角矩形三,找到图层框,双击红色圈圈部分,弹出图层样式颜色叠加,参数步骤如上再回到图层框,选择bg1图层,按&l

2023-08-19 08:37:12
Photoshop设计移动端手机游戏封面作品 Photoshop设计由蚊子组成的APP图标
Photoshop设计移动端手机游戏封面作品 Photoshop设计由蚊子组成的APP图标

Photoshop设计移动端手机游戏封面作品教程所需要的素材:唯美的手机游戏下载页海报PS教程素材Photoshop设计由蚊子组成的APP图标PART2:制作背景,首先新建512*512px,半径120px圆角矩形做底色,填充渐变如下:用圆角矩形利用比尔运算制作背景装饰。

2023-07-19 20:49:54
Photoshop设计立体插画风格的圆形图标 Photoshop设计移动端手机游戏封面作品
Photoshop设计立体插画风格的圆形图标 Photoshop设计移动端手机游戏封面作品

Photoshop设计立体插画风格的圆形图标整个插画就是树枝滴部分会稍微花点时间哦~建议熟练滴童鞋不要临摹,自已动手画一画这些树枝,对自己的构图能力和控制力都是很有帮助滴哦建好画布后,画一个圆:然后砸门建立一个分组,alt+左键显示圆的选区,然后给分组建立一个蒙版,把所有滴部件都画在这个组里的时候就不会超出圆的大小啦~现在开始画地面,砸门用钢笔工具画出轮廓来:砸门可以直接复制一

2023-07-21 00:56:10