热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

html火焰字效果,ps怎样制作燃烧的火焰字巧用图层样式给字体增加火焰特效教程...

ps怎样制作燃烧的火焰字?运用PHOTOSHOP软件,可以很简单的制作大家想要的照片,本文的火焰字制作主要用图层样式来完成,首先找一些纹理

ps怎样制作燃烧的火焰字?运用PHOTOSHOP软件,可以很简单的制作大家想要的照片,本文的火焰字制作主要用图层样式来完成,首先找一些纹理素材,定义成图案;再给文字设置图层样式,并加入定义的图案,文字可以多复制几层,分别增加不同的纹理、颜色、高光等;最后再用火焰素材叠加,增加火焰效果,下面和小编一起来看看具体步骤吧。

最终效果

4d9bba51b349b7dda6a6c09180528f55.png

教程步骤:

1、打开PS软件,按Ctrl + N 新建文件,尺寸为1000 * 700像素,分辨率为72像素/英寸,然后确定。

0beba9b39f0f3f86a051263cd3f7eb65.png

2、把背景填充黑色。

a524ba908bde02828b4b98774d542b56.png

3、导入文字。把下面的文字素材保存到本机,然后用PS打开,用移动工具拖进来,并调整好位置。也可以使用自己喜欢的文字或素材。

e5f0fc000b9a6bba376f642e20639d9c.png

50786d2b7444eefbd60c6cba42b97c48.png

4、点击图层面板下面的添加图层样式按钮,设置图层样式。

fbfcadcfbca4ee3b8d557c63d4b1e4d7.png

斜面和浮雕:

34eb66883796594bc74bf00c44a695b1.png

纹理:图案为自带的云彩图案,没有的话可以按下面的方法载入

44aa785ed8329ad78a861947e2e761b1.png

点击红框的按钮,选择下面的“图案”,选择追加。

85c4417a5f96d3effb7571ce79b21db3.png

ab2a0901ef7cc7483eb90fe2c34abbd3.png

5、确定后把填充改为0%,效果如下图。

d36c1b0a4ceb0954888c2086d79fb95e.png

6、按Ctrl + J 把文字图层复制一层,得到文字副本图层,如下图。

d4b3785ba664832d86c02fd53bab4200.png

7、在图层面板文字副本图层缩略图后面的蓝色区域鼠标右键,选择“清除图层样式”,效果如下图。

413ec3d8b5108d4d01dcddc00f8a06e7.png

299a3100f804d722098e6bef9284c02c.png

8、下面来定义两款图案。把下面的两张文字素材保存到本机,然后用PS打开,分别选择菜单:编辑 > 定义图案,命名后关闭图片。

fdef18d6ba110997e23e0412b501cba7.png

31642b92ee3167fa31bc545d10d92b52.png

9、同样的方法给文字副本图层设置图层样式。 斜面和浮雕:

197714c107631115a3a5d14de7efab88.png

723579523d431115977a054194818bd8.png

纹理:选择之前定义的第一张图案。

e74d744e91dc48d97d890ca7b9ddda4a.png

内阴影:

2f9932a5b770608e79804adea40c0b4b.png

内发光:

2ef65f00e87795b147f84a2dc97ae913.png

519fb2a83f790fe209e33b2d149ca600.png

渐变叠加:

c0a9526abb2b9845b7bd01598038933e.png

4b1c46873a343cf55b6bc538f411be7d.png

图案叠加:选择定义的第二张图案。

941542dd868f104dcc81591e1f865628.png

外发光:

f10fcae8bc957ba362fe32c04fb084c8.png

10、确定后得到下面所示的效果。

d3cd4d393039201e804bd480561c9776.png

11、按Ctrl + J 把当前文字图层复制一层,清除图层样式后再重新设置。 斜面和浮雕:

28ba8b708ab2b9c220a8d63a32af2280.png

等高线:

e361dd96daaee4ce52ff5c63bb62aaff.png

12、确定后把图层不透明度改为53%,填充改为0%,如下图。

b0884f61fef0bcbe4a44113d19a61c85.png

13、把下面的纹理保存到本机,用PS打开,定义成图案后关闭。

201f262d6985156b95e1b712de0610cb.png

14、把当前文字图层复制一层,清除图层样式后再重新设置。 内阴影:

fd0348219ff407ccd9421623d0e20757.png

内发光:

04ec6eb270fbcd8c93e09e0fe1f7c86c.png

图案叠加:选择刚才定义的图案。

75dd58bbcd936987d621e9d84f781a67.png

15、确定后把填充改为0%,效果如下图。

63d359607a1366d7feb77574752fb9ae.png

16、按Ctrl + J 把当前文字图层复制一层,清除图层样式后再重新设置。 斜面和浮雕:

adee51b28984fea4085d0bbab218f11c.png

纹理:同样选择云彩图案。

8612530f68cf9676d132ce4ba8311ba2.png

外发光:

cb2ec0875ad12f4616eee1fe3cda9652.png

投影:

c2100c9fb2bca8b243e7ad6fa38dd969.png

