发布网友 发布时间: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软件技术才行,网上也有不少教程