如何在線生成教師節(jié)H5賀卡？

時間：2023-07-25 05:42:01 | 來源：網(wǎng)站運營

時間：2023-07-25 05:42:01 來源：網(wǎng)站運營

如何在線生成教師節(jié)H5賀卡？：馬上就是教師節(jié)啦，除了送禮物以外，一份貼心的自制賀卡也同樣能夠向恩師傳達濃濃的敬意。 例如：

有一份教師節(jié)賀卡等你來查收

這是一款教師節(jié)H5賀卡模板，用戶可上傳照片、選擇文字，以獲得一份專屬的教師節(jié)賀卡。有了這個H5，用戶就可以快速生成不同的賀卡，并分享給各個老師了。

此類H5是合成海報H5中的一種，算是最基礎(chǔ)的H5創(chuàng)意形式了，你可以用意派Epub360的截屏組件來制作。它可以將圖片、幻燈、序列幀、段落等多個元素合成在一張圖片上并保存下來。除了制作賀卡H5以外，意派Epub360的截屏組件還可用于制作個性化邀請函、單頁海報、照片拼圖等各種類型的H5。

想知道如何在線生成教師節(jié)H5賀卡？快來仔細參考意派Epub360的教程吧！

PS：雖然教程中的案例主題與教師節(jié)不同，但都是關(guān)于截屏組件的，核心方法是不變的喲~

視頻教程：

《感恩節(jié)海報視頻教程》

《旅途中的風(fēng)景視頻教程》

圖文教程：

一、素材準備

1.為了保證合成后的內(nèi)容能剛剛好放在替換圖里且不會變形，我們要確保合成圖片的尺寸比例跟截屏區(qū)域保持一致。一般來說，截屏組件默認的截屏區(qū)域是畫布內(nèi)框尺寸。

2.參與截屏的內(nèi)容一定要有一個底圖，這個底圖建議設(shè)計尺寸為：844x1496px。如果對截屏區(qū)域不作調(diào)整，最終合成好的圖片取畫布內(nèi)框尺寸：375x603px。

二、基本用法

1.找到截屏組件，并將其添加到頁面中

2. 在頁面中放好圖片、段落等需要在合成圖片中出現(xiàn)的組件

http://laozhao.epub360.com/v2/manage/book/d4ps0k/ (二維碼自動識別)

3.在邏輯小面板選中截屏組件，將需要在合成圖片中出現(xiàn)的組件添加到 “截屏” 組件中

4. 添加一些提示用戶操作的提示語和按鈕

5. 該案例里是給 “完成” 按鈕添加了點擊觸發(fā)器的，以便觸發(fā)截屏組件來合成圖片

6.截屏組件合成元素后不能自己顯示合成的內(nèi)容，必須借助另外一張圖來顯示，我們稱這個圖片為【顯示海報圖片】。添加后，我們需在該圖片的右側(cè)面板中勾選初始隱藏。

注意要點：

（1）顯示截屏的圖片顯示方式為【撐滿】。

（2）截屏組件默認的截屏區(qū)域是畫布內(nèi)框尺寸，所以，【顯示海報圖片】的尺寸比例是375x603px。

7.在頁面中添加一個按鈕，并給它設(shè)置觸發(fā)器：點擊時觸發(fā)截屏。此外，我們也可以用計時器觸發(fā)截屏。但不建議直接用頁面觸發(fā)器觸發(fā)，防止有些素材未加載完畢就截屏了。

8.觸發(fā)行為面板具體設(shè)置：截屏成功后觸發(fā)元素顯示【顯示海報圖片】，因為該圖是初始隱藏的。

9.合成后的圖片如何保存下來？一定要給最終用來顯示的圖片組件（也就是【顯示海報圖片】）勾選 “二維碼識別”，這樣才可以長按后彈出菜單，以便進行保存或轉(zhuǎn)發(fā)。

10.以上方式可以滿足當(dāng)前頁面截屏后的海報顯示，還有另外一種方式可以滿足截屏后的圖片在其他頁面顯示，有需要的可以通過該教程學(xué)習(xí)：在其他頁面顯示截屏內(nèi)容

以上就是在線生成教師節(jié)H5賀卡的簡要過程了，如有疑問，請自行咨詢意派客服。