例項 使用Hype製作一張動態電子賀卡(上)

2022-07-20 06:57:08 字數 1251 閱讀 4549

2023年是特殊的一年,今年的國慶和中秋都擠在了十一**周,一星期內連過兩個大節日,但又時逢疫情,相信大部分人都苦於無法上門拜訪慶祝,這時候,為親朋好友們送上一張自己用心製作的電子賀卡,是最合適不過的祝賀節日方式了。

的神奇世界吧!

效果預覽與分析

從上圖預覽可以看到,整個效果主要包含乙個粉紅色場景的製作,場景需要兩個矩形作為賀卡邊框,還需要一行一閃一閃時隱時現的祝福語,同時頁面開始就有3個心形圖案漂浮向上,最吸引人的是中間心形圖案沿著love軌跡移動的動態效果,這裡需要的素材有2個,乙個是love的影象素材,另乙個是心形影象素材,有上面2個素材就可以完成整個電子賀卡的製作了,分析完成後,下面開始正式的教程。

場景部署

第一步:在hype左側場景列表中,新建乙個場景,然後點開hype的「場景檢查器」,設定場景大小為web項的大小(1240*800),以確保場景足夠大,能否覆蓋整個html網頁。

第二步:同樣的,在「場景檢查器」中,設定場景背景顏色的**為「#a52543」,如下圖3,將場景的顏色從白色變為溫和的粉紅色系。

第三步:此時由於場景很大,所以預設的縮放比例100%是無法俯瞰整個場景的,所以需要調整hype上方的縮放比例為50%或者75%,如下圖4,以保證大家可以完整地看到整個場景頁面,方便下面的場景製作。

第四步:點選「元素」按鈕,選擇「矩形」,往場景中加入乙個矩形,然後在「度量檢查器」中,取消勾選「限制比例」,修改矩形的寬度為「600px」,高度為「600px」,保證矩形是乙個正方形,然後滑鼠拖動矩形的位置在場景的正中間。

第五步:選中矩形元素,然後切換到「元素檢查器」,設定矩形的填充樣式為「顏色」,顏色**填寫「#d497a6」,如下圖6。

第六步:再次新增乙個矩形元素,然後根據上述步驟,設定該新建矩形的寬度為「570px」,高度為「570px」,矩形的背景顏色**為「#a52543」,最後滑鼠拖動該矩形,調整矩形的位置,調整到效果如下圖7即可。

從上述的效果預覽中可以看到,想要達到上述的效果,還需要一張love影象素材和心形影象素材。因此,在開始下面步驟前,小編提前準備好了一張向量圖和一張心形圖素材,分別對應下圖8和下圖9,分享給大家使用,大家要是不滿意或者是想要自定義的話,可以將向量圖拉入photoshop軟體中進行另外的加工處理。

第七步:在元素按鈕中選擇「影象」,將love向量圖拉入場景中,然後拖動位置使場景效果如下圖10。

具體需要設定文字的字型型別為「palatino」,字型大小為「48px」,字型顏色**為「#e5bcc7」。最後,拖動字型元素,調整字型的位置如下圖12。

如何自行製作一張FreeBSDLiveCD

所謂livecd,就是指那種直接可以從光碟啟動,而無須安裝的作業系統光碟。這類光碟的主要用途包括 嘗試一種新的系統。由於不需要安裝,因此這樣做的風險要比直接安裝小的多。修復系統。freebsd早期版本的第二張光碟就是類似的livecd。本文將介紹如何通過freesbie製作freebsd的livec...

如何製作一張啟動卡

1.在linux下找到sd卡及讀卡器 cat proc partitions一般sd卡的裝置檔案節點是 dev sdb 2.刪除sd卡分割槽 sudo fdisk dev sdb command m for help 輸入 d,刪除所有分割槽,返回 selected partition 1 comm...

如何快速的製作一張自由報表 自由擴充套件

本文介紹使用開發平台製作一張自由報表 自由擴充套件 平台 www.sdpsoft.com 一 新建資料來源 參照網格式報表設計 二 操作步驟 在b3單元格中填寫 ds.select empcode 設定為縱向擴充套件 在b4單元格中填寫 ds.orgcode 在d3單元格中填寫 ds.empname...