AR 互動賀卡輕鬆做|讓祝福「動」起來,留下驚喜回憶!

帶你用 [ Unity + Photoshop + Vuforia AR ],做互動的 AR 生日卡片,太酷了!〔因應 Unity 版本差異,課程部分章節有提供補充文件~〕

4.60 (19 reviews)
Udemy
platform
中文
language
Game Design
category
AR 互動賀卡輕鬆做|讓祝福「動」起來,留下驚喜回憶!
53
students
5.5 hours
content
Jan 2023
last update
$27.99
regular price

What you will learn

學會用 Photoshop 修圖。

學會用 Unity 將喜歡的圖片做成動畫。

學會怎麼快速上手做 AR

教你學會用 Unity + Photoshop + Vuforia 整合應用。

Why take this course?

~ 立即享有 "折扣優惠序號",詳情請查看「idea 數位創意設計」臉書粉絲頁 ~

生日卡片除了可愛圖案之外,還能有什麼創意呢?
使用 AR 的功能,能讓可愛圖案從卡片 " 跳 " 出來、" 動 " 起來,還能出現在你身邊喔!


你能做到..
把喜歡的卡片圖案,做成動態、互動的 AR 卡片
讓你祝福的人,擁有獨一無二,令人驚豔的 AR 體驗。


會使用二個軟體、一個 AR 平台

Photoshop + Unity + Vuforia (三效整合) = AR 互動生日卡

讓你可以學的多、學的實用、學得有趣!



※ Photoshop 修圖

將生日卡片圖案拍照後

教你使用不同的工具指令來修改圖案

熟悉更多工具指令的應用

來製作 AR 的素材



※ Vuforia AR 平台

把生日卡片的圖案,上傳到平台上作為識別圖,並下載 Database Package 。



※ Unity 創作 AR 內容

1. 匯入 Database Package

2. 將處理好的素材做成動畫

3. 匯入音效

4. 使用煙火分子系統

5. 製作 UI 按鈕

6. 撰寫互動程式

7. 功能測試

8. 發佈 Android APK 檔案

9. 手機 App 安裝實測



※ 課程內容包括:

  • Photoshop 修改生日卡圖案

  • Photoshop 動畫素材元件修圖與轉檔

  • Vuforia AR 平台帳號申請

  • 建立 License Manager 與 Target Manager

  • 下載與安裝 Unity

  • 匯入 Vuforia Database

  • 設定 AR Camera 與 Image Target

  • Unity 新增動畫元件材質

  • Unity Animation 動畫設計

  • 加入音效、建立 UI 按鈕 與 分子系統

  • C# 基本程式撰寫

  • AR 動畫控制程式撰寫

~ 立即享有 "折扣優惠序號",詳情請查看「idea 數位創意設計」臉書粉絲頁 ~

Content

Photoshop 修改生日卡圖案

Photoshop 軟體下載
課程素材檔案 下載
1-1. 使用 "影像旋轉" 指令 與 "透視裁切" 工具
1-2. 使用 "色階" 調整圖層 與 "影像尺寸"、"儲存檔案" 指令
1-3. 使用 "魔術棒" 或 "快速選取" 工具 與 "拷貝圖層" 指令 (雲)
1-4. 使用 "多邊形套索" 工具 與 "平滑選取" 指令 (雲)
1-5. 使用 "內容感知移動" 工具 與 "仿製印章" 工具 (雲)
1-6. 使用 "筆刷" 工具 (雲)
1-7. 使用 "選取相近色" 指令 (文字)
1-8. 使用 "橢圓形選取" 工具 與 "水平翻轉" 指令 (長頸鹿眼睛)
1-9. 選取 長頸鹿身體 與 "填滿" 指令
1-10. 選取 腳、尾巴 拷貝圖層
1-11. 選取 氣球 拷貝圖層 與 "去除飽和度" 指令
1-12. 小鳥 拷貝圖層 與 翅膀變形
1-13. 將 雲、身體、眼睛、腳、尾巴、氣球、鳥、文字 另存成 PNG 圖檔

Vuforia AR平台

2-1. 註冊 Vuforia 帳號 (若已註冊可以略過此小節)
2-2. 建立 License Manager 與 Target Manager
2-3. 下載 Database

Unity 建立 AR 場景

3-1. 下載與安裝 Unity (若已安裝可以略過此小節)
3-2. 視窗介面基本操作 與 Android 平台切換
3-3. 匯入 Database
3-4. 設定 AR Camera 與 Image Target
3-5. 建立 Quad 與 新增材質 (雲、文字)
3-6. 建立 Quad 與 新增材質 (身體、眼睛、尾巴)
3-7. 建立 Quad 與 新增材質 (腳、鳥、氣球)
3-8. 新增 Animation 動畫 與 設定 (身體、尾巴)
3-9. 新增 Animation 動畫 與 設定 (腳、氣球)
3-10. Web Cam AR 測試

加入音效、建立 UI 按鈕 與 分子系統

4-1. 加入 Audio Source 音效屬性 與 建立 UI 按鈕
4-2. 建立 煙火分子系統

C# 基本程式撰寫 與 功能測試

5-1. C# 基本觀念介紹
5-2. Visual Studio 程式編輯器安裝 (若已安裝可以略過此小節)
5-3. 動畫控制 程式撰寫 (1)
5-4. 動畫控制 程式撰寫 (2)
5-5. 判別螢幕方向 程式撰寫
5-6. 煙火按鈕 程式撰寫 (1)
5-7. 煙火按鈕 程式撰寫 (2)
5-8. 眼睛 與 鳥 圖片替換 程式撰寫

Android 開發環境程式安裝 (若已安裝可以略過此章節,畫面與課程內容不同,但不影響操作設定)

6-1. 安裝 JAVA 客戶端程式
6-2. 安裝 JAVA SDK (JDK) 與 Android SDK

Android 手機 AR App 測試

7-1. Android 發佈設定
7-2. 發佈 Android APK 檔
7-3. 手機安裝 AR App 測試

Screenshots

AR 互動賀卡輕鬆做|讓祝福「動」起來,留下驚喜回憶! - Screenshot_01AR 互動賀卡輕鬆做|讓祝福「動」起來,留下驚喜回憶! - Screenshot_02AR 互動賀卡輕鬆做|讓祝福「動」起來,留下驚喜回憶! - Screenshot_03AR 互動賀卡輕鬆做|讓祝福「動」起來,留下驚喜回憶! - Screenshot_04

Charts

Price

AR 互動賀卡輕鬆做|讓祝福「動」起來,留下驚喜回憶! - Price chart

Rating

AR 互動賀卡輕鬆做|讓祝福「動」起來,留下驚喜回憶! - Ratings chart

Enrollment distribution

AR 互動賀卡輕鬆做|讓祝福「動」起來,留下驚喜回憶! - Distribution chart
2877404
udemy ID
3/17/2020
course created date
4/1/2020
course indexed date
Bot
course submited by