A. 【秀米教程】SVG點擊展開推文,手機橫屏下拉效果動畫
效果展示:點擊圖片展開推文內容
操作步驟(點擊上方卡片):
1、點擊【圖文模板】 - 【SVG】 - 在左邊選擇自己想要的下拉效果
2、點擊下拉效果圖的邊框 - 點擊【編輯】顯示內容:顯示當前編輯下的內容,但不能編輯
3、點擊【轉場設置】 ①解釋說明:【轉場設置】下方有「轉場淡出(0.5秒)+展開(13秒)」提示 ②轉場淡出(0.5秒):封面淡出的時長 ③展開(13秒):內容展開的總時長
4、清除封面中的內容,並設置自己想要的圖片 - 點擊【圖片】,設置【以本圖為布局基準】
5、在【內容頁】中設置封面+展開的內容
6、點擊【分段展開】中的設置 - 右邊小窗口線下滑動查看動畫停頓分隔線 - 點擊【分割線】,上方會顯示單個模塊的動畫時長。
註:點擊小窗口中間的 「+」號 可以在小窗口中間區域添加分隔符。 我們手動設置的動畫時長可以不一樣,這樣會使動畫更有運動效果顯得更加自然。勻速變化的動畫會顯得不自然。
可能遇到的問題?實戰推文製作水平時間軸下拉效果:
1、設置圖片素材為豎圖:點擊或右擊圖片 - 設置圖片【向右旋轉】,此時的圖片在插入秀米時就可以橫屏瀏覽
2、設置文字為豎版:點擊【深度布局】可以觀察到正常的文字是橫屏的,我製作的文本框有2個盒子(方框)並且是豎屏。
3、設置步驟:點擊【深度布局】- 插入【基本卡片】box1(盒子1),並刪除裡面的文字,只保留box1
4、在box1中再插入【基本卡片】box2(盒子2)
5、選擇box2,並旋轉90°,此時文本框就是豎屏,我們在裡面輸入任何內容時文字都將是豎屏。
小貼士也可以直接設置box1旋轉90°,我想達到的效果是無論文字長短,文本框都會根據文字的段落長度(寬度自適應)+固定上下邊距進行設置,這樣編輯會更加方便,但「文字寬度自適應」是根據屏幕寬度進行變化的。
6、選擇box1,設置【組前距和組後距】為適當的值(例如:20像素),使豎屏文本框有一下的一下邊距,這樣會使推文更加美觀。
7、選擇box1對豎屏文本框進行【收藏】,在需要使用時直接在【收藏】中進行調用。 小技巧:豎屏文本框在編輯時不方便查看,在前期編輯時可以用橫屏文本框進行編輯,確認無誤後再將文本框進行豎屏設置。
原文鏈接: cnblogs.com/MrFlySand/p...(查看原文)
B. 秀米編輯器如何上傳動圖
打開秀米進入圖文排版,點擊「添加新的2.0圖文」,點擊我的圖庫,將電腦上的動態圖片上傳至圖庫,將圖庫中的動圖拖至右側即可。
動態圖片(dynamic image)是指當一組特定的靜態圖像以指定的頻率切換而產生某種動態效果的圖片。網路上常見的表現形式是Gif動畫,它是通過對多圖層的圖片,按時間進行不同的切換,從而達到動畫的效果。
分類
1、Flash動畫
Flash是網路上動畫常見表現形式。Flash動畫可以實現很多效果,比如:移動、放大、縮小、跳動、旋轉、擴散、漸強和漸弱、分割、排列組合等等。Flash在音畫作品中被廣泛使用。
2、Gif動畫
Gif動畫圖片的特點是,圖片小,易於隨時安置調用,經常用來作網頁裝飾用。Gif在音畫作品中,配合網頁裝飾經常使用。
3、3D動畫
3D動畫是通過3Dmax軟體製作的動態圖片,由於可以表現圖象三維的效果,所以又稱為三維動畫。3D動畫雖然效果好,但由於文件很大,音畫作品很少採用。
C. 秀米svg點擊圖片出現文字
您問的是如何使用秀米的svg排版功能做出點擊圖片出現文字的效果嗎?用到的工具有:電腦、Windows旗艦版、秀米編輯器、需要排版的圖片及文字。
1、在秀米編輯器中點擊「布局」,選擇「基礎布局」。
2、然後找到SVG布局,點擊SVG布局後我們會發現它有內外兩個框。
3、在內框中編輯填充我們想要的內容,支持視頻、圖片、動圖和圖文模板等。
4、填充完成後,點擊外框,在彈出的編輯欄上面點擊「動畫」按鈕。
5、在彈出的編輯框裡面,動畫方式選展開,再根據圖文的長度和點擊前要展示的內容設置適當動畫時長和寬高比。
6、點擊上方的預覽功能,一篇可以和讀者互動的SVG圖文就做好啦。
7、確定好編輯的內容後,就可以點擊上方的小勾圖標通過同步或復制的方式放到微信公眾平台。