首页 > 设计知识 > 正文

Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计立体光影感十足的APP图标

2023-08-17 20:55:00 | 一百分素材网

今天,一百分素材网小编为关注设计知识的同学们准备了Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计立体光影感十足的APP图标,下面一起来看一下吧。

Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计立体光影感十足的APP图标

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

新建画布:

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

一、建立背景层

填充背景色:

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

确定主光源:

点击拾色器 输入色值:#ffffff一百分素材网

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

赋予主光源颜色:

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

Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计立体光影感十足的APP图标

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

二、绘制精灵球底框

绘制底框:

点击拾色器 输入色值:#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设计绚丽格子特效的桌面壁纸 Photoshop设计立体光影感十足的APP图标

Photoshop设计绚丽格子特效的桌面壁纸

互联网带给人更多选择的自由,同时,又让人失去另一些自由。在好看壁纸泛滥的时候,突然想起这句话“好看不是扮靓的最高境界”,就像设计也不仅为了好看一样。所有全屏大图做出设计时,往往一张图就能定江山。这张图的分量,也许是努力了好几个晚上的画作,或者是自己用刚买的中高端数码相机在某个深山旷野里对美景的捕捉。

本教程就是教大家如何利用一张全屏照片再加工,通过增加简单的透明三角形,让它变得更加高端大气上档次。

一、新建文档

打开你的PS,新建一个适应手机屏幕的文件,尺寸大小设置为 W:640px H:1136px,将你的图片插入到文档中。

这是我选用的图片(by摄影师Jared)。

二、对图片的美化

1、基本美化

如果选入的是一张普通的照片,那么后期处理必不可少。这时,我稍微提亮一点自己的图片,并降低图片的对比度。对图片的处理总是因照片而异,没有必须要做的步骤,目的是在于将照片调整到刚刚适合自己将要做出的效果即可。

2、利用标尺和参考线,在图片上方用钢笔工具画出一个三角形,三角形填充色为黑色。

3、为三角形图层增加渐变叠加,,渐变选用黑白渐变,白色滑块位置为90%,角度改为100度,其他均为默认设置。

以上就是一百分素材网小编为大家带来的Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计立体光影感十足的APP图标,希望对大家有帮助,了解更多相关资讯请关注一百分素材网。
与“Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计立体光影感十足的APP图标”相关推荐
Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计立体感十足的球状软件图标
Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计立体感十足的球状软件图标

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

2023-09-24 08:35:42
Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计立体时尚的软件APP图标
Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计立体时尚的软件APP图标

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

2023-06-16 18:58:39
Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计银色立体效果的APP图标教程
Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计银色立体效果的APP图标教程

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

2023-06-10 14:49:06
Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计绚丽的光线吉他壁纸效果
Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计绚丽的光线吉他壁纸效果

Photoshop设计绚丽格子特效的桌面壁纸互联网带给人更多选择的自由,同时,又让人失去另一些自由。在好看壁纸泛滥的时候,突然想起这句话“好看不是扮靓的最高境界”,就像设计也不仅为了好看一样。所有全屏大图做出设计时,往往一张图就能定江山。这张图的分量,也许是努力了好几个晚上的画作,或者是自己用刚买的中高端数码相机在某个深山旷野里对美景的捕捉。本教程就是教大家如何利用一

2023-05-25 00:39:07
Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计蓝色质感的方形APP图标
Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计蓝色质感的方形APP图标

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

2023-06-19 03:50:49
Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计立体插画风格的圆形图标
Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计立体插画风格的圆形图标

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

2023-08-23 16:37:14
Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计黄金质感的立体金币效果图
Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计黄金质感的立体金币效果图

Photoshop设计绚丽格子特效的桌面壁纸互联网带给人更多选择的自由,同时,又让人失去另一些自由。在好看壁纸泛滥的时候,突然想起这句话“好看不是扮靓的最高境界”,就像设计也不仅为了好看一样。所有全屏大图做出设计时,往往一张图就能定江山。这张图的分量,也许是努力了好几个晚上的画作,或者是自己用刚买的中高端数码相机在某个深山旷野里对美景的捕捉。本教程就是教大家如何利用一

2023-06-01 19:09:59
Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计绿色主题的立体图标教程
Photoshop设计绚丽格子特效的桌面壁纸 Photoshop设计绿色主题的立体图标教程

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

2023-09-11 13:31:33