inflearn logo
강의

Course

Instructor

Understanding Lottie to Improve Designer Skills

How to use After Effects Bodymovin

AE에 PNG를 첨부하여 json 파일로 내리면 json에 img도 포함되나요?

1738

777kwkim

5 asked

0

강사님 안녕하세요 ㅎ
강의 정말 유익하게 시청하였습니다.

한 가지 여쭐 것이 있어 질문을 드리게 되었습니다.

움직이는 도형(ai로 구현)과 그 배경이 되는 png 파일을 에펙의 하나의 컴포넌트 안에서 bodymovin을 사용하여 json 파일로 출력하였습니다.

이때, json 파일만 가지고도 포함된 png의 이미지가 웹상에 표현되는지 궁금합니다. 다른 협업 팀원에게 json 파일을 전달하려 하는데, 이때 포함된 png 파일도 json 파일과 함께 전달해야할까요?

감사합니다.

인터랙티브-웹 javascript 웹 디자인 Lottie

Answer 1

0

designbase

안녕하세요. 질문에 대한 답변을 드리자면, 출력시 포함된 png파일도 함께 전달해야합니다.
png같은 파일을 영상에 같이 넣어서 json으로 출력하게되면 images라는 폴더와 함께 안쪽에 png파일이 따로 적용되게 됩니다. 
출력된 json 파일을 보면 중간에 images/ img_0.jpg 이런식으로 이미지 경로로 불러오는 구문이 보일텐데 이부분이 특정 경로에 있는 파일을 불러오는 것입니다.

png 파일도 같이 전달해줘야 제대로 적용됩니다. json 기준으로 해당 경로에 파일이 유실된 경우는 흔히 말하는 엑박이 뜨게됩니다. 꼭 json에 있는 폴더와 파일명이 동일하게 적용되어야 됩니다~!

프론트엔드 학습 수준 문의

0

19

2

리액트 챕터별 코드에서 eslint 설정파일이 없어요

0

36

2

최근 코테, 과제 테스트 트렌드

0

51

2

lucide react 아이콘 설치

0

34

2

17강 zustand store 서버에서 생성

1

29

1

문의관련 문의

0

36

2

next.js 를 2대이상 실행하는 경우 제공하는 cache 기능들은 어떻게 되나요?

0

46

2

76. 전문성 더하기: 놓치면 아쉬운 관련 기술들 수업 자료가 없어요.

0

41

2

음성 파일 두개가 들리네요

0

20

0

ai 도구 질문

0

27

1

저는 왜 콘솔에서 props가 한 줄만 찍히나요?

0

43

1

렌더링 차단 리소스 javascript 실행에 관련해서 질문 있습니다.

0

43

2

데이터 로딩중 화면만 계속 나와요!!

0

48

2

퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요

0

73

2

02-04 layout.tsx 구조가 달라요

0

53

2

불변성을 지키며 수정 삭제를 할때도 Map이 유리한가요?

0

48

1

개인 프로젝트로 앱 개발해서 다운로드 1300 달성했는데 어느 정도 의미가 있을까요? (안드로이드 개발자)

0

65

1

22강 강의 영상 문의 드립니다.

0

46

2

20강 마무리작업에서

0

35

2

아래 위치에 동영상이 보이지 않습니다.

0

51

1

Vercel 사용법

0

71

2

저도 bodymovin 에 composition이 생성되지 않습니다.

0

623

1

최신버전으로 하고 다 해봐도 bodymovin 에 아무것도 안떠요

1

1475

3

안녕하세요~

0

651

1