时尚的3D镂空文字效果实例教程

今天刚好在网上看到了时尚的3D文字效果,于是动手模仿设计了一下。下面给大家分享一下俺的劳动成果吧——

3D 立体 镂空 字体

从效果图可见,这文字的3D效果不仅仅是从阴影和渲染上下了点功夫,连字体上也同样使用了Sullivan三种镂空效果的字体(实例中附有)。下面就简述一下整个制作过程吧!

1、首先新建一个1200*500尺寸的文档,然后用#e4cba9填充背景色。

2、分别用Sullivan的三种镂空字体在同一位置上输入56gee.com,如下图所示:

3D 立体 镂空 字体
图1

3、为了令阴影效果增强逼真的3D立体感,选中上述三种文字的最底层(字体Sullivan的Fill效果)为原图,不断复制相同层,然后向左和向下各移动一个像素;按照此方法反复操作多次,最终形成一个立体感:

3D 立体 镂空 字体
图2

4、将以上步骤的图层全部选中,单击右键“转换为智能对象”,然后将其变成选区,并用颜色#9f4517进行填充,如下所示:

3D 立体 镂空 字体
图3

5、将上述处理好的图层放置原来56gee.com的三种字体下面,然后调整位置,得到下面立体效果:

3D 立体 镂空 字体
图4

6、复制图3,然后调整其位置到三种字体的右上方,如下图5所示:

3D 立体 镂空 字体
图5

7、选择“滤镜”——“模糊”——“高斯模糊”,半径为7.5像素:

3D 立体 镂空 字体
图6

8、选择“滤镜”——“模糊”——“动感模糊”,角度:45度,距离:50像素,如下图所示——

3D 立体 镂空 字体
图7

9、制作小方格的背景横条——用选取工具画出一个矩形状,然后用预先定义好的小方格背景(实例中附带)进行填充,如图8所示;并得到图9所示的效果:

3D 立体 镂空 字体
图8

3D 立体 镂空 字体
图9

10、增强文字的立体感——将图9的设计图(包括背景)复制一份出来,然后将图层置上,并将其设置为下图所示(模式:变暗,不透明度:50%):

3D 立体 镂空 字体
图10

11、继续将图9的设计图(这次不用背景)复制一份出来,然后放置顶层,并将其设置为下图所示(模式:叠加,不透明度:30%):

3D 立体 镂空 字体
图11

12、最后,为了添加一点时尚的活力感,给设计背景图增加上一层灰墙(实例中附带)的蒙层效果(放置最顶层),并设置为模式:正片叠底,不透明度:80%:

3D 立体 镂空 字体

得到最终效果图——

3D 立体 镂空 字体

实例下载

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值