您現在的位置是:電腦技術吧?>? 基礎知識 ??>??文字特效,如何在AE上做文字特效??>??正文詳情

文字特效,如何在AE上做文字特效

多元龍2019-11-16 12:00:45 人圍觀
簡介AE文字特效教程應用目的:制作文字效果應用軟件:dreamweavermx操作難度:★★★★★★我們常用的網頁制作工具dreamweavermx不僅可以制作網頁,還可以使用其中文字特效軟件

應用目標:制作文字特效  應用軟件:DreamweaverMX  操作難度:★★☆☆☆  我們常用的網頁制作工具DreamweaverMX不僅可以制作網頁,而且利用其中的CSS濾鏡我們還可以對文字或圖片進行簡單的特效處理。

下面我們就通過幾個例子來看一看在Dreamweaver中是如何制作特效文字的。

  光暈字  首先啟動Dreamweaver,在新文檔中插入一個11的表格,邊框設置為0,然后在其中輸入需要修飾的文字。

  單擊右面的浮動面板中的設計CSS樣式打開這一浮動面板。

  面板右下角的四個按鈕分別是:添加、新建、編輯以及刪除CSS樣式。

  注意:在Dreamweaver中,CSS濾鏡只能作用于有區域限制的對象,如表格、單元格、圖片等,而不能直接用于文字,所以我們要把所需要增加特效的文字事先放在表格中,然后對表格應用CSS樣式,從而使文字產生特殊效果。

  圖1新建CSS樣式  單擊新建CSS樣式按鈕,彈出如圖1的對話框。

  類型項選擇創建自定義樣式,定義在選擇僅對該文檔,點確定后彈出CSS樣式定義對話框(如圖2),在類型面板中我們可以定義字體、字號、顏色等內容,本例中我們選擇字體為隸書,大小50像素,顏色為白色。

  圖2定義CSS樣式  要產生文字特效,最重要的是在擴展面板(如圖3)中的設置,在視覺效果下的過濾器中列出的就是所有的CSS濾鏡,選擇Glow濾鏡,它可以使文字產生邊緣發光的效果。

Glow濾鏡的語法格式為:Glow(Color=?,Strength=?),里面有兩個參數:Color決定光暈的顏色,可以用如ffffff的十六進制代碼,或者用Red、Yellow等單詞表示;Strength表示發光強度,范圍從0到255。

本例中我們設置顏色為紅色(Red),發光強度為8,然后確定。

  圖3設置好Glow濾鏡  下面我們將這個CSS樣式應用到表格中。

把光標移到單元格中,在文檔窗  口左下角點擊標簽選中單元格,然后單擊剛才在CSS樣式面板中新建的樣式,這時標簽變為,表明已經對單元格應用了CSS樣式。

我們在文檔窗口中看不出變化,按F12鍵在IE中預覽,效果就出來了(如圖4)。

  圖4光暈字效果  怎么樣?不次于在Photoshop中的濾鏡效果吧。

在網頁里放上幾個這樣的特效字會讓網頁美觀不少,而且我們也可以用PrintScreen鍵抓屏,然后在畫圖程序中粘貼保存使之成為單獨的圖片。

  陰影字  有兩種CSS濾鏡能夠使文字產生陰影效果,分別是Drowshadow和Shadow,它們產生的效果略有所不同。

  制作陰影字的操作步驟與制作光暈字的過程基本相同,只要在CSS樣式中重新選擇一種過濾器即可。

  Drowshadow濾鏡的語法如下:DropShadow(Color=?,OffX=?,OffY=?,Positive=?)。

  其中,Color表示投射陰影的顏色,用十六進制數來表示;OffX、OffY分別代表陰影偏離文字位置的量,單位為像素;Positive為一個邏輯值,1代表為所有不透明元素建立陰影,0代表為所有透明元素建立可見陰影。

  圖5陰影字效果  例如把過濾器設置為DropShadow(Color=6699cc,OffX=2,OffY=2,Positive=1),產生的效果如圖5。

  遮罩字  CSS濾鏡中還為我們提供了遮罩的功能,可以把文字部分處理成遮罩,如果在背景中使用合適的圖片,就能產生漂亮的鏤空文字效果。

  文檔窗口中插入一個11的表格,單擊文檔窗口左下角的標簽選中整個表格,在屬性檢查器(如圖6)的背景圖像中選擇一張合適的圖片,然后在單元格中輸入需要的文字。

  圖6  接下來我們為單元格添加Mask濾鏡,步驟與前兩例類似。

