首页 > 设计知识 > 正文

Photoshop设计立体感十足的球状软件图标 Photoshop设计超酷的游戏网站首页

2023-07-27 17:23:40 | 一百分素材网

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设计超酷的游戏网站首页

2、根据视觉参考的大乱斗是一个由中心向四周散发的画面,所以场景选择的也都是对称发散图形。

3、为了保证画面平衡,四周人设动作造型基本保持对称是一个比较稳妥的方法,所以选择了这3个人设出于他们的动作考虑。左侧用了女枪和浣熊2个角色是因为她们比较瘦小,为了和右侧男骑士壮汉保持一个画面平衡。

4、定光源(光源分为2种:一、暖光源 二、冷光源)。

5、这里主要是对场景定光源(中间提亮四周压暗),中间用暖黄色的主光源提亮,旁边用蓝色冷光作对比,之所以这样处理是为了使中间的主题画面更突出。

与“Photoshop设计立体感十足的球状软件图标 Photoshop设计超酷的游戏网站首页”相关推荐
Photoshop设计超酷的暗黑破坏神游戏壁纸 Photoshop设计立体感十足的球状软件图标
Photoshop设计超酷的暗黑破坏神游戏壁纸 Photoshop设计立体感十足的球状软件图标

Photoshop设计超酷的暗黑破坏神游戏壁纸暴雪游戏迷来收!这一期换换口味,教同学们绘制一张暗黑3的壁纸,教程适合熟悉基础操作的同学进阶练习用,背景与图腾的绘制很考验基础功夫,想挑战的新手也欢迎来试一下。这一期换换口味,绘制一张暗黑3的壁纸。暴雪的游戏真的很经典,我几乎玩过它出品的每一款游戏,除了那个胎死腹中的《ghost》。这个桌面的看上去很复杂,其实认真分析一下很简单。有人估计会认为

2023-09-22 00:20:03
Photoshop设计龙门飞甲电影网页首页模板 Photoshop设计立体感十足的球状软件图标
Photoshop设计龙门飞甲电影网页首页模板 Photoshop设计立体感十足的球状软件图标

Photoshop设计龙门飞甲电影网页首页模板本教程主要使用Photoshop制作龙门飞甲电影网站模板思路分析,,电影互动站是大家比较喜欢拿来练手的一个设计,这次我用龙门飞甲这个作品的一个案例来给大家做说明演示,喜欢的朋友可以跟着教程一起来学习,附上一些画面中用到的光感uimaker.com/uimakerdown/">素材和质感素材,需要的朋友自己来下载即可。Photoshop设计立体感十足

2023-08-30 04:48:58
Photoshop设计立体时尚的软件APP图标 Photoshop设计超酷的游戏网站首页
Photoshop设计立体时尚的软件APP图标 Photoshop设计超酷的游戏网站首页

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

2023-09-30 08:01:02
Photoshop设计金属感十足的指纹APP图标 Photoshop设计超酷的游戏网站首页
Photoshop设计金属感十足的指纹APP图标 Photoshop设计超酷的游戏网站首页

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

2023-07-26 20:30:33
Photoshop设计立体橙色质感的网页按钮 Photoshop设计立体感十足的球状软件图标
Photoshop设计立体橙色质感的网页按钮 Photoshop设计立体感十足的球状软件图标

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

2023-07-17 18:39:46
 Photoshop设计立体感十足的球状软件图标
Photoshop设计立体感十足的球状软件图标

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

2023-08-18 12:49:30
Photoshop设计超酷的海报教程 Photoshop设计立体感十足的球状软件图标
Photoshop设计超酷的海报教程 Photoshop设计立体感十足的球状软件图标

Photoshop设计超酷的2015海报教程uimaker.com/uimakerdown/">素材:首先打开主体的素材,右侧能看到有一些奇怪的外文,先把它搞掉。先把背景复制一层,是个不错的习惯。用污点修复工具在文字上刷两下去掉主体。一些瑕疵再用工具修复下。Photoshop设计立体感十足的球状软件图标新建画布:宽:800px高:600px分辨率:150像素/英寸。一、建立

2023-08-27 17:22:16
Photoshop设计立体感十足的球状软件图标 Photoshop设计立体风格的网页上传窗口
Photoshop设计立体感十足的球状软件图标 Photoshop设计立体风格的网页上传窗口

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

2023-08-01 21:09:29