求教怎么做出字体冒火的效果

发布网友 发布时间:2022-04-22 10:24

我来回答

4个回答

懂视网 时间:2022-04-22 06:26

我们知道,CSS3是可以做出很多酷炫的动画效果,那么今天的教学就是如何用CSS3的字体样式做出逼真的火焰特效文字,我们一起来看一下。

html:
<body>
<p>火火火火</p>
</body>
css:
<style>
body{ font-size:120px; font-family:'微软雅黑'; background:#000; color:#fff;}
@-webkit-keyframes test{
0%{
text-shadow:0 0 20px #fefcc9,10px -10px 30px #feec85,20px -20px 40px #ffae34,20px -40px 50px #f3d131,0 -80px 70px #f38e1c;
}
30%{
text-shadow:0 0 20px #fefcc9,10px -10px 30px #feec85,20px -20px 40px #ffae34,20px -40px 50px #f3d131,10px -90px 80px #f38e1c;
}
60%{
text-shadow:0 0 20px #fefcc9,10px -10px 30px #feec85,20px -20px 40px #ffae34,20px -40px 50px #f3d131,0px -80px 100px #f38e1c;
}
100%{
text-shadow:0 0 20px #fefcc9,10px -10px 30px #feec85,20px -20px 40px #ffae34,20px -40px 50px #f3d131,0 -80px 70px #f38e1c;
}
}
p{font-weight:bold; color:#fff;
text-shadow:0 0 20px #fefcc9,10px -10px 30px #feec85,20px -20px 40px #ffae34,20px -40px 50px #f3d131,0 -80px 70px #f38e1c;
animation:1s test linear infinite;
}
</style>


相信看了这些案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

相关阅读:

让div宽度自适应教学

网页的效果图与DIV+CSS关系

网页中使用h标签的开发经验

热心网友 时间:2022-04-22 03:34

Photoshop火焰字

火焰字主要应用文字工具、风滤镜、扩散、模糊、波纹、色相/饱和度调整等完成。具有燃烧效果的火焰字在黑色背景下效果最理想

制作方法:
1.设置图像的前景色和背景色为白色和黑色。

2.按“Ctrl+N”键,在弹出的新建对话框中设置图像宽度为100像素,图像高度为60像素,分辨率为72像素/英寸,模式为RGB模式,文档背景选择背景色。单击“好”按钮创建一个黑色背景图像。

3.在工具箱中选择文字工具,在文字对话框中设置字体为“隶书”、大小为“40点”、颜色为白色,输入文本“火焰”,单击“好”确定。将文字移动到图像的中下部。

4.选择“选择-载入选区”命令,在载入选区对话框中单击“好”按钮将图像中的文字部分选中。

5.选择“选择-存储选区”命令,在存储选区对话框中单击“好”按钮将图像中的文字选区保存到新建的Alpha1通道中,按“Ctrl+D”键取消选区。

6.选择“图层-拼合图层”命令将文字层与背景层拼合。

7.选择“图像-旋转-90度顺时针”命令,将图像按顺时针旋转90度。

8.选择“滤镜-风格化-风”滤镜,在风对话框中设置方法为“风”,方向为“从右”,单击“好”确定。

9.按“Ctrl+F”键,重复风滤镜,

10,选择“图像-旋转-90度逆时针”命令,将图像按逆时针旋转90度回到水平位置。

11.选择“滤镜-风格化-扩散”滤镜,在扩散对话框中选择“正常模式”,单击“好”确定。

12.选择“滤镜-模糊-模糊”滤镜,对图象进行模糊处理。选择“滤镜-模糊-进一步模糊”滤镜,对图形进行进一步模糊处理。

13.选择“滤镜-扭曲-波纹”滤镜,在波纹对话框中设定数量为100,大小为中,单击“好”按钮确定。

14.选择“选择-载入选区”命令,设置通道为“Alpha1”,单击“好”按钮,保存在Alpha1中的文字选区被载入。

15.选择“编辑-填充”命令,在对话框中用黑色填充选区,单击“好”确定

16.按“Ctrl+D”键取消选区。

17.选择“图像-调整-色阶”命令,在色阶对话框中设置输入色阶的数值为0,1.75和180,单击“好”按钮得到效果。

注:输入色阶中间调数值设置越大,则得到的火焰越大,效果越突出。高光值设置越小,火焰越明亮。

18.选择“图像-调整-色阶/饱和度”命令,在对话框中选中“着色”选项,输入色相值为25,饱和度为100,明度为0,单击“好”即可得到

热心网友 时间:2022-04-22 04:52

这要看你的字形和字体来配。最好有火焰素材,请说哪个字。

热心网友 时间:2022-04-22 06:27

这需要用PS软件技术才行,网上也有不少教程

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com