※按下步驟小圖會出現步驟示範,按下小螢幕預覽拼圖效果!
製作一個簡單的拼圖可運用在很多地方增加網站的活潑,也可以把拼圖的點子設計成首頁讓瀏覽者拼出公司的商標符號等等,應該會滿有趣的!
首先我們要準備拼圖的內容,可以在ImageReady軟體設計影像,將影像分割成水平3、垂直3,(您如果想增加困難度可分割更多塊!)然後再輸出成網頁檔,然後還要再輸出一張拼圖的縮小圖,給玩拼圖的人的提示。按下小圖就有步驟的介紹,就可以開始一起來製作囉!
※製作前輸出的拼圖網頁檔
↑一~二:複製影像到圖層!
↑三~四:轉換圖層與表格!
↑五~七:拼圖歸位!
↑八~九:設定提示小圖!
↑10~11:設定再玩一次!
↑12~13:設定拖曳圖層!
↑14~15:打散拼圖存檔!