 |
| |
 產品展示 |
|
|
 聯系我們 |
任丘百葉窗
地址：
電話：
傳真：
郵箱：
網址：http://www.hgzq2018.com |
|
 |
| 鋁合金百葉窗 > 百葉窗相關知識 |
| 百葉窗透明遮罩漸隱效果 |
這次，彼岸花來教各位同學制作透明遮罩百葉窗漸隱效果。
這次的效果是非常煩瑣的，建議初學者最好還是先學簡單點的教程。同時，這個效果是建立在透明遮罩上的，因此，要學這個教程，彼岸花建議各位同學先學會《透明遮罩，創出不一樣的效果！》這篇教程比較好。
這個效果的原理其實是非常簡單的，就是N個透明遮罩的疊加。但是，正因為是N個透明遮罩，所以過程十分的繁多，一不小心就會出錯。而且以彼岸花的速度，做出這么一個模塊要花兩個小時。所以，沒耐心沒時間的同學就不用學了。
廢話不多說，下面就開始吧！
首先是最終效果圖：
如看不見效果，請點擊進入以下網站查看效果。
1·
分別制作好放日志的底板圖和一張遮罩圖片。保存圖片格式為PNG。
如下圖所示：
2·
⑴·在PS中打開做好的底板，雙擊解鎖，重命名為“底板”。
拖入遮罩圖片，放入適當位置，給圖層重命名。
在空間截取日志圖片，拖入適當位置，給圖層重命名。
底板圖層放在最上，下面依次為日志圖層和遮罩圖層。
在圖層選項中單擊“遮罩”層。選擇“矩形選框工具”，在日志第一欄處拉一個矩形出來（矩形上部和左右兩旁可稍大一些，下部不可過大）。
如下圖所示：
⑵·把日志圖層前的眼睛點掉，即可看到矩形拉出后的區域效果。
如下圖所示：
⑶·把底板圖層前的眼睛點掉，選擇，反向，按一下鍵盤上的刪除鍵，即可看到以下效果：
⑷·圖像，裁減。
保存圖片，命名為遮罩1，格式為PNG。
3·
⑴·編輯，后退一步。圖片返回為2·⑶中的效果。
再后退一步，則遮罩圖片恢復。
把底板圖層和日志圖層前的眼睛點上。
選擇矩形選框工具，在日志第二欄上拉一個矩形（矩形的左右旁可稍大一些，上部和下部則要謹慎選�。�。
如下圖所示：
⑵·接下來與2·⑵ 2·⑶ 2·⑷中的步驟一樣。
保存圖片命名為遮罩2。
以此類推，直到日志最后一欄做好為止一共要做10個遮罩圖片。
4·
⑴·打開FLASH，把大小調整好。
導入底板，把底板當中放日志的部分摳空（不會摳空的可以去彼岸花的《運用PS和F8結合制作透明FLASH》里學習）。
在舞臺的圖上右擊，轉換為元件，選擇圖形，命名為底板。
在舞臺的圖上右擊，剪切。
⑵·導入遮罩1，在舞臺的圖上右擊，轉換為元件，選擇圖形，命名為遮罩1。
在舞臺的圖上右擊，剪切。
⑶·以此類推，直到10個遮罩圖全部轉換為圖形元件為止。
效果如下圖所示：
5·
⑴·插入，新建元件，選擇按鈕，命名為底板按鈕。
在“點擊”處右擊，插入關鍵幀。從庫中把底板圖形拖入舞臺。
在屬性面板中設X和Y值為0。在“顏色”中設置ALPHA值為0。
如下圖所示：
⑵·插入，新建元件，選擇按鈕，命名為1按鈕。
在“點擊”處右擊，插入關鍵幀，從庫中把遮罩1圖形拖入舞臺。
在屬性面板中設X和Y值為0。在顏色中設ALPHA值為0。
⑶·以此類推，直到10個遮罩按鈕全部做成為止。
效果如下圖所示：
6·
⑴·插入，新建元件，選擇影片剪輯，命名為1影片。
新建5個圖層，自上而下分別重命名為動作、底板、1按鈕、遮罩1和底板按鈕。
⑵·底板的操作：
單擊底板層的第1幀，從庫中把底板圖形拖入到舞臺。
在屬性面板中設X和Y值為0。
在底板層的第11幀處右擊，插入幀。
點鎖鎖層。
效果如下圖所示：
⑶·遮罩1的操作：
點擊第1幀，從庫中把遮罩1圖形導入到舞臺，調整位置（主意：位置要調整地十分謹慎）。
調整好后把X和Y值記在紙上（自認為記憶力強的同學可以試下不記在紙上）。
效果如下圖所示：
在遮罩1層第2幀處右擊，插入關鍵幀。在圖上單擊一下，屬性面板變成圖形后ALPHA值設為80。
在第3幀處右擊，插入關鍵幀。在圖上單擊一下，屬性面板變成圖形后ALPHA值設為60。
第4幀為40，第5幀為20。
在第6幀處右擊，插入空白關鍵幀。
在第5幀處右擊，復制幀。在第7幀處右擊，粘貼幀。
在第4幀處右擊，復制幀。在第8幀處右擊，粘貼幀。
在第3幀處右擊，復制幀。在第9幀處右擊，粘貼幀。
在第2幀處右擊，復制幀。在第10幀處右擊，粘貼幀。
在第1幀處右擊，復制幀。在第11幀處右擊，粘貼幀。
效果如下圖所示：
⑷·1按鈕的操作：
點擊第1幀，從庫中把1按鈕拖入舞臺。
X和Y軸的值設為6·⑶中的值。
效果如下圖所示：
在第2幀處右擊，插入空白關鍵幀。
在第11幀處右擊，插入幀。
效果如下圖所示：
單擊舞臺中的1按鈕，當屬性面板變為按鈕后，在舞臺中的1按鈕上右擊，動作，輸入以下AS腳本：
on (rollOver) {
nextFrame();
play();
}
⑸·底板按鈕的操作：
在第6幀處右擊，插入關鍵幀。
把庫中的底板按鈕拖入舞臺，X和Y值設為0。
效果如下圖所示：
單擊在舞臺中的底板，當屬性面板變成按鈕后，在舞臺中的底板上右擊，動作，輸入以下AS腳本：
on (rollOver) {
play();
}
⑹·動作的操作：
在第1幀處右擊，動作，雙擊“stop”。
在第6幀處右擊，插入關鍵幀，動作，雙擊“stop”。
在第11幀處右擊，插入幀。
效果如下圖所示：
這樣，1影片就全部做完了。
⑺·回到場景1，把庫中的1影片拖入舞臺。修改，對齊，左對齊，修改，對齊，頂對齊。
點一下控制中的測試影片，察看效果。如果鼠標放到遮罩1上遮罩沒有變透明的話那就要及時查看自己做錯了哪里，及時改正，不然等全做完再發現錯誤的話就無力挽救了。同學們一定要養成時時測試效果的好習慣。
7·
⑴·插入，新建元件，選擇影片剪輯，命名為2影片。
新建5個圖層，自上而下分別重命名為動作、底板、2按鈕、遮罩2和底板按鈕。
⑵·與6·⑵相同。
⑶·遮罩2的操作：
單擊第1幀，把庫中的遮罩1拖入舞臺，X和Y值為6·⑶中一樣。
把庫中的遮罩2拖入舞臺，調整位置。X值要與上同。
效果如下圖所示：
點擊舞臺中的遮罩1，右擊，剪切。這樣的話遮罩2就能精確放置好了。
下面步驟皆與6·相同。
2影片做完后，回到場景1，新建圖層2，把庫中的2影片拖入舞臺，調整位置。
以此類推，直到10個影片剪輯都做完為止。
效果為下圖所示：
下圖是場景1中的效果圖：
這樣，透明遮罩百葉窗漸隱效果就完成了！
再加上裝飾的轉動小花，意境是不是很美呢！
|
上一頁：用木制百葉窗開拓更廣闊空間
下一頁：百葉窗同學給米醋40塊會發生什么？ |
|
| [2012/2/19] [關閉] |
|