当前位置:首页 » 图片资讯 » 如何制作图片逐渐出现的效果
扩展阅读
美女健身跳河视频 2023-08-31 22:08:21
西方贵族美女照片真人 2023-08-31 22:08:15

如何制作图片逐渐出现的效果

发布时间: 2022-08-17 14:17:01

1. AE 里如何做出视频里渐渐浮现出来的效果

蒙版的方法,需要一张不均匀并且有黑白渐变的贴图,做为上层,下层是你想要的图案,两层叠加做个蒙版,颜色蒙版或者阿尔法看你贴图情况去选择,可以在叠加模式里反转。

2. 在FLASH里怎么设置一张图片的逐渐显示

1,将图片导入FLASH中转换成元件,然后在场景中新建关键帧,并将图片元件放到场景中的关键帧处。如下图。

3. PPT里面怎么让图片逐步呈现

在PPT2007中,按shift键按顺序分别选中多张图片——动画——自定义动画——添加效果——进入——飞入或出现,这时在动画窗格就出现多个动画效果,并且均在选中状态,输入“开始:单击时”即可。这样,放映PPT时,单击一次按顺序出现一个图片。

4. 做ppt,文字图片一个一个慢慢出来的那个怎么弄

1、打开powerpoint2010后,新建一个ppt幻灯片。如下图所示。
2、输入需要制作动画的文字或图片,如下图所示。
3、在“动画”的功能区,选择“飞入”,如下图所示。
4、在动画设置里对参数进行设置,如图所示。
5、当然,当动画效果设置过多时,会略显复杂,需要仔细琢磨研究,排序。

5. 如何在图片中制作文字渐渐显示的效果

最后找个gif制作软件,比如Firework MX , imageready(Photoshop自带)什么的,
效果可以利用多个图层相同文字的不同帧显示,文字图层的显示顺序为透明度越来越小就可以了。

6. css图片慢慢出现效果

利用css3来实现图片渐入效果。
下面是页面中的一段html:
<div class="features">
<div class="container">
<div class="inner feature">
<div class="content">
<h2 class="title"><img src="./imgs/title1.png" alt=""/></h2>
<p class="text">256位SSL加密安全连接,手机短信验证、谷歌两步验证、资金密码、邮箱验证四重验证保障安全,钱包分布式离线冷存储</p>
</div>
<img class="icon" src="./imgs/feature-icon1.png" alt=""/>
</div>
</div>
<div class="container middle">
<div class="inner feature">
<div class="content">
<h2 class="title"><img src="./imgs/title1.png" alt=""/></h2>
<p class="text">256位SSL加密安全连接,手机短信验证、谷歌两步验证、资金密码、邮箱验证四重验证保障安全,钱包分布式离线冷存储</p>
</div>
<img class="icon" src="./imgs/feature-icon2.png" alt=""/>
</div>
</div>
<div class="container">
<div class="inner feature">
<div class="content">
<h2 class="title"><img src="./imgs/title1.png" alt=""/></h2>
<p class="text">256位SSL加密安全连接,手机短信验证、谷歌两步验证、资金密码、邮箱验证四重验证保障安全,钱包分布式离线冷存储</p>
</div>
<img class="icon" src="./imgs/feature-icon3.png" alt=""/>
</div>
</div>
</div>
首先,需要先定位图片,把图片定位在渐入后最终停留的位置:
.feature .icon { position: absolute; top: 100px;
}
接着,利用css3的transform属性和translate()方法实现图片的偏移,还有就是将图片透明度设为0(即完全透明):
.feature .icon { position: absolute; top: 100px; transform: translate3d(0, 0, 150px); -ms-transform: translate3d(0, 150px, 0); -webkit-transform: translate3d(0, 150px, 0); -o-transform: translate3d(0, 150px, 0); -moz-transform: translate3d(0, 150px, 0); opacity: 0;
}
这边需要加上各浏览器的前缀来兼容一些低版本浏览器。这些属性和方法的具体用法这边就细讲了。
然后,要用到的是css3的transition属性:
.feature .icon { position: absolute; top: 100px; transform: translate3d(0, 0, 150px); -ms-transform: translate3d(0, 150px, 0); -webkit-transform: translate3d(0, 150px, 0); -o-transform: translate3d(0, 150px, 0); -moz-transform: translate3d(0, 150px, 0); opacity: 0; transition: transform 1s ease 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s ease 0s, opacity 1s ease 0s; -webkit-transition: -webkit-transform 1s ease 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s ease 0s, opacity 1s ease 0s; -ms-transition: -ms-transform 1s ease 0s, opacity 1s ease 0s;
}
transition属性是一个过渡属性,当元素从一种样式变换为另一种样式时为元素添加效果。
到这还没有效果。我们要达到的效果是:当网页往下滚动,图片出现或将要出现在视窗时,我们来触发这个过渡效果,就像大家看到的下面这张图片一样。这个做法就像图片的惰性加载,图片还没出现在视窗中时,先不加载,出现时再去加载图片,这样的效果就是用户访问页面的速度提升了。

