首页 > 设计培训 > 正文

Photoshop制作金色大气的立体字教程 Photoshop制作逼真的弥散阴影效果图

2023-09-17 02:01:51 | 素材网

对于设计培训比较关注的小伙伴们一定非常关心Photoshop制作金色大气的立体字教程 Photoshop制作逼真的弥散阴影效果图,今天素材网小编为大家整理了以下内容,下面一起来看看吧。

Photoshop制作金色大气的立体字教程 Photoshop制作逼真的弥散阴影效果图

Photoshop制作金色大气的立体字教程

选择你所有的3D层(单击顶部的一个,按住Shift键,然后单击底部的一个),执行3D-合并3D层。把所有3D层在一个场景。

步骤4

打开3D面板和属性面板,(窗口菜单下找到)。

在3D面板选择文本形状网格名称标签(选择一个然后Ctrl/Cmd +选择其他),改变挤压深度值在属性面板数值自定。

在属性面板单击顶部的盖子图标,并改变斜宽3和等高线。

在3D面板选择所有组件 在属性面板点击坐标图标,改变X旋转角为90°,垂直于地平面。(为了观看方便我把背景颜色改变为灰色)

Photoshop制作金色大气的立体字教程 Photoshop制作逼真的弥散阴影效果图

步骤5

打开3D地面视图(视图-显示-3D地面)在3D面板选择摄像机标签调整到合适视角。

Photoshop制作金色大气的立体字教程 Photoshop制作逼真的弥散阴影效果图

Photoshop制作逼真的弥散阴影效果图

之前发了两篇弥散阴影的教程,从新手版到进阶版,同学们应该都学会了,今天来最后一发教程,除了复习一下Photoshop 做弥散阴影的方法,学完弥散阴影就通关了。一起来跟上趋势。

目录

什么是弥散阴影?

用Photoshop来设计的方法:

使用矢量图形技术

使用图层下拉阴影技术

使用智能对象技术

用Sketch来设计的方法素材网

用HTML/CSS来设计的方法

HTML/CSS参考案例

可供参考的创意UI设计

什么是弥散阴影?

具体的英文名称尚未决定,但这种技术一般被称为弥散阴影(英: Diffuse Shadow),与普通的阴影技术相比,他能表现出更有深度的感觉。虽然说是从平面设计中衍生出来的一种技术,但也反映出了现在的设计潮流。

Photoshop 的设计方法

使用Photoshop,你可以用多种方法轻松地实现弥散阴影效果。这一次,我们来简单的介绍一下利用【矢量图形】【图层下拉阴影】【智能对象】来实现效果吧。

01. 使用矢量图形技术

这次介绍的Photoshop中的方法,也许是最简单的方法,也是最容易编辑的方法。首先让我们准备好需要添加效果的图像。作为演示,,我使用下面的UI组件作为案例。

选择【长方形】工具,创建一个与图像相同大小的长方形。在这里,我设定的是750 x 1334 px。选择【长方形】工具后直接点击画布,你可以看到弹出一个让你设置大小的对话框,输入数值就可以了。

将画好的形状图层放置在UI的下面,然后在两个图层之间按住Option【MAC】/Alt【windows】键,然后单击。

复制刚刚做好的形状图层,把图层命名为【阴影】。然后自由变换【快捷键CTRL+T】,宽高调整为原来的80%,然后底部居中对齐。

然后选择【移动工具】,选择刚刚变小的图层,向下移动20px。你可以选中这个图层,shift键按住不放,然后按两下向下箭头,一次是移动10px。

然后选择【窗口】菜单中的【属性】,让我们来调整【模糊】的值,应用的值的大小取决于你设计的图像大小,在这次案例中,我们选择66px。

应用模糊后,我们再将图层的不透明度设置为80%,就大功告成了。

然后我们选中这三个图层,右键给他们编一个组【CTRL+G】。这样我们就可以同时移动多个图层了。

到这里就全部都完成了,因为应用的是矢量图层,所以数值是随时都能变化的。你也可以自由定制一个属于你的优秀设计。

以上就是素材网小编为大家带来的内容了,希望能够帮助到大家,了解更多设计培训资讯敬请关注素材网。
与“Photoshop制作金色大气的立体字教程 Photoshop制作逼真的弥散阴影效果图”相关推荐
Photoshop制作逼真的弥散阴影效果图 Photoshop制作金色大气的金属艺术字教程
Photoshop制作逼真的弥散阴影效果图 Photoshop制作金色大气的金属艺术字教程

Photoshop制作逼真的弥散阴影效果图之前发了两篇弥散阴影的教程,从新手版到进阶版,同学们应该都学会了,今天来最后一发教程,除了复习一下Photoshop做弥散阴影的方法,学完弥散阴影就通关了。一起来跟上趋势。目录什么是弥散阴影?用Photoshop来设计的方法:使用矢量图形技术使用图层下拉阴影技术使用智能对象技术用Sketch来设计的方法用HTML/CSS来设计的方法H

