1.特效繪製
在收到相關的特效製作需求後,設計師會根據特效的顯示特點,選擇最適合的特效製作軟體。
- 動畫製作軟體
專業的動畫製作軟體, 適合製作偏動畫型別的特效, 比如座駕的入場效果和部分簡單的禮物特效。可匯出swf格式檔案。
- 特效製作軟體
專業的特效製作軟體,擁有強大的粒子效果庫,能夠製作出非常酷炫的效果,適合用於很多高階禮物特效的製作。可匯出png序列圖。
- 拼接特效編輯器
前面兩種製作軟體,功能都非常強大, 但是效製作時間比較長。如果需要短時間內上線大量的禮物特效,設計師的壓力可想而知。為此我們開發了拼接特效編輯器,使用該工具製作特效的時間可以縮短至普通流程的1/3,製作的特效也非常的酷炫,多用於活動禮物。
【步驟一】圖形拼接
把素材匯入到工具中,通過複用和組合的方式,在網格化的畫布中拼接成各種圖形。每個特效可由多個圖層的畫布組成。
【步驟二】動效封裝
設計師會預先提供多種動畫效果,封裝在編輯器中作為效果選項。在畫布上完成圖形拼接後,只需要為每張畫布進行出現、停留、消失階段的動畫效果選擇即可。需要在特效播放器中進行相應的動效實現。
【步驟三】資源打包
將特效使用到的點陣圖素材合併為一張PNG圖集。記錄不同素材在圖集中的區域資訊,和特效資料一起放到PNG圖集的IEND資料塊中。最終生成一個IEND資料塊中攜帶特效資料的PNG圖片。
2.資源適配
愛奇藝直播是一個多平臺的專案,在不同的平臺上,特效的格式、尺寸、幀率、體積等標準都不一樣。設計師使用繪圖軟體匯出的特效資源,無法直接提供給各平臺使用,需要進行相應的適配處理,為每個平臺準備符合標準的特效資源。
在進行適配處理時,設計師經常會面臨下面一些問題,導致適配過程費時費力,最終生產的特效資源效能也得不到保障
- 各平臺特效尺寸、佈局標準不同,需要花費大量時間對不同平臺的資源進行切圖等工作
- 缺少高效、統一的壓縮手段,無法保障資源體積
- 各平臺需求的資源格式眾多,每種格式都需要用到相應的格式生成工具,操作複雜
- 平臺對資源的特殊需求,比如需要在特效檔案中填充格式化的欄位,而這不是設計師所擅長的
資源介面卡
為了解決上述問題,提高工作,團隊為此開發了一款資源處理工具。使用時,只需要匯入繪製好的基礎資源,選擇需要匯出的尺寸和格式並預覽後,可以快速的生成不同平臺需要的特效資源。
- 格式輸出
將匯入的基礎資源格式,輸出為各平臺需要的檔案格式,包括通用和平臺自定義的資源格式。
- 體積壓縮
針對不同的格式,制定相應的壓縮方案,以求達到最優的壓縮效果。
- 模擬預覽
模擬各個平臺的顯示環境,直接在適配過程中預覽顯示效果,調整尺寸和位置,減少特效提測後的返工率。
3.資源稽核/上傳
設計師完成各平臺的資源製作後,提交給產品,由產品進行稽核、命名、上傳cdn,才能被各平臺所用。
在專案早期,稽核、上傳等操作都需要產品和專業人員溝通後,由專業人員手動完成,成本比較高,人為因素不可控。
- 溝通成本
- 稽核不嚴格,細節性的錯誤容易被忽略
- 資源命名規範無法被嚴格的執行
- 手動上傳,操作繁瑣
稽核上傳工具
該工具用於幫助產品完成資源的稽核上傳,不需要其他人員參與該環節。它有如下幾個特點:
1.自動稽核
資源匯入工具後,會自動分析該資源的格式、尺寸等資訊,判斷該資源對應的業務。根據業務要求自動稽核該資源,如果資源存在不符合業務要求的問題,則丟擲錯誤提示。
2.命名規範
鎖定資源對應的業務後,只需要輸入基礎命名,會根據命名規範生成最終的資原始檔名和上傳地址。
3.一鍵上傳
工具對接cdn上傳介面,產品確認無誤後一鍵上傳。
總結
工具化的應用,讓整個流程變得高效、穩定,為直播的各種活動提供了保障。相關工具不僅適用於直播專案,可用於各種圖片、動圖資源的處理,特殊的業務需求也可以快速接入。