7. ps怎么给图片制作一个漂亮的渐变效果

1、首先启动Photoshop cs5,执行文件-打开命令,打开一副事先准备好的图片,裁剪大小设置为800*600.
2、选择工具箱里的魔棒工具,选择画布的黑色背景,执行选择-反向命令,选中花朵,右键单击从下拉菜单中选择通过拷贝的图层。
3、选择图层1,执行ctrl+t组合键进行自由变换,按住alt键进行拖拽,实现等比例缩放,按回车键进行确定。
4、修改该图层1的填充和透明度均为10,执行ctrl+shift+alt+t组合键,连续十次,再次建立不同的十个图层。
5、执行窗口-动画命令,调出动画对话框,点击复制所选帧按钮,创建一个帧,修改最上面图层的不透明度为100,填充为30.并隐藏其他图层。
6、接着再次新建一帧,取消隐藏图层1副本9,隐藏其他图层,设置该图层的不透明度为100,填充为40,采取同样的方法依次修改其他图层,不透明度均为100,填充每次递加10.
7、依次修改每一帧的延迟时间为0.1秒,接着选择1-13帧,执行拷贝多帧命令,再次执行粘贴多帧,在弹出的对话框中选择粘贴在选择帧之后。
8、接着把粘贴得到的帧执行反向帧命令,点击动画窗口里的播放查看效果变化,这样一个动态的渐变效果就基本成型了。
9、执行文件-存储为web和设备所用格式命令,在弹出的对话框中设置为gif格式,颜色为256,点击存储按钮。
10、这样图片的渐变效果就制作完成了,执行文件-存储为命令,在弹出的对话框中输入名称,保存类型为psd,保存在桌面上即可。

8. 网页制作中怎么让文字或图片渐渐显现出来

<html>
<head>
<title>幻影文字</title>
<style>
.40pt{position: absolute; top:20; left:300; width:300; height:300; font-size:40pt;
text-align:left; filter: revealTrans(Transition=12, Duration=2)}
.30pt{font-size:50pt;color:red;}
</style>
<script>
function HelpArray(len) {
this.length=len
}
HelpText = new HelpArray(7)
HelpText[0] = "通常我们所见的界面的转换都是直接跳过去。"
HelpText[1] = "而这个例子中的效果是这样的:"
HelpText[2] = "前面的慢慢的溶解,后面的慢慢的显现。"
HelpText[3] = "我觉得这很有点powerpoint中味道。"
HelpText[4] = "用了滤镜后这种效果的实现相当的方便。"
HelpText[5] = "而且可以按自己的意愿任意组合变换效果。"
HelpText[6] = "烈火学院 www.veryhuo.com 欢迎访问。"
var i = -1
function playHelp()
{
if (i == 6) {i = 0} //循环显示
else
{
i++
}
div1.filters[0].apply()
div1.innerText = HelpText[i]
div1.filters[0].play()
mytimeout = setTimeout("playHelp()",3000)
}
</script>
</head>
<body onload = playHelp()>
<DIV id=div1 class=40pt
onload=playHelp()>
</DIV>
<div style="position:absolute;top:330">
<p align=center><font class=30pt>换页的效果,不再那么呆板</font></p>
</body>
</html><br /><center>如不能显示效果,请按Ctrl+F5刷新本页,更多网页代码:<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>