在過濾器中選擇Mask(Color=?),這個參數決定遮罩的顏色,我們選擇用白色。

  注意:本例中文字的顏色選擇并不重要,因為在最終效果中文字會被鏤空,顏色并不會顯示出來。

  圖7遮罩字效果  設置完成后將這個CSS樣式應用到單元格,然后按下F12鍵就可以看到效果了(如圖7)。

  注意:背景圖片是為整個表格添加的,對應標簽,而CSS樣式是對單元格添加的,是標簽,千萬不要搞錯。

  動感字  制作動感字我們要用到Blur濾鏡,作用是產生模糊效果,它的語法格式為Blur(Add=?,Direction=?,Strength=?)。

Add參數是一個布爾值,一般來說,當濾鏡用于圖片的時候取0,用于文字的時候取1;Direction代表模糊方向,單位是角度;Strength代表模糊移動值,單位為像素。

比如我們定義Blur(Add=1,Direction=90,Strength=150),在預覽中就可以看到如圖8的效果。

  圖8動感字效果友  其實,CSS中很多濾鏡也能夠用于圖片的修飾,如Blur濾鏡就可以使圖片產生模糊效果。

如果我們對這些濾鏡都能夠熟練應用,那么有時在沒有專業圖像處理軟件的情況下,也能夠制作出相當不錯的圖片效果來。

版權聲明:本文由 多元龍 整理編輯。

原標題:Ae文字特效,ae文字特效有哪些