2023-09-12 14:33:21
Photoshop制作时尚大气的51金属字教程 Photoshop制作逼真的弥散阴影效果图
Photoshop制作时尚大气的51金属字教程 Photoshop制作逼真的弥散阴影效果图

Photoshop制作时尚大气的51金属字教程本教程主要使用Photoshop制作时尚大气的51金属字教程,效果字由三部分构成:表面字、立体面、火焰背景。表面字用多个加好图层样式的文字图层叠加,得到锈迹字效果;再用表面字等比例复制得到立体面;最后用火焰uimaker.com/uimakerdown/">素材装饰背景,即可得到不错的效果。教程所需要的图案素材:MissYuan_教程图案素材.r

2023-09-13 08:00:23
Photoshop制作中秋节金属立体字教程 Photoshop制作逼真的弥散阴影效果图
Photoshop制作中秋节金属立体字教程 Photoshop制作逼真的弥散阴影效果图

Photoshop制作中秋节金属立体字教程1、打开PS,新建一个1000*750像素,分辨率为72像素/英寸的画布,背景填充黑色。保存下图所示的文字uimaker.com/uimakerdown/">素材到本机,用PS打开后,用移动工具拖进来,并调整好位置。2、双击图层面板文字缩略图后面的蓝色区域设置图层样式,参数设置3,确定后把填充改为:0%,效果4。3、按Ctrl+J把当前文

2023-07-15 23:26:04
Photoshop制作超酷的国庆黄金立体字 Photoshop制作逼真的弥散阴影效果图
Photoshop制作超酷的国庆黄金立体字 Photoshop制作逼真的弥散阴影效果图

Photoshop制作逼真的弥散阴影效果图之前发了两篇弥散阴影的教程,从新手版到进阶版,同学们应该都学会了,今天来最后一发教程,除了复习一下Photoshop做弥散阴影的方法,学完弥散阴影就通关了。一起来跟上趋势。目录什么是弥散阴影?用Photoshop来设计的方法:使用矢量图形技术使用图层下拉阴影技术使用智能对象技术用Sketch来设计的方法用HTML/CSS来设计的方法H

2023-09-19 02:55:09
Photoshop制作橙色圆润的新年立体字 Photoshop制作逼真的弥散阴影效果图
Photoshop制作橙色圆润的新年立体字 Photoshop制作逼真的弥散阴影效果图

Photoshop制作橙色圆润的新年立体字详细过程:, Photoshop制作逼真的弥散阴影效果图之前发了两篇弥散阴影的教程,从新手版到进阶版,同学们应该都学会了,今天来最后一发教程,除了复习一下Photoshop做弥散阴影的方法,学完弥散阴影就通关了。一起来跟上趋势。目录什么是弥散阴影?用Photoshop来设计的方法:使用矢量图形技术使用图层下拉阴影技术使

2023-09-14 06:47:00
Photoshop制作黄金艺术字教程 Photoshop制作逼真的弥散阴影效果图
Photoshop制作黄金艺术字教程 Photoshop制作逼真的弥散阴影效果图

Photoshop制作2015黄金艺术字教程1、新建一个1000*700像素,分辨率为72的画布,选择渐变工具,颜色设置2,然后由中心向边角拉出图2所示的径向渐变。2、在图3上面右键选择“图片另存为”,保持到本机,然后用PS打开,,再选择菜单:编辑>定义图案,名称自定。确定后回到新建的文件。3、新建一个图层,选择菜单:编辑>填充,在弹出的对话框选

2023-09-23 21:48:27
Photoshop制作金色华丽的3D艺术字教程 Photoshop制作逼真的弥散阴影效果图
Photoshop制作金色华丽的3D艺术字教程 Photoshop制作逼真的弥散阴影效果图

Photoshop制作金色华丽的3D艺术字教程1、打开PS软件,新建一个1000*700像素,分辨率为72像素/英寸的画布。选择渐变工具,颜色设置1,拉出图2所示的径向渐变作为背景。2、选择文字工具,选择一款字体,然后设置大小和颜色,如下图,输入想要的文字,4。3、双击图层面板当前图层缩略图后面的蓝色区域设置图层样式。投影:斜面和浮雕:样式“外斜面”

2023-07-19 17:29:40
Photoshop制作细腻的镏金福字 Photoshop制作逼真的弥散阴影效果图
Photoshop制作细腻的镏金福字 Photoshop制作逼真的弥散阴影效果图

Photoshop制作细腻的镏金福字金属字用图层样式制作是非常快的,不过制作的时候最好把文字多复制几层,并把副本图层的填充改为零,再用不同的图层样式来增加高光及暗部层次,范围,这样出来的效果就更漂亮,细腻。 最终效果<图1>1、新建一个800*600像素,分辨率为72的画布。选择渐变工具,颜色设置为橙红色至暗红色渐变2,然后由中心位置向边角拉出图3所示的径向渐

2023-09-14 07:29:32