如何制作发光效果的图片,让图片产生荧光效果

如何制作发光效果的图片,让图片产生荧光效果,第1张

如何制作发光效果图片呢?下面我来教大家。

01

首先,我们打开我们的电脑,然后我们打开我们电脑上面的ppt,之后我们点击插入,然后点击图片;

02

d出的界面,我们点击选中一张图片,然后我们点击插入;

03

之后我们点击图片效果边上的下拉箭头;

04

然后我们点击发光,之后我们点击图示中的那个选项;

05

最终结果如图所示,这样我们就制作好一张发光的图片了。

最方便的就是用PS先给图片做个外发光出来,然后切图直接把发光部分一起切出来导成PNG格式的发光部分为透明背景的图片,如果是想做鼠标触发效果,那就再做一张大小一样的没外发光的图片

CSS样式无法直接写出外发光效果,不过有一个方法可以做出来,如果外发光的扩散范围不大,大概是3px-5px;就可以通过div嵌套并调整边框颜色来达到一定的效果,不过这种方法挺麻烦的,不怎么好用

举例:

<div style=" width:200pxborder:1px solid #1e0000">

<div style=" width:100%border:1px solid #330000">

<div style=" width:100%border:1px solid #4c0000">

<div style=" width:100%border:1px solid #6b0000">

<div style=" width:100%border:1px solid #8e0000">

<div style=" width:100%border:1px solid #b70000height:100px"></div>

</div>

</div>

</div>

</div>

</div>

我可以很抱歉的告诉你,这个页面发光的不是flash文件,并且这个页面根本不存在flash。里面的你看到的那个发光的类似水上浮的效果,是用3张独立的图片,加上html5和css3做出来的


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6195630.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存