iT邦幫忙

2022 iThome 鐵人賽

DAY 3
0
Modern Web

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

Spline - Day 3 – 3D icon – instagram

  • 分享至 

  • xImage
  •  

第三天,要來做一個簡單的icon – instagram,做的時候我會將它的圖形拆開來看,我拆成了下面幾項:

  1. 第一個做最底層的漸層正方形
  2. 第二個做一個白色的正方形
  3. 第三個做一個小的漸層正方形
  4. 第四個做一個小圓環
  5. 第五個做一個右上的小球

我做的影片: https://www.youtube.com/watch?v=qZgl7V-QKuU

第一個最底層部分,主要是做出漸層的效果,其中介紹了如何增加厚度及如何用陰影增加立體感。

第二個部分,是第二層的白色方形跟第三層的漸層正方形,這兩個的作法跟第一層的漸層作法大同小異,就是把顏色改成純白色跟漸層即可。

第三個部分,是添加它的圓環跟小球,最後將這些所做的材料群組起來,變成一個獨立的icon。就會出現一個立體的icon – instagram。

*補充: 影片中先拉一個平面是指先拉一個要做的icon平面圖。

成品: https://ithelp.ithome.com.tw/upload/images/20220912/20151431eYiKsaH06g.png

預告: Day 4 – outlines – instagram


上一篇
Spline - Day 2 - 簡單介紹Spline基本功能
下一篇
Spline - Day 4 - outlines – instagram
系列文
30天學習 3D網頁 - spline30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言