用marvel做我的第一個Demo App

Day4

一開始接觸marvel摸索好久才知道要怎麼用，原本用Photocap做了很醜的畫面，但後來發現marvel裡面已經有預設的選項可以用，所以整個重做。再加上沒有美術天份，所以客官們加減看了。

本次做的主題是美食圖片，很簡單的層次，但裡面的菜我都吃過喔，超好吃的，哈。

這邊要來說明marvel簡易操作 :

首先一開始先創建專案，我是選擇iphone7，這邊有畫面大小限制，會關係到我們後面圖片要放多大，iphone7的話是750*1334 像素。

建置完畢後，會進到專案畫面，這時選擇Design，

接著就會看到這畫面，

中間區塊就是手機畫面(750*1334 pixel)，畫布上會有一個齒輪，點進去也可以針對畫布做調整，最右邊的區塊就是細部設定(顏色、文字大小...等等)。

我們可以先選擇插入圖片，如果步驟沒有先裁切好我們要的畫面，這邊插入會超出畫布，所以在要插入圖片時，應要先裁切好大小(這邊是750*1334 pixel)，選好後，照片就會fit這個畫布，接著就是上功能鍵的時候。

選擇iphone後，則會出現物件欄給我們選擇，這時就可以依照我們需要的功能，把它們拉到畫面上。

當我們的畫面都設定好了以後，記得要按右上角的按鈕，

重複上述步驟，我們就可以建置我們要的功能及畫面(要一張一張做)

當畫面都設定好了之後，就可以開始設定路徑，點選第一張就會看到下圖，我們選擇View，如果我們圖片內的東西還有需要修改，則選擇Edit Design回去修改。

選擇View後，我們會看到以下畫面，這部分因為已經設定好了，所以會看到中間有藍色框框。這邊說明一下，進到畫面後，我們可以用指標把"阿里山愛玉凍"框起來，它會變藍色，然後下方會出現我們已做好的圖片，我們就選擇相對應的照片即可，依此類推。再來是要針對第二張圖片設定的時候，我們可以點畫面右邊，有一個半圓的箭頭，按一下就可以跳到下一張照片進行路徑設定。

完成設定後，我們可以按右上Play來測試，測試沒問題後，就可以複製連結貼到medium上，記得要按Done，這樣就大功告成了。