PCTOP 銓尹行銷顧問有限公司 CHYUANYIIN 的談天說地溫馨小窩

[]http://lccnetvip.pixnet.net/blog/post/31970860

利用Photoshop製作廣告頁動畫流程

要製作廣告頁所需運用的技巧，必須橫跨熟悉前端Photoshop製作動畫技巧，與後端網路超連結概念，如此搭配起來，才能順利完成一個具有動畫效果的廣告頁，且成為可以發送的廣告信。

 一般市面上的Photoshop書籍，比較少在動畫的部分多做著墨，尤其是廣告頁動畫切片這一環。而Dreamweaver書籍，又偏重在網站架設，鮮少提及到如何在Photoshop做好廣告頁的前置設計作業。由於書本較少著重在此環節，通常得藉由職場的磨練，才比較有機會接觸到這方面。因此我在此分享了一些製作廣告頁動畫切片的流程與注意事項，希望能對於同學有所幫助。

針對整個廣告頁動畫製作流程，我將它分為四個階段：

壹、整體畫面設計完稿

首先要注意圖片的寬度，一般廣告頁圖片寬度約為640像素至930像素之間，適合在螢幕上觀看，或是方便使用者透過Web信箱觀看，扣除掉Web信箱左邊的按鈕選單，與右方廣告橫幅，所以才會設計成最佳寬度640像素的尺寸。

貳、構思動畫，圖層安排

製作點陣圖動畫以前，須先了解，點陣圖動畫只支援以下四種方式，可以混合搭配：

一、圖層的隱藏與顯示

點陣圖動畫不支援圖層變形，若想要製作變形效果，必須分圖層，然後利用（圖層的顯示與隱藏）技巧來製作。

二、圖層的透明度

透明度常應用在物件的忽隱忽現，或是星星的閃爍...雖然圖層混合模式也可以變換，但是並不常用。