Google Web Designer 搶先玩!超入門揮手動畫中文教學

花了30分鐘摸索出來的步驟,因為最近看了不少YouTube影片自學Adobe After Effect,覺得好多人真是就感心的,於是也大膽錄製8分鐘教學,分享給想要嘗試 Google Web Designer 但又懶得看官方英文教學的朋友。

本片是超超入門的教學,還沒有完全研究這軟體的各個功能,但透過這些步驟,可以快速體驗拖拉就能產生HTML5動畫的驚喜。

本教學只是自發性的、好玩的軟體開箱使用文,有任何使用問題還是請參見官方手冊與官方教學頻道吧!

10/3 新增 :Google Web Designer 搶先玩!(2) 擴充式互動廣告中文示範

本片示範了擴充式互動廣告做法,只是用中文呈現 google web designer 這套軟體的功能/方向應該是主打製作跨平台(HTML5)廣告,歡迎有興趣利用10分鐘一窺究竟的您,稍微瞧瞧。實際完成發佈的banner在此:demo,但是最後一步驟的外部聯結失效,原因尚不可考,不是軟體本身的問題,就是我有疏漏什麼,但只是做個demo,我就不debug啦~~(顯示為懶人狀態)

2014/6/19 更新 :圖形工具都收到畫筆工具中囉!

tool

可能我之前做的影片教學真的「太搶先」,後來google web designer的介面有更新,原本影片中示範可以用來繪製圓形、方形的工具,其實被收到「畫筆工具」中。

這是軟體在發展過程中很可能發生的事情,軟體設計者會將類似的工具都「收納」一起,通常,這樣的按鈕右下角會有個「三角箭頭」代表有更多的工具,請您按住幾秒不放,就會出現次選單、看到更多工具了。所以當我們把玩任何新軟體,都可以記住這樣的「視覺提示」:右下角的三角形代表有更多工具。

0 Shares:
6 comments
  1. 您好:
    我在youtube看到您的教學影片
    我想請問您關於工具列的部分
    (因為我的工具列一直沒有”新增圖形”這個按鈕,應該說都沒有顯示過,砍掉重安裝也是一樣)
    想請問您有遇過這類的問題嗎
    謝謝

  2. 不好意思啊,這麼晚才看到這篇 (之前有太多廣告迴響讓您被淹沒了><) 當初剛推出,或許會有些不完善之處,我自己是的工具列都可以選圓形等等工具呢! 若你是要新增、從外部插入圖片,我是直接用拖曳到中間工作區域的方式 🙂

  3. 我也是一直找不到新增圖形這個按鈕

    馬力妹妹能不能再錄個教學,教我們一下那個廣告要怎麼做呢?
    實在是搞不懂呀!謝謝!

  4. 說來汗顏,後來忙得沒有繼續寫教學,不過我知道圖形工具在哪了,就在畫筆工具裡面,只要按住畫筆工具不放就會出現其他可選擇的工具

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

You May Also Like
閱讀更多

4個免費/商用照片圖庫,寫部落格或做圖文廣告都好好用

今天要來介紹4個我常用或用過的「免費圖庫」與「商用圖庫」,我在上課時有說,不論寫哪一類部落格文章,都務必要有一張圖,在臉書等社群分享時才會出現縮圖吸引點閱。昨天我發表的文章也快速提到可用Canva做臉書/IG甚至Youtube頻道圖,也一定有機會使用到圖庫,所以請繼續往下瞧吧!

RSS是什麼?歡迎用Netvibes體驗!

這篇要寫給完全沒用過RSS閱讀器,不知道什麼是RSS的朋友。找了滿多資料,都講得滿專業,迴響中卻說老人不屑用也不知怎用。其實一般老人不需要知道原理,只要知道:它好不好用。東西好用,想用了,才願意突破自己舊有的訂閱習慣、瀏覽網站的方式。請看上圖,應該多少能理解,通常不管自己在哪裡寫部落格,都有提供一顆﹝RSS訂閱﹞的按鈕,只要寫部落格,有人按了你家的RSS訂閱鈕,那個人可以不用上你網站,用閱讀器就能隨時知道你發表了新文章。反推過來呢,今天我看到一個不錯的寫手blog連載長篇小說,我只要訂閱它RSS,往後用閱讀器即時讀取有無更新文章即可,不用天天到他blog報到、深怕錯過精采章節。