17、确定后把填充改为0%,效果如下图。

d25ce27c18c659d2d84f5b97a5b4efa1.png

18、打开下面的火焰素材,用移动工具拖进来,放到文字副本4图层的下面,把混合模式改为“滤色”;添加图层蒙版,用柔边黑色画笔擦掉一些不需要的部分。

e2d1c64738c9f34584b36e9abeeb956b.png

2c7c7f4bdc13ac0a69af019f3ac540c5.png

最终效果:

4d9bba51b349b7dda6a6c09180528f55.png

教程到此结束,小伙伴是不是有所启发,何不自己动手尝试一下呢。

以上就是ps怎样制作燃烧的火焰字,巧用图层样式给字体增加火焰特效教程。相信看完之后对大家一定有所帮助。更多PS教程请继续关注脚本之家!

相关推荐:



推荐阅读
  • 基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • 如何实现织梦DedeCms全站伪静态
    本文介绍了如何通过修改织梦DedeCms源代码来实现全站伪静态,以提高管理和SEO效果。全站伪静态可以避免重复URL的问题,同时通过使用mod_rewrite伪静态模块和.htaccess正则表达式,可以更好地适应搜索引擎的需求。文章还提到了一些相关的技术和工具,如Ubuntu、qt编程、tomcat端口、爬虫、php request根目录等。 ... [详细]
  • 如何去除Win7快捷方式的箭头
    本文介绍了如何去除Win7快捷方式的箭头的方法,通过生成一个透明的ico图标并将其命名为Empty.ico,将图标复制到windows目录下,并导入注册表,即可去除箭头。这样做可以改善默认快捷方式的外观,提升桌面整洁度。 ... [详细]
  • Webpack5内置处理图片资源的配置方法
    本文介绍了在Webpack5中处理图片资源的配置方法。在Webpack4中,我们需要使用file-loader和url-loader来处理图片资源,但是在Webpack5中,这两个Loader的功能已经被内置到Webpack中,我们只需要简单配置即可实现图片资源的处理。本文还介绍了一些常用的配置方法,如匹配不同类型的图片文件、设置输出路径等。通过本文的学习,读者可以快速掌握Webpack5处理图片资源的方法。 ... [详细]
  • 本文内容为asp.net微信公众平台开发的目录汇总,包括数据库设计、多层架构框架搭建和入口实现、微信消息封装及反射赋值、关注事件、用户记录、回复文本消息、图文消息、服务搭建(接入)、自定义菜单等。同时提供了示例代码和相关的后台管理功能。内容涵盖了多个方面,适合综合运用。 ... [详细]
  • Nginx使用AWStats日志分析的步骤及注意事项
    本文介绍了在Centos7操作系统上使用Nginx和AWStats进行日志分析的步骤和注意事项。通过AWStats可以统计网站的访问量、IP地址、操作系统、浏览器等信息,并提供精确到每月、每日、每小时的数据。在部署AWStats之前需要确认服务器上已经安装了Perl环境,并进行DNS解析。 ... [详细]
  • 本文介绍了使用CentOS7.0 U盘刻录工具进行安装的详细步骤,包括使用USBWriter工具刻录ISO文件到USB驱动器、格式化USB磁盘、设置启动顺序等。通过本文的指导,用户可以轻松地使用U盘安装CentOS7.0操作系统。 ... [详细]
  • 本文介绍了在Python3中如何使用选择文件对话框的格式打开和保存图片的方法。通过使用tkinter库中的filedialog模块的asksaveasfilename和askopenfilename函数,可以方便地选择要打开或保存的图片文件,并进行相关操作。具体的代码示例和操作步骤也被提供。 ... [详细]
  • Nginx使用(server参数配置)
    本文介绍了Nginx的使用,重点讲解了server参数配置,包括端口号、主机名、根目录等内容。同时,还介绍了Nginx的反向代理功能。 ... [详细]
  • windows便签快捷键_用了windows十几年,没想到竟然这么好用!隐藏的功能你知道吗?
    本文介绍了使用windows操作系统时的一些隐藏功能,包括便签快捷键、截图功能等。同时探讨了windows和macOS操作系统之间的优劣比较,以及人们对于这两个系统的不同看法。 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 本文介绍了Java工具类库Hutool,该工具包封装了对文件、流、加密解密、转码、正则、线程、XML等JDK方法的封装,并提供了各种Util工具类。同时,还介绍了Hutool的组件,包括动态代理、布隆过滤、缓存、定时任务等功能。该工具包可以简化Java代码,提高开发效率。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 禁止程序接收鼠标事件的工具_VNC Viewer for Mac(远程桌面工具)免费版
    VNCViewerforMac是一款运行在Mac平台上的远程桌面工具,vncviewermac版可以帮助您使用Mac的键盘和鼠标来控制远程计算机,操作简 ... [详细]
  • 原文地址:https:www.cnblogs.combaoyipSpringBoot_YML.html1.在springboot中,有两种配置文件,一种 ... [详细]
author-avatar
乾岳_349
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有