原标题:本教程火焰字效果非常逼真

本教程火焰字效果非常逼真。火焰部分为素材,不过作者经过特殊的处理,火焰各不相同。文字部分也经过一系列的处理,做成金色的效果,然后组合到一起。效果是如此的自然形象。跟真的一样,非常不错。

最终效果

1、背景制作:

在photoshop中创建一个新的文档,大小为1920×1200px。选择渐变工具,画一个棕色的径向渐变(颜色值是由#5c3d09到#1f1409),因此你得到了一个像下图一样的效果。

注意渐变不是从正中间开始画的,而是靠画面的顶部开始画的。我们想要文字顶部是火的效果,因此图像的顶部应该稍微更亮一些。

2、我们将再一次用到在草的特效文字教程中的一个背景纹理。但是这次并不是从头开始,而是直接复制草的特效文字教程中已做好的背景,混合所有的图层并且降低饱和度得到下图你所看到的效果。

如果你需要从头做起,首先你需要到Bittbox中得到最初的纹理图片,然后跟着先前的步骤做。

3、现在我们把纹理放入背景中进行混合,设置混合模式为叠加。

4、让我们运用纹理化滤镜来增加一些纹理。我首先新建一个图层并用棕色(#66500f)来填充。然后运用滤镜>纹理>纹理化,设置纹理画布下的缩放值为80%,凸显为4。

5、设置此图层的混合模式为叠加,因为我们是在一个很大的画布上工作,所以增加一些好的额外细节会让它看上去更加的棒。

6、接下来,我们将应用一个图层来稍微降低此图像下半部分的饱和度。这样做的目的是为了让顶部火的位置看上去有一股很热的光,而底部看上去有点冷。

因此我创建一个新的图层,并用颜色(#4b4f3b)进行填充,然后增加一个图层蒙版,利用渐变隐藏图像的上半部分。(现在你应该得到下图这样的效果)。

现在设置图层的混合模式为颜色,不透明度为45%。

7、现在我们已经拥有一个漂亮的背景了!现在让我们增加一些文字。我用的字体是Trajan,因为这种字体运用在此处感觉非常棒。我为字体添加一种颜色(#cb9328),然后设置图层的混合模式为线性减淡(添加),降低不透明度为8%。

我们将要运用红色的火焰给这个文字的上半部分增加一些效果,使它从背景中跳出来。这个就意味着我们将要给文字增加一些效果和图层蒙版,目的是为了只显示文字的上半部分,而文字的下半部分仍旧和当前的若隐的效果一样。

8、首先创建一个新的图层组,将所以的文字图层放入进去–因为这里文字将会很多。 然后复制文字图层,设置复制的文字的颜色值为#5e3f1c。

9、现在设置最新的文字图层为叠加,不透明度为70%。它看上去是一种很棒的微红色。(像下图展示的一样)

10、现在再一次复制文字图层,并设置最新的复制图层为微黄色(#cb9328)。然后设置它为线性减淡(添加)和降低不透明度为30%。

接着我们增加一个图层蒙版,并绘制一个渐变,因此最新的文字图层若隐的感觉如下图所示,结合下面的两个文字图层,你能看到文字底部微微泛红的颜色。

11、接下来我们再一次复制这个文字图层,这一步是为了给文字的底部增加一种好的感觉。设置文字颜色为黑色(#000000),然后运行滤镜>模糊>高斯模糊,设置半径为4像素。栅格化文字,选择>修改>扩展.

然后Ctrl+按住任意一个别的文字图层,并且返回到黑色图层,点击删除,因此只留下了一个很柔和的阴影。接着复制这个图层并且合并产生一种很沉重的效果。你做出来的应该跟下面的截图很像。

12、按照下图所示,再一次利用图层蒙版快速制作出阴影渐隐的效果。这样可以使文字看上去像浮出画面的效果。

13、现在再一次复制黑色图层,运用涂抹工具,用一个相当大的软笔刷在阴影的周围涂抹,使它看上去像燃烧的痕迹。

14、现在我们的文字效果看上去如下图。我实际上建立了两处”燃烧”痕迹,这四个阴影图层每一个都比上一个要模糊一些。

原文链接:PS自学网http://www.pszxw.net/photoshop/201706/245.html

散文网http://www.tacool.cn

站长博客http://www.jiaidc.com返回搜狐,查看更多

责任编辑:

HTML文字阴影火焰,本教程火焰字效果非常逼真相关推荐

  1. html文字阴影兼容ie,IE之css3效果兼容

    一用能境战求道,重件开又是正易里是了些之框.兼容css阴影效果(ie滤镜求圈分件圈浏第用代是水刚道.的它还) 1.Shadow,阴影 .碎前整要们开自近事端个广的的带近事端个广shadow { -mo ...

  2. css3文字阴影和盒子阴影

    首先,圆角的话我们已经在前面提到过,也写过很多次了,这里再给大家发以下代码的写法,做一个温习就过了: 那么效果如下: border-raidus 所设置的px越大,圆角效果越明显,只有当元素的宽度和高 ...

  3. HTML文字阴影火焰,CSS3文字特效属性text-shadow的介绍,实例讲解火焰文字效果

    早些时候,要实现文字的阴影效果要用图片,这很不方便,但是现在,可以通过CSS3的text-shadow为字体添加阴影,给text-shadow设置相应的属性值,来实现现一些需要的字体阴影效果,减少了图 ...

  4. 文字和页面特效——实现火焰文字

    实现火焰文字 实例描述 在浏览页面时,经常会看到文字的火焰效果.本实例将使用CSS3来实现文字的燃烧效果.运行本实例,在页面中会输出几个燃烧的火焰文字,结果如图所示. 技术要点 在本实例中,实现文字的 ...

  5. html5 火焰效果图,css3火焰文字特效

    这是一款效果非常炫酷的css3火焰文字特效.该css3火焰文字特效仅用10行代码就可以实现,效果特别炫酷. 使用方法 HTML结构 使用任意元素来包裹要实现火焰文字特效的文字. jQuery之家 CS ...

  6. ShaderWeaver使用教程-火焰制作

    ShaderWeaver使用教程-火焰制作 声明:本系列为网络搬运总结,多为英文资料,翻译的不好的请见谅.想查看原版视频教程的可以去YouTube,插件作者为国人,但是目前并没有中文相关资料.或者查看 ...

  7. 8.1.4 CSS3文字(1)( 文字阴影和描边、文字排版、自定义文字 )

    1. 文字阴影 text-shadow: x y blur color, ... 参数 - x 横向偏移 - y 纵向偏移 - blur 模糊距离 - color 阴影颜色 注:文本阴影如果加很多层, ...

  8. CSS3---6.文字阴影

    text-shadow还没有出现时,大家在网页设计中阴影一般都是用photoshop做成图片,现在有了css3可以直接使用text-shadow属性来指定阴影.这个属性可以有两个作用,产生阴影和模糊主 ...

  9. css3中animation动画、浏览器私有前缀、文字阴影

    animation动画: 可以设置多个节点来控制一个或 一组动画,动画可以实现更多变化,更多控制,连续自动播放等效果.动画的使用分两步:1.定义动画 2.调用动画(调用必须写调用名称和持续时间),其属 ...

  10. 网页边框和网页文字阴影

    CSS: <style type="text/css"> /* 为 DIV 加阴影 */ .out { position:relative; background:#b ...

最新文章

  1. OpenCV学习(19) 细化算法(7)
  2. 前端学习(1437):vue一些链接
  3. 年近八旬教授曾一次性捐款8000多万,今获省杰出贡献奖!
  4. 1.12 深层循环神经网络
  5. Nokia Lumia(WP7.5) 新手入门的摸索
  6. 机器学习之支持向量机(SVM)小结
  7. vue-cli3 按需加载loading,服务的方式调用
  8. 第2.2节 Python的语句
  9. “跟着吴恩达老师入门机器学习”学习笔记(二)
  10. touchpanel驱动
  11. OK6410之uboot移植
  12. 使用它给 ​xxl-job 添加任务,太爽了
  13. excel表格斜线_老中医坐诊,专治Word表格各种不服
  14. html滤镜菜鸟教程,如何成为风光摄影菜鸟基础拍摄篇
  15. Scrum Master: 应做和不应做的事情
  16. 使用scrapy爬取京东产品详细信息
  17. 完整版一元稀疏多项式计算器
  18. 返回结果的HTTP状态码-HTTP(四)
  19. 第063讲: 论一只爬虫的自我修养11:Scrapy框架之初窥门径 | 学习记录(小甲鱼零基础入门学习Python)
  20. Attention Map

热门文章

  1. 计算机配置64位几个字节,电脑装32位还是64位系统
  2. 苹果怎么给软件加密码_给SIM卡设置密码被锁了怎么办?解锁的PUK码在哪?
  3. Java语言基础03-标识符、关键字、字面值、变量、数据类型
  4. python 拼音搜索中文_汉语转拼音工具、新华字典API——两个支持Python的中文资源...
  5. 转://Oracle 11gR2 硬件导致重新添加节点
  6. 百万邮做邮件营销的邮箱配置
  7. 电商双十一调查数据分析报告
  8. 安徽软件技术职业适应性测试,2019年职业适应性(职业技能)测试纲要
  9. MSP430之仿真器驱动安装问题
  10. M2M技术的基本框架