#35_피그마에서 3d그리기<스킬업 챌린지>

 

 

오늘은 플랫한 아이콘을 활용해서

입체감 넘치는 3d아이콘으로 만들기!

 

3d만들때 항상 중요하게 생각해야하는게

빛, 어둠, 그림자가 전부 인 것 같다

그리고 이제 1px도 아니고 0.25px까지

쪼개가면서 디테일하게 잡아주고 있다

 

 

 

Inner shadow와 Drop shadow

Gradiant로 만들었다

 

[입체감 만들기 3단계]

 

1. 배경 그라디언트깔기

빛과 어둠을 설정해서 은은하게 그라디언트를 깔아준다

 

2. 이너쉐도우 깔기

- 빛 : 화이트 40%, x:2 y:2 blur 6

-강한 빛  화이트 100% x:.5 y:.5 blur 1.5

- 어둠 : 컬러값 x:-2 y:-2 blur:6

- 두께감 : 컬러값 x:-1 y:-1 blur:1.5

 

빛2개와 어둠2개로 이너쉐도우를 깔아준다

 

중요한건 빛과 어둠의 설정을

명확하게 해야함!

 

3. 그림자 깔기

마지막으로 그림자가 필요한 부분은

드롭쉐도우를 이용해서 그림자를 깔아주면 완성

 

하나하나 섬세하게 작업하다가

어느순간 봤을 때 입체감이 느껴진다

 

 

이렇게 완성 ~

하나하나 그림 그리는것 같은 느낌~?

 

원리만 이해하면 다른 곳에서

활용할 수 있을듯!!

 

예전에는 포토샵으로 작업했는데

피그마로 하니까 더 깔끔하고 편한것 같다

피그마 만쉐이 ~~🙌

 

일단 지금은 시간이 없으니까 하나만 했지만

만들어 볼 예제가 여러가지여서 쫌만 더 만들다가 자야겠다..