轉載注明出處:http://www.dn9ww09s.icu/basics/12823.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 已有無他相機水印怎么,如何取消無他相機水印

    已有無他相機水印怎么,如何取消無他相機水印 相關圖片無他相機怎么解綁微信在iPhone上流行的相機應用程序中,他的相機肯定有一席之地。利他相機是一款免費的p-photos和p-videos相機軟件,為用戶提供實時p-faces、電影無他相機去除這四個字...

  • ppt炫酷開場動畫制作,ppt怎么制作動畫小人

    ppt炫酷開場動畫制作,ppt怎么制作動畫小人 相關圖片視頻公開課制作大多數人使用PPT,通常直接復制粘貼材料,然后進一步局限于簡單排版。事實上,PPT可以動畫化,使界面看起來更加生動有趣。如何設置ppt動畫?階梯/正方形ppt圖片動畫...

  • 元素隱藏,js判斷元素顯示隱藏

    元素隱藏,js判斷元素顯示隱藏 相關圖片html元素隱藏顯示隱藏元素行為顯示、隱藏或恢復一個或多個頁面元素的默認可見性。主要用于用戶與頁面1交互時顯示信息。Dreamweaver顯示隱藏元素行為1。將AP div(通jquery元素顯示和隱藏...

  • 劍網3app助手,劍網三助手app安卓版

    劍網3app助手,劍網三助手app安卓版 相關圖片劍三手機app建王3助理應用是建王3的移動工具。用戶可以通過建王3助手應用掌握游戲最新信息,查詢游戲相關數據。很多玩家都很關心性能查詢的功能。但仍有一些玩家不想讓別人看到...

  • 超插件,超污插件

    超插件,超污插件 相關圖片超污插件最后設計器版本控制:Sketch的git插件用例溫馨提示:本案例項目已經發布,http://cloud.yunchenhao.com:30000/stevenyua超污插件的下載...

  • eset安卓版激活碼,eset永久激活工具

    eset安卓版激活碼,eset永久激活工具 相關圖片nod32許可證密鑰ESETNOD32是一個國際知名的殺毒軟件品牌,我們通常稱之為諾頓。它是由世界著名的計算機安全軟件公司ESET發明和設計的。ESETNOD32有一個treatseset中國官網...

  • 終端體驗,終端體驗什么意思

    終端體驗,終端體驗什么意思 相關圖片終端休閑體驗區調查顯示,2014年,中國成人國書閱讀率為58.0%,數字閱讀接觸率為58.1%。數字閱讀的比重首次超過傳統閱讀。同時,研究結果顯示,在新興媒體中,手機閱讀占主零售終端...

  • 蜜蜂出行押金188在哪退,蜜蜂出行如何免押金

    蜜蜂出行押金188在哪退,蜜蜂出行如何免押金 相關圖片蜜蜂出行免押金活動Bee travel是一款共享電動自行車的應用客戶端。用戶下載安裝bee travel并注冊繳納押金后,就可以在手機上快速租回共享的電動自行車。有些用戶不想在一蜜蜂電單車押...

  • 交互設計指南,什么是交互設計

    交互設計指南,什么是交互設計 相關圖片設計指南在功能相似的情況下,如何讓用戶一見鐘情?微交互是決定用戶印象的關鍵之一。今天的好文章列出了使用微交互時的注意事項,以及五個最常見的使用場景,都是干貨,可以...

  • ntfs轉fat32的方法,fat32轉ntfs

    ntfs轉fat32的方法,fat32轉ntfs 相關圖片d盤fat32轉ntfs當我們使用計算機時,我們會遇到需要將硬盤從FAT32傳輸到NTFS的情況。我們怎樣才能解決這個問題?當需要將FAT32傳輸到NTFS時,可以使用DOS命令。具體fat32轉ntfs時間...

熱評文章

  • 猿題庫,猿題庫怎么樣

    猿題庫,猿題庫怎么樣 相關圖片猿題庫刷題能進步嗎Ape試題庫是許多學生用戶安裝的一款移動智能測試軟件。目前,已完成初中、高中六個年級的全面覆蓋。很多用戶對ape題庫的功能贊不絕口,但他們厭倦了不斷的留...

  • 寬度自適應,網頁寬度自適應

    寬度自適應,網頁寬度自適應 相關圖片表格自適應寬度本文以CSS為例實現了菜單寬度自適應的按鈕效果代碼。與您分享以供參考。具體如下:這是一個基于CSS的自適應寬度按鈕效果代碼。你可以說這個效果是一個菜單或者C...

  • 小紅書上買東西,在小紅書上怎么買東西

    小紅書上買東西,在小紅書上怎么買東西 相關圖片小紅書怎么買小紅樹是一個跨境的電子商務共享平臺,最大的特點是沒有商業宣傳和推廣,里面的商品靠用戶的口碑。它主要以社區電子商務和正品為主,依靠網民口碑的力量進行推廣...

  • 手機上把m4a轉換為mp3,m4a能轉換成mp3格式

    手機上把m4a轉換為mp3,m4a能轉換成mp3格式 相關圖片m4a音頻格式轉換器對于音頻格式,最常見的格式是MP3格式和無損格式FLAC等。當你看到m4a格式的文件時,你會感到奇怪并不奇怪。M4a是MPEG-4音頻標準文件的擴展,但在某些環手機上m4a格式...

  • checkbox樣式修改,怎么修改checkbox的樣式

    checkbox樣式修改,怎么修改checkbox的樣式 相關圖片checkbox不能點擊使用復選框控制后續元素復選框控件可以根據鼠標的單擊來切換其狀態,并且:checked pseudo類可以在CSS中用于設置選中狀態下復選框的樣式。使用CSS中的html checkbox...

  • win7怎樣升級到win10,win7怎么升級win10系統

    win7怎樣升級到win10,win7怎么升級win10系統 相關圖片win7裝win10與win7相比,win10有更多的新功能,在觸摸屏方面,win10可以讓用戶獲得更好的體驗。微軟發布警告稱,win7將在2020年前被淘汰,因此有網友問win7win7系統...

  • 模型蝕刻片用法,模型補土用法

    模型蝕刻片用法,模型補土用法 相關圖片模型 蝕刻片根據CSS可視化格式化模型的規則,可視化類型的媒體對文檔樹中的元素進行處理,從而(x)將html轉換為制作者設計的圖像,例如:如何生成元素框;如何處理元素之間的做...

  • excel怎么用if函數,excel用if函數

    excel怎么用if函數,excel用if函數 相關圖片excel如何使用條件函數Excel的功能非常強大。在處理一些數據的過程中,如果能使用if函數,將大大提高您的工作效率。你知道如何使用Excel的if函數嗎?一、if函數excel常用函數...

  • web制作,web教程

    web制作,web教程 相關圖片web網頁設計教程做網站,麻煩的是更新,特別是大規模更新,工作量很大。我真的不知道那些有創意又勤奮的站長,時不時地到網站上大換血,是怎么忙過頭告訴你的秘密,他們很多都...

  • win8.1專業版永久激活,激活windows8.1

    win8.1專業版永久激活,激活windows8.1 相關圖片win8.1產品密鑰與win7相比,win8在界面和功能上都做了一系列的調整,因此也吸引了一些喜歡嘗鮮的用戶對原有系統進行升級。升級win8后,還需要激活系統。小編在這里分享一些wwin81產品...

關注微信

变脸官网查询