iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

30天學習 3D網頁 - spline 系列

一直在想網頁能如何變的更創新,又不會跟別人撞題,就從網路上找資料、看影片,最後決定,朝3D的方向去延伸,因為我覺得立體的網頁能吸引使用者的目光,使他們停留並觀看,所以打算趁這次機會嘗試看看。

參賽天數 13 天 | 共 30 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文
DAY 1

Spline - Day 1 - 前言

如果你也是對於3D網頁有興趣的朋友們,卻找不到方向或是資源去學習的話,那麼你千萬走過不要錯過,參考看看這30天的文章吧 ~ 這30天我要來分享學習3D圖形製作的...

2022-09-11 ‧ 由 yufangzheng 分享
DAY 2

Spline - Day 2 - 簡單介紹Spline基本功能

Spline的中文版跟英文版沒有太大的差別,我就用中文版介紹了~登入後的介面長的跟英文版的一樣,若是初學者可以點擊看教程,這裡提供到Spline的官方YouTu...

2022-09-12 ‧ 由 yufangzheng 分享
DAY 3

Spline - Day 3 – 3D icon – instagram

第三天,要來做一個簡單的icon – instagram,做的時候我會將它的圖形拆開來看,我拆成了下面幾項: 第一個做最底層的漸層正方形 第二個做一個白色...

2022-09-13 ‧ 由 yufangzheng 分享
DAY 4

Spline - Day 4 - outlines – instagram

第四天,要來做的是添加圖形的描邊(outlines),延續上一篇 instagram 的 icon ,我要來讓它變得更不一樣,要如何做呢 ~ 我的影片連結: h...

2022-09-14 ‧ 由 yufangzheng 分享
DAY 5

Spline - Day 5 - 玻璃材質 – 茶壺(Teapot)

今天我要來做的是玻璃材質的茶壺,對於玻璃的材質來說,做起來偏複雜,雖然要設定比較多參數,但是可以透過群組成一個固定使用的材質,下次要使用直接套用即可,不用每次都...

2022-09-15 ‧ 由 yufangzheng 分享
DAY 6

Spline - Day 6 - 發光效果 – 星星

第六天,我要做的是發光的效果,其實做起來很簡單,下面整理幾個簡單的步驟 : 先創建一個要讓它發光的圖形,這裡我用的是星星圖形。 接下來,調整自己想要的厚度及圓...

2022-09-16 ‧ 由 yufangzheng 分享
DAY 7

Spline - Day 7 - boolean shapes – 簡單的冰淇淋

第七天,要來做的是簡單的冰淇淋圖形。其實boolean的方法簡單,只要將兩個要 boolean 的圖形選取,右邊會顯示Boolean Modifier(布爾方案...

2022-09-17 ‧ 由 yufangzheng 分享
DAY 8

Spline - Day 8 – 凸起圖案 - 愛心

第8天,做了凸起圖案,可以自己選擇要做圖形,這裡我選擇做的是愛心圖形,給大家參考參考。做完這個圖案的時候,真的會一直看著它,因為真的超級可愛,雖然本來要做空心的...

2022-09-18 ‧ 由 yufangzheng 分享
DAY 9

Spline - Day 9 - 立體圖案 - 手

第9天,做了立體的手,看起來雖然只是幾根平凡無奇的手指,但是我必須要說,我真的調超久,因為不是拉完圖形就完事了,還要調整他的角度、大小跟形狀,還要讓它做出來的時...

2022-09-19 ‧ 由 yufangzheng 分享
DAY 10

Spline - Day 10 - 立體圖形(捏外型) - 貓咪外型

第10天,要做的是立體的貓咪,做一個立體圖形最難的地方就是調整形狀,雖然感覺跟捏黏土差不多,但是最主要還是要熟悉裡面的重要功能,才能將圖形展現出來。 我整理了做...

2022-09-20 ‧ 由 yufangzheng 分享