雲端創作快易通[各類平台簡易操作步驟]
第一式:帳號分身快易通
第二式:我的最愛快易通
第三式:流程圖表快易通
第四式:影像繪圖快易通
第五式:海報文宣快易通
第六式:協作互動快易通
第七式:智慧管理快易通
第八式:格式轉檔快易通
第九式:影音動畫快易通
第十式:網站策展快易通
第十一式:立體塑形快易通
第十二式:遊戲創作快易通
第一式:帳號分身快易通
- 10分鐘信箱(https://10minutemail.net/)- 帳號:免
- 使用10分鐘信箱提供的郵件帳號,申請一個需要信箱確認的服務(例如LightMV https://lightmv.com/tw/)→於10分鐘信箱收信驗證帳號
第二式:我的最愛快易通
- Facebook我的珍藏(https://www.facebook.com/saved)帳號:需要
- 對喜歡的文章點選[儲存連結]或[儲存影片]→左側選單[我的珍藏]並設定分類
- Pocket(https://getpocket.com/)- 帳號:需要
- 安裝擴充工具
- 網頁→點選工具列[儲存到Pocket]→建立標籤
- 開啟[Pocket]→標籤→觀看文章
- Flipboard(https://flipboard.com/)- 帳號:需要
- 練習使用Gmail分身術註冊帳號→確認電子郵件
- 搜尋[泛科學]→點選[追蹤]即可訂閱整個網站
- 點選工具列[已追蹤]觀看雜誌
- 對某文章點選[+]→建立[新雜誌]→名稱[科學焦點]→可邀請朋友共編[科學焦點]這本雜誌→點選右上角[帳號]→點選[科學焦點]觀看
第三式:流程圖表快易通
- Coggle(https://coggle.it/)- 帳號:需要
- 點選[創建圖表]→編輯[主題:雲端創作快易通]→點選[+]新增分支A[我的最愛快易通]→點選[+]新增分支A-1[Facebook我的珍藏]、A-2[Pocket並上傳圖示]、A-3[FlipBoard]
- 拖動[+]移動分支位置
- 右鍵[x]刪除分支、修改分支顏色(內圈顏色免費)
- Cacoo(https://cacoo.com/home)- 帳號:需要
- 點選[Log in]→使用[Create one!]後選擇[Free Account]註冊一個帳號並啟用
- 登入後進入儀錶板點選[Create Diagram]
- 左側工具列點選[Shapes/Basic]中拖拉一個矩形到畫面上→改變矩形尺寸
- 對矩形點兩下輸入文字並修改文字樣式
- 上方[Fill]對矩形上色
- 左側工具列點選[Shapes/Basic]中拖拉一個人物到畫面上→改變人物尺寸與位置
- 框選上述物件後右鍵執行[Group]→對其右鍵執行[Duplicate]重製
- 點選已[Group]的物件可個別編輯→做出更多所需要的物件
- 左側工具列點選[Line/Elbow]中拖拉一條連接線並增加[End]箭頭→對兩個物件進行連接→移動物件測試連接線
- 左側工具列點選[Import/Image File]從本機上傳圖片
- 增加[Shapes/Basic]文字泡泡做圖片指示
- 左側工具列點選[Export]匯出PNG圖檔
- 左側工具列點選[Share/Diagram Link]允許任何人透過網址觀看作品→允許任何人不登入共同編輯作品或討論
- 測試多人共編:https://cacoo.com/diagrams/M7sY6dg2wycsOJw0/2A4CF
- 免費帳號可使用6張投影片
第四式:影像繪圖快易通
- SketchPad(https://sketch.io/sketchpad/zh/)- 帳號:免
- 上方點選[Pen]→使用各種畫筆→改變線條和填色
- 上方點選[Select]→點選作品線段移動、變形或刪除→改變線條和填色
- 左上方點選[Export/save. sketchpad]匯出原始編輯檔
- 左上方點選[Export/save. PNG]匯出影像檔
- 左上方點選[Open/Import]匯入原始編輯檔
- Pixlr Editor(https://pixlr.com/editor/)- 帳號:可有可無
- 進入影像處理EDITOR→點選[從電腦打開圖片]從本機上傳圖檔
- 使用[邊框工具]框選圖片局部→執行[濾鏡/高斯模糊]
- 使用[歷史紀錄]還原步驟→新增圖層→使用[畫筆工具]在新圖層塗鴉
- 點選[文件/保存]→格式選[PXD]儲存到本機,下次可[文件/打開圖片]繼續編輯
- 練習[去背]→[魔棒工具]點空白處(可按Shift加選)→點選[編輯/反選]→點選[編輯/拷貝]→點選[編輯/粘貼]於新圖層並移動→新增圖層移動上下順序→點選[油漆桶工具]填色於新圖層確認去背狀況
- 使用[框選工具]全選去背後的物件並拷貝
- [編輯/打開圖片]→將上個步驟的物件[粘貼]上去
- 調整物件位置與尺寸→加入更多物件組織成完整的畫面
第五式:海報文宣快易通
- Canva(https://www.canva.com/)- 帳號:需要
- 登入[建立設計/A4文件]→挑選[免費樣板]
- 點選[上傳]本機相片或使用[元素/免費圖片]
- 拖拉相片到版面的圖片位置取代
- 修改顏色與文字元素
- 最上方點選[下載]→選擇[PDF]格式(適合列印)
- Fotor(https://www.fotor.com/tw/)- 帳號:需要
- 點選[編輯]→右上點選[導入圖片]從本機上傳圖檔
- 點選[基礎調整/一鍵美化]→下方點選[對比]比較前後→上方功能點選[保存]→畫質[高清]→下載
- 點選[特效/移軸虛化]→調整特效後點選[應用]
- 點選[特效/COLOR SPLASH]→塗抹作用區域產生焦點顏色
- 試用[邊框]、[飾品]
- 有鑽石圖像為付費,可試用但有浮水印
- 點選[拼圖/時尚拼圖/自動填充]
- 點選[拼圖/藝術]→拖拉方式填充→編輯文字
- 點選[設計/賀卡]→選擇一個範本→分享到社群網站
- 沒有儀錶板,作品關閉後無法再開
第六式:協作互動快易通
- 密室逃脫(http://hahay.tn.edu.tw/holiyo/index.html)- 帳號:本市教育局OpenID
1. 使用PPT樣板完成內容後輸出成圖片群
2. 使用Easy Holiyo 製作遊戲
3. 增加封面圖片、增加說明頁(最多三頁)
4. 增加題目頁、提示頁、設定正確答案(最多六頁)
5. 時間設定、製作結束頁(成功、失敗各一頁)
6. 儲存檔案、填寫作品資訊、關閉分享(確認完成後再分享)可使用QRcode分享
7. 作品管理
- Socrative(http://www.socrative.com/)- 帳號:需要
A教師編輯測驗卷- 上方點選[Get Account]→點選[GET FREE]→填寫註冊資料→[School]選擇最下面[SCHOOL NOT LISTED]→[School Name]可填中文校名→選擇[Socrative Free]
- 儀錶板點選[帳號/PROFILE/DEMOGRAPHICS]→語言改成[Chinese]
- 最上方中央為邀請碼,學生可循此進入同一測驗
- 點選[測驗/創建測驗]→試卷命名[節能減碳達人]
- 點選[多選]→題目輸入[何者是節省能源的行為?]→選項輸入A[一直開燈]、B[使用貼有能源標章的物品]、C[大量使用交通工具]、D[不關電腦]→勾選B為正確答案
- 點選[對/錯]→題目輸入[二氧化碳是加速地球暖化的氣體?]→勾選[對]為正確答案
- 點選[簡答]→題目輸入[哪一種氣體是加速地球暖化的氣體?]→添加[正確答案]為[二氧化碳](有添加變成填充題;未添加變成簡答題)
- 可對每一個題目進行[編輯]、[刪除]、[調整前後次序]、[重製]等管理→試卷名稱上方點選[保存並退出]
- 回儀錶板[測驗/我的測驗]可編輯剛才的測驗卷,編輯完要[保存並退出]
- 儀錶板點選[發射/測驗]→選擇試卷→以[學生進度-即時反饋]開始
- 參加測驗的學生不須註冊平台帳號,請從Socrative平台首頁點選[STUDENT LOGIN]
- Room Name填入教師[邀請碼]後加入→輸入姓名開始作試卷
- 教師可同步觀看學生作答情況→點選[完成/至發射]結束本次測驗
- 儀錶板點選[報告]觀看或下載成績
第七式:智慧管理快易通
- IFTTT(https://ifttt.com/)- 帳號:需要
- 如果[Pocket]新增一個網頁,就發一份到[Facebook]分享
- 登入後點選[Create]→點選[this]→搜尋並點選[Pocket]→連結[Pocket]後下一步
- 點選[Any new item]→點選[Create Trigger]→點選[that]→搜尋並點選[Facebook]→連結[Facebook]後下一步
- 點選[Create a link post]→點選[Create Action]→點選[Create Recipe]
- 同步會有數分鐘延遲
第八式:格式轉檔快易通
- peggo(http://peggo.co/)- 帳號:免
- 複製一段YouTube影片網址→貼至首頁文字框
- 切換到[Record Video]→選擇下載解析度→點選[Record MP4]
- online-convert(http://www.online-convert.com/)- 帳號:免
- 選擇[Document converter/Convert to PDF]→選擇要轉換格式的檔案
- 點選[Convert file]→轉檔完成自動提示下載
第九式:影音動畫快易通
- LightMV(https://lightmv.com/tw/)- 帳號:需要
- 登入後點選[免費製作]→選擇一個樣板(可先預覽)
- 點選[上傳照片]等候上傳完成
- 添加相簿標題
- 點選[產生預覽]→修改影片名稱等候處理完成
- 點選[輸出&分享]→下載或分享
- Biteable(https://biteable.com/)- 帳號:需要
- 選擇例如[Presentation]樣板→對下方投影片[增加、刪除、重製、移動]做組織
- 切換選擇投影片場景,免費版可自己上傳圖片
- 新增投影片文字,中文只有粗黑體
- 選擇調色樣式→選擇背景音樂→預覽影片→免費用戶只能分享影片
- Animoto(https://animoto.com/)- 帳號:需要
- [MY VIDEOS/Memories]點選[CREATE]→選擇一種風格→點選[CREATE VIDEOS]
- 左側點選[Add pics & vids]匯入本機的影片或相片→匯入完成後左右拉動調整順序
- 左側點選[Add Text]增加影片標題
- 點選[Change Song]改變背景音樂(可從音樂庫選擇更多音樂)
- 點選[PREVIEW VIDEO]預覽影片
- 最上方點選[PRODUCE]→改變影片名稱與代表縮圖→影片品質選[480p]→點選[FINISH]
- 產生影片後點選[Download/480p/MP4]下載影片
- Animatron(https://www.animatron.com/)- 帳號:需要
- 儀錶板點選[CREATE ANIMATION]→確認上方列表位於[DESIGN]下按住[Shift]新增正圓形→修改顏色
- 上方列表切換到[ANIMATION]→時間軸拉到[第2秒]→移動正圓形→時間軸拉到[第4秒]→移動正圓形→測試播放動畫
- 改變時間點正圓形的顏色、變形→測試播放動畫
- 上方列表點選[SHARE]→點選[Link]→點選[CONTINUE]→連結到社群並分享
- 上方列表點選[DOWNLOAD]→點選[Download HTML5 Code]→點選[CONTINUE]→點選[CONTINUE WITH RESTRICTIONS]→點選[GET LINK]後下載
- 可依照網站教學使用[Market]的現成動畫素材
- 點選右上角[My Projects]觀看所有作品
第十式:網站策展快易通
- Spark(https://spark.adobe.com/)- 帳號:需要
1. 使用[Page]製作「網頁版」台南公園介紹作品
- 2. 增加標題與副標題
3. 增加封面背景(可自己上傳或使用平台提供的圖庫)
4. 增加單元文字(Text)
5. 增加拼貼相簿(Photo Grid)
6. 增加影片(Video)僅支援線上影片
7. 預覽作品與分享作品連結
作品範例
-----------------------------------------------------------------------------------------
1. 使用[Post]製作「圖片版」台南公園介紹作品
2. 增加圖片標題文字
3. 選擇圖片尺寸(Slide)
4. 更換背景圖
5. Background:調整背景圖色調
6. Design:快速選擇版面樣式與調整
7. Layout:調整畫面切割方式
8. Palette:快速配色
9. Text:文字樣式與裝飾、位置
10. 預覽作品與分享作品連結、下載檔案
作品範例
-----------------------------------------------------------------------------------------
1. 使用[Video]製作「影片版」台南公園介紹作品
2. 增加影片標題
3. 增加相片(Photo,可自己上傳或使用平台提供的圖庫)
4. Layout選擇權螢幕尺寸的畫面
5. 增加相片文字(Text)
6. 設定圖片停留秒數(最多10秒)
7. 重複增加相片步驟
8. 增加影片(Video,可自己上傳短片)
9. 新增標題,調整影片順序
10. 選擇Theme
11. 選擇背景音樂Music
12. 錄製旁白
13. 預覽作品與分享作品連結、下載檔案
作品範例
- Weebly(https://www.weebly.com/)- 帳號:需要
- 選擇樣板[企業/Brisk]→[使用Weebly.com的子域名]為網站命名網址
- 上方列表切換到[頁面]→修改選單名稱
- 上方列表切換到[主題]→修改色系或字體
- 上方列表切換到[設置]→修改網站標題
- 點選[選擇一個布局]→任選一種預設圖文布局→修改標題與內容文字、樣式→點選圖片→點選[搜索/免費圖片]→任選一張圖片
- 拖拉左側[基本/幻燈片]到網頁版面→選擇風格後上傳本機相片並點選[保存]→設定幻燈片展示方式
- 進入自訂的選單頁面→拖拉左側[基本/地圖]到網頁版面→輸入中文地址定位
- 進入自訂的選單頁面→拖拉左側[基本/聯繫表單、更多/調查]到網頁版面
- 進入自訂的選單頁面→拖拉左側[媒體/YouTube]到網頁版面→輸入YouTube網址
- 切換成行動版預覽
- 點選右上角[發布/繼續]發布網站→連線到網站填寫聯繫表單或調查→
- 回網頁編輯畫面點選聯繫表單或調查→點選[查看輸入內容]
- 點選左上Logo返回儀表板→觀看網頁流量與互動統計→拷貝或刪除網站
- Sway(https://sway.com/)- 帳號:需要
- 功能、操作方式與Weebly雷同
第十一式:立體塑形快易通
- Sketchup線上版(https://app.sketchup.com/app?hl=zh-TW)- 帳號:免
- 按住滑鼠滾輪旋轉場景、滾動滾輪縮放場景、Shift+按住滑鼠滾輪平移場景
- 左側工具箱點選[矩形]→使用[推拉]工具對[面]產生高度
- 左側工具箱點選[直線/曲線]→在[面]上做切割→使用[推拉]工具產生高度
- 右側選擇[材料/水]為模型塊面填色
- 上方點選[儲存]點選資料夾選擇[下載]skp檔案
- 未來可從資料夾選擇[插入]本機skp檔案繼續編輯
- 右側選擇[元件]搜尋關鍵字[car],點選下載模型擺放於場景
- 使用工具調整位置、大小與角度
- 右側選擇[顯示]開啟陰影,調整光源
- SculptGL(http://stephaneginier.com/sculptgl/)- 帳號:免
- 按住滑鼠右鍵拖拉:旋轉場景、滾動滾輪:縮放場景、按住滾輪拖拉:平移場景
- 右側選單[雕刻和塗繪/縮放移動旋轉]方塊:縮放、箭頭:位移、線條:旋轉
- 上方列表勾選[場景/show mirror line]
- 右側選單[雕刻和塗繪/拖拉]拉出鼻子(調整半徑改變作用大小)→同時按住[Alt]是反作用→挖出眼窩
- 繼續拉出耳朵→可使用[膨脹]微調→挖出耳朵凹部
- 使用[平滑]修飾凹凸不平處
- 使用[膨脹]拉出眼球→使用[塗繪]挑選顏色後塗抹於物體上→取消[對稱]畫眼珠反光
- 使用[皺褶]劃出車縫線條
- 點選[檔案/儲存.sgl]存檔到本機→上方列表[場景/清除場景]→點選[檔案/加入]開啟作品繼續編輯
- 連結sketchfab帳號,上傳作品展示,於sketchfab調整材質、光線等設定,VR展示設定
第十二式:遊戲創作快易通
- GDevelop(https://gdevelop-app.com/zh/)- 帳號:需要
- 點選[Create A new Project]→點選[Starters/Platformer]
- 上方點選[Play]試玩
- 點選左上角[Project Manager/Scenes]→刪除範例場景→[add a scene]並點選進入該場景
- A、用滑鼠左右移動人物
- 增加人物:右側[Objects]點選[add an object]→增加一個[Sprite]命名為[user]→點選[add an animation]→點選[+]→選擇一個人物例如[P1_stand]→右下方點選[Choose]→上方頁籤切換到[Behaviors]→點選[add a Behavior to the object]選擇[Platformer character]→右下方點選[Apply]
- 增加地板:右側[Objects]點選[add an object]→增加一個[Sprite]命名為[ground]→點選[add an animation]→點選[+]→選擇一個地面例如[grassHalfMid]→右下方點選[Choose]→上方頁籤切換到[Behaviors]→點選[add a Behavior to the object]選擇[Platform]→右下方點選[Apply]
- 版面布局:從右側[Objects]點選[ground]→版面中點一下增加一個地板並改變其位置和寬度→從右側[Objects]點選[user]→版面中點一下增加一個人物並改變其位置
- 上方點選[Play]試玩
- B、人物避開障礙自動尋路
- 試玩:https://s3-eu-west-1.amazonaws.com/gd-games-preview/1534749304526-47240/index.html
- 點選左上角[Project Manager/Scenes]→[add a scene]並點選進入該場景
- 增加人物:右側[Objects]點選[add an object]→增加一個[Sprite]命名為[user]→點選[add an animation]→點選[+]→選擇一個人物例如[P1_stand]→右下方點選[Choose]→上方頁籤切換到[Behaviors]→點選[add a Behavior to the object]選擇[Pathfinding]→右下方點選[Apply]
- 增加障礙物:右側[Objects]點選[add an object]→增加一個[Sprite]命名為[ground]→點選[add an animation]→點選[+]→選擇一個地面例如[brickWall]→右下方點選[Choose]→上方頁籤切換到[Behaviors]→點選[add a Behavior to the object]選擇[Obstacle for pathfinding]→繼續點選[add a Behavior to the object]選擇[Draggable object]→右下方點選[Apply]
- 版面布局:從右側[Objects]點選[wall]→版面中點一下增加一個地板→[wall]上右鍵可複製並於滑鼠位置貼上→從右側[Objects]點選[user]→版面中點一下增加一個人物並改變其位置與尺寸
- 互動事件:上方切換到[Events]→右上方工具點選[Add a new empty event]→左側點選[Add condition]→選擇[Mouse and touch/Mouse button released]→設定作用為左鍵(left)→右下方點選[OK]→右側點選[Add action]選擇[Pathfinding behavior/Move to position]→設定作用[Object]為[user]→X position處設定選擇[Mouse cursor/Coursor X position]→[Layer]選擇[Base layer]、[Camera]填入0→右下方點選[Done]→同方式設定X position→右下方點選[OK]
- 上方點選[Play]試玩