감사합니다. 좋은 팁들이 많은데 영상들이 모두 쇼츠라 너무 빨라서 따라하기 힘들다는 아쉬움이 있습니다. 😅
@let_figma
16 күн бұрын
자세한 튜토리얼은 블로그에도 있어요 m.blog.naver.com/nick8888 방문하셔서 꿀팁 얻어가세요
@let_figma
Ай бұрын
이미지로 로띠 애니메이션 만드는 가장 쉬운 방법 로띠로 애니메이션 만들 때 벡터 일러스트로만 만드셨나요? 이제 Phase에서 이미지를 바로 Lottie로 추출해보세요~ 번거로운 변환 작업 필요 없이 Phase에서 모션 작업 후 바로 익스포트 하면 되요. 다양한 이펙트가 들어간 이미지, 3D 이미지, 쉐도우 이미지 모두 Lottie.JSON으로 추출됩니다. 1. 피그마에서 디자인한 비트맵 이미지를 3배수 png로 추출해주세요.(배수는 여러분의 프로젝트에 맞게 설정해주세요) 2.Phase.com 접속 후(로그인, 회원가입 필요) 새파일을 만들어줍니다. 3.Insert new asset 메뉴 선택 후 이미지를 화면으로 가져옵니다. 4.하단 Animate mode 토글 클릭하면 애니메이션을 바로 만들 수 있어요~ 5.모션 작업 후 상단 오른쪽 Export 버튼 클릭 후 Lottie(.json) 으로 추출하면 끝! 주의할 점은 배수의 이미지가 json 코드내에 포함되기 때문에 용량이 커질 수 있어요. 용량 확인은 필수! 용량 최적화된 이미지로 작업하는게 좋겠죠~ #Phase #Animation #UXUI #Design #디자이너모션 #애니메이션툴 #페이즈 #디자이너 #로띠 #Lottie #ImagetoLottie #이미지로띠 #로띠변환 #앱디자인 #모션디자인
Пікірлер: 3