본문 바로가기

가끔/🔮6

Spline :: 반응형 3D 조약돌 만들기 🔮 Spline :: 반응형 3D 조약돌 만들기 - Sphere로 구를 여러개 만들어주고 Color, Depth, Frensel을 이용해 색상, 반사광, 테투리 등을 만들어준다. - 구의 위아래 반사광은 2개의 depth로 따로따로 설정한다. - 유리 조약돌은 glass 효과를 입혀주고 fresnel 추가해서 좀 더 잘보이게 한다. Blur, Thickness, Refraction으로 유리 값 조절한다. - 뒤쪽에 흐리게 하기 위해서는 사각형에 glass 효과 넣어서 배치해준다. - 조약돌 모양을 잡으려면 Smooth & Edit을 한다음 Distorting아닌 sculpt 툴을 이용해 모양을 잡아준다. - sculpt를 누르고 grab으로 모양을 내준다. 📘 Takeaways - 이전에 했던 disto.. 2022. 10. 9.

Spline :: 반응형 3D 물풍선 만들기 🔮 Spline :: 반응형 3D 물풍선 만들기 - Sphere로 물방울을 만들어주고 displace로 움직이는 모양 만든다. 기본 효과값이 되게 낮은데 100으로 올려준다. Scale, movement를 조절하면서 모양을 잡는다. - light는 항상 overlay로 해서 조절해준다. - Event를 만들어서 10이었던 material displace/movement를 400로 올린다. - Event start로 설정해서, duration 40로 하고 leaner로 해주면 되는데 나는 Mouse Hover로 해줬다. 📘 Takeaways - 그냥 마우스로 움직이는건 event로 설정이 안 됐는데 값을 적는거는 설정이 되나보다. 🔗 Tutorial https://www.youtube.com/watch?v.. 2022. 10. 9.

Spline :: 반응형 3D 토글 만들기 토글을 클릭 하면 색상이 바뀐다. 🔮 Spline :: 반응형 3D 토글 만들기 - 토글이 얹어질 배경을 사각형으로 만든다. 기본 배경이 아니라 사각형으로 해서 따로 배경을 만들어줘야 State로 Event를 만들어 색상을 변경할 수 있다. - 기본 사각형에서 코너 둥글게 하고 두께 만들어서 토글 배경을 만든다. - Color와 Depth를 이용해서 색상과 반사광을 만든다. - 위에 구를 얹고 배경 가운데 오게 한다. - 구에 Color와 Depth를 이용해서 색상과 반사광을 만든다. - 토글 위에 큐브를 만들어서 왼쪽과 오른쪽 가짜 Touch Target을 만들어준다. 이때 레이어를 끄면 안되고 오른쪽 패널에서 Color를 안 보이게 해줘야 클릭이 가능하다. 이때 사각형이 아닌 큐브를 쓰는데 회전할 때.. 2022. 10. 8.

Spline :: 돌출된 그라데이션 글자 3D 만들기 🔮 Spline :: 돌출된 그라데이션 글자 3D 만들기 - Plane으로 표면 만들기 - Smooth & Edit으로 표면 쪼개주기 - 쪼개진 면들 중 돌출시킬 면들을 선택해서 Extrude 하기 - Depth로 글자색과 표면색 만들고 배경색을 표면색 스포이드 찍어서 같게 만들기 - 다른 색깔 Depth로 추가하기 📘 Takeaways - Extrude로 돌출시키기, 근데 이걸로 State 저장은 안된다. 번형을 시키면 Base state도 함께 변한다. 그래서 scale로만 인터렉션 줬다. - 표면색과 배경색을 같게 할 때 칼라코드로 붙여넣기 하면 조명 때문에 같은 색을 넣더라도 다르게 보인다. 스포이드로 찍어서 설정해준다. 🔗 Tutorial https://youtu.be/LY8HvCBvlJo 2022. 10. 7.

Spline :: 반응형 3D 키보드 만들기 (Interactive 3D Keyboard) 이미지 클릭 후 키보드에서 1, 2, 0, Enter를 누르면 반응한다. 🔮 [Spline] 반응형 3D 키보드 만들기 (Interactive 3d Keyboard) - 큐브를 만든 후 Shape/Smooth & Edit을 이용해서 모서리가 둥근 큐브를 만들어준다. - 더 자연스러운 키보드 느낌을 위해서 Loof cut, Edge slide를 이용해 모양을 잡아준다. - 키보드 색은 Depth를 이용해 만들어주고 주황색 반사광은 Depth World로 만들어준다. (Absolute position 개념) - State를 만들어서 Y축을 옮겨준 다음 이벤트를 만들어서 Key down, Key up으로 State를 연결해준다. 📘 Takeaways - 큐브에서 코너값을 주는 것보다 Smooth & Edit를.. 2022. 10. 6.

Spline :: 반응형 구 만들기 (Interactive Spheres in 3D) 가운데 빛나는 구에 마우스를 올리면 주변의 미니 구들이 반응한다. 🔮 [Spline] 반응형 구 만들기 (Interactive Spheres in 3D) - 가운데 메인 구를 만든다. - 주변에 미니 구를 만들고 축을 바깥으로 가게 옮겨준다. - 구의 색을 Lightning이 아닌 Depth와 Frensel로 만들어준다. 이때 Depth는 Local이 아닌 World로 해서 이동했을 때도 그림자가 자연스럽게 되게 만들어준다. 노랑-파랑, 파랑-어두운 파랑 이런식으로 Depth를 쌓아준다. - 미니 구에 여러 상태를 만들어 바깥으로 위치를 옮긴다음에 메인 구에다가 마우스 호버 이벤트를 만들어 그 상태들을 링크해준다. - 애니메이션은 spring으로 delay들을 다르게 걸어주면 훨씬 자연스러워 진다. 📘 .. 2022. 10. 6.

이전 1 다음

티스토리툴바