當前位置:首頁 » 圖片資訊 » 如何製作圖片逐漸出現的效果
擴展閱讀
美女健身跳河視頻 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>