怎么做火焰字?

发布网友 发布时间:2022-04-21 19:37

我来回答

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

做火焰字方法如下:
以ps为例。
1、首先打开PS,建立一个黑色背景的文档,用常用电脑中的字体写上想做出火焰效果的几个字,下面就以“火焰字”这三个字为例。
2、选择这个图层中的通道,复制出一份蓝色的通道出来,隐藏这个蓝色通道。
3、回到“火焰字”图层,变换这“火焰字”的图像位置,“Ctrl+D”快捷键,右击选择旋转的角度,这里我选择的是“顺时针选择90°”
4、接下来点击“滤镜-->风格化-->风”,注意风的大小,一般选择“风”就可以了,还有风吹的方向,火焰是网上的效果,所以我们选择“从左到右”
5、点击确定,就可以看到图像上稍微有些变化的了,但是风吹的效果还不是太明显。
6、那么“Ctrl+F”再次吹三次或者四次使得我们风吹出来的效果更加的明显。
7、接下来,把图像旋转回来,在通道中对齐刚才复制的蓝色通过和当前通过的位置。
8、对齐以后,接着把复制的蓝色通道图层隐藏,回到图层页面,选择“滤镜-->扭曲-->波纹”,数量参数设置为65左右,大小选择“大”。
9、点击确定以后就会发现,已经出现火焰的效果了,但是没有颜色。
10、接下来选择“图像-->模式-->灰度”,合并当前图层,扔掉颜色信息。再选择“图像-->模式-->索引”。
11、最后再选择“图像-->模式-->颜色表-->黑体”,点击确定。
12、接下来发现,颜色变了,自体呈现出了火焰般的效果。“火焰字”效果出来了。
13、最后导出,储存“火焰字”就算是做好了。

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

步骤:1、建立RGB模式的图像,背景填充为黑色,然后用文本工具输入“火焰字”三个字,字为白色。2、执行“图像”-旋转画布-90度逆时针”然后执行”滤镜-风格化-风”做出风的效果,如果你想要风大些,你重复多几次风格化就OK了,快捷键是(CTRL+F),然后执行“图像”-旋转画布-90度顺时针”.3、然后
这还不简单:来,根着我的步骤:
1、建立RGB模式的图像,背景填充为黑色,然后用文本工具输入“火焰字”三个字,字为白色。
2、执行“图像”-旋转画布-90度逆时针”然后执行”滤镜-风格化-风”做出风的效果,如果你想要风大些,你重复多几次风格化就OK了,快捷键是(CTRL+F),然后执行“图像”-旋转画布-90度顺时针”.
3、然后执行”滤镜-扭曲- 波浪”命令,制出图像抖动效果。
4、“图像-模式-灰度”、“图像-模式-索引模式”、、“图像-模式-颜色表”命令打开对话框,在颜色表列表框中选择“黑体”即可

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

首先你要学会photoshop

新建画布——填充黑色——图像菜单——灰度模式——选择文字蒙版工具——输入文字——新建图层——填充白色——取消选区——图像菜单——逆时针旋转画布90度——滤镜菜单——风格化——风——从右向左——旋转画布顺时针90度——图像菜单——索引颜色——图像菜单——模式——颜色表——黑体
火焰字制作完成!

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