設計重點提示 (中文版在下半部)

This fla and companioned image files is used to demonstrate uCard's template design.

Live uCard sample by this fla:
http://www.youvivid.com/web/preview_new.asp?objid=152

Online tutorial about this fla at the following URL:
http://www.youvivid.com/web/designer_zone_0.asp


Design Tips (Please read below first)
---------------------------------------------------------------

Tip 0: This fla and related image files must be placed under folder "C:\ucardsample\" to ensure correct file path linkage.
This fla has a stop() command in the first frame(check the page bottom). So you need to hit Enter key manually when Testing movie with this fla. 

Tip 1: When you create a new file for template design in Flash, be sure to choose ActionScript 2.0 in document type
and set the document properties with the dimensions: 320 x 240 pixels, and frame rate: 24 fps.

Tip 2: uCard template is a Flash movie that allow users to change images and edit text in a movie. 
Designing a uCard template is very similar to traditional Flash authoring. The major difference is that you only
need to use the movie clip containing uCard's image component (uCard_image) instead of static images and use 
the movie clip containing uCard's text component (uCard_text01) instead of static text field. 
After the template is complete and uploaded to YouVivid website to be used, the image components in the template
will become the placeholders that allow users to snap in personal images. Plus the text components in the template
will become the placeholders that allow users to edit personal messages.

Tip 3: Whenever you want to add a new image component (or text component) into your flash movie, be sure to 
drag uCard_image (or uCard_text01) components from the Components Window and drop it to the stage. 
DO NOT simply duplicate the component by using copy/paste from the component or movie clip that are already 
on the stage unless you want the new component to always host the same image as the old component. 
Also remember to convert the uCard image and text components on the stage to Movie Clips before further authoring.

Tip 4: The first frame in the main timeline is used to design uCard's cover page. 
DO NOT place any of uCard's visual components (image or text) into the first frame of the main timeline. 
And movie clips in the first frame of main time line SHOULD NOT contain any image or text componant. 
Also please add a stop() actionscript command in this frame to ensure the uCard movie pauses at the 
cover page before users hit the Play button.

Tip 5: Every uCard template must contain these 2 uCard's control components: uCard_begin and uCard_end. 
Since the control components don't have any visual part, they should be placed on the stage that are outside the visible area.
Please note that uCard_begin component must exist on main timeline and the keyframe that contain the component MUST cover across 
whole timeline from the first frame to last frames on the stage.

Tip 6: When sending a uCard to a mobile, the uCard Converter in the YouVivid server will convert the uCard to video files 
that are suitable for mobile devices. And the uCard_end component in the template is used to denote the last frame 
for uCard converter to stop here. So please place this component at the end frame of your movie. 
It can be placed at either the last frame of your movie or the frame that you want the mobile version of the uCard to end with.

Tip 7 : When you have completed the template design with Adobe Flash 8 or Adobe Flash CS3, 
please click on the menu [Command] > [uCard Export] to export your template to file (uCard_upload.zip). 
Then you can login to the YouVivid website and enter [My templates] to upload the file to the server for test and use.




設計重點提示 (請先閱讀以下重點指引)
------------------------------------



注意事項

- 本樣板fla及所使用的圖檔檔案必須製放於C:\ucardsample\資料夾中,才能正確載入樣板使用的圖檔。

- 本樣版的第一個影格內含stop()命令, 當測試影片時, 請記得要再按下Enter按鍵才能完整播放本樣板影片。

- 完整的教學文件請參考YouVivid網站上的設計師專區: http://www.youvivid.com/web/designer_zone_0.asp



樣板設計快速指引

1. 在Adobe Flash程式中開啟新檔進行樣板設計時，請選用ActionScript 2.0的檔案版本，Flash文件的尺寸，設為320x240或720x540像素，影格速率改為每秒24影格。

2. MV樣板是一段能讓使用者更換圖片及修改文字的Flash動畫影片，基本上設計MV樣板的方式與設計內含圖文的Flash動畫是一致的，只要將影片中使用圖片的地方，改用內含圖片組件(uCard_image)的影片片段來取代，影片中使用靜態文字的地方，改用內含文字組件(uCard_text01)的影片片段來取代，就可以完成MV樣版的設計了，而這些影片中使用圖片組件及文字組件的地方，就是能夠讓使用者更換圖片及編輯文字的地方。

3. 每次要在影片中新增可供使用者編輯的圖片或文字時，請重新自組件視窗中以滑鼠拖曳的方式將組件新增到場景中。如果你想要使用同一張圖片(或同一段文字)於影片中不同位置，才可以直接複製場景中已經存在的組件。對於場景中的圖片及文字組件，請開啟組件檢測器來設定預設圖文及相關參數，同時可以調整場景中組件的寬高及位置(藍色框線範圍表示)。且記得設定完組件參數及寬高位置後，一定要先將圖片或文字組件轉成影片片段後才可以進一步進行補間動畫或轉場特效的編輯(直接針對場景中的組件進行任何編輯都是無效的)。

4. 圖片組件的藍色外框，代表顯示使用者圖片的外框，無論外框的寬高比例是多少，使用者圖片一律會以置中方式等比例縮放到適當大小以填滿此外框，圖片超出此外框範圍的部分將不會被顯示。

5. 主時間軸中第一個影格只能用來設計MV樣版的封面，而且除了uCard_begin組件以外，其他組件都不得出現在主時間軸的第一個影格之中，也不得出現於第一影格所包含的影片片段中。

6. 每個樣板設計都必須使用到uCard_begin及uCard_end這兩個控制組件，由於控制組件不具備視覺的功能，因此必須被製放在場景外(可視區域外)，必須注意一定要將uCard_begin組件製放於主場景時間軸中，而且置放此組件的關鍵影格，其時間軸長度必須涵蓋主場景中所有圖層的所有影格，也就是說此影格長度必須包含整個影片的第一個影格到最後一個影格。

7. 每個MV在被發送到手機或下載時，都會先在網站中轉檔成為手機可播放的影片檔案。而uCard_end組件正是用來通知轉檔程式動畫的結束點，換言之轉檔程式在轉檔過程中，遇到影片中的uCard_end組件時，就會結束轉檔。請在您動畫結束的最後一個影格，或是您希望MV發到手機的影片中所包含的最後一個影格中，置放這個組件，並請置放於場景可視範圍之外。此外最後一個影格必須加上stop();命令好讓MV在播放完畢後，停留在最後的影格。

8. 圖片及文字組件在Flash編輯階段時無法呈現所有編輯特效render的結果(例如alpha半透明 )，但測試影片時或輸出成樣板後上傳到Server時，便可呈現完整正確的結果。 

9. 上傳樣板到Server後進行MV編輯時，樣板中圖文欄位的預設順序及定格時間點是由程式自動產生，設計師可在樣板上傳後, 透過樣板管理中的排序功能設定欄位的定格時間及重新排序。

10. 當您在Adobe Flash CS3 程式中完成樣板設計後，請點選Flash程式選單中的[命令指令]>[uCard Export]，即可產生可用來上傳到網站的檔案(檔名.ucd)，登入網站後進入我的樣板，即可上傳樣板檔案進行測試及使用。

