inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

174만명의 커뮤니티!! 함께 토론해봐요.

이상한 부분이 있어서 문의드립니다.

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.03

섹션3. Advanced Trigger 에서 Animation Toggle(1) 강좌에서 문의드립니다. 첫번째 왼쪽에는 프로그래스 스크롤트리거를 넣었는데요, 아래 소스에서 trigger: '.scroll-content' 에서 대상을 넣을걸로 알고 있는데요, 마크업 구조상에 .scroll-content 라는 이름의 클래스명이 없는데 이건 어디서 나온걸까요 <nav class="lnb"> <div class="progress"></div> <ul> <li> <div class="dot"></div> <span>Home</span> </li> <li> <div class="dot"></div> <span>About</span> </li> <li> <div class="dot"></div> <span>Product</span> </li> <li> <div class="dot"></div> <span>Portfolio</span> </li> <li> <div class="dot"></div> <span>Contact Us</span> </li> </ul> </nav> <div id="container"> <section class="section section01"><h2>section1</h2></section> <section class="section section02"><h2>section2</h2></section> <section class="section section03"><h2>section3</h2></section> <section class="section section04"><h2>section4</h2></section> <section class="section section05"><h2>section5</h2></section> </div> ScrollTrigger.create({ trigger: '.scroll-content', start: 'top top', end: 'bottom bottom', animation: gsap.from('.progress',{scaleY:0,transformOrigin:'center top',ease:'none'}), scrub: true, })

  • javascript
  • 애니메이션
  • 인터랙티브-웹
  • gsap
  • scrolltrigger
gangsugi 댓글 1 좋아요 1 조회수 142

이미지 내보내기 할 때 질문있습니다 -png한꺼번에 출력

해결됨

애니메이트로 배우는 나만의 움직이는 이모티콘 만들기(feat. 2천만 뷰 크리에이터)

안녕하세요~ 강의 듣고 너무 도움이 많이 되었습니다 궁금한 점이 있어서 남기는데요 :] 글이 좀 깁니다.. 움직이는 이모티콘을 만들고 있는데요 복잡하여 '장면'으로 24개를 생성해서 만들고 있습니다 제안할 때 모두 움티로 만들지는 않아서 png 파일이 필요한데요 1. 한꺼번에 png 저장하는 기능이 있을까요?단축키만 누르면 추가 설정 없이 바로 png 저장되는 거요! '제작 설정'으로 png저장을 하려고 하면 출력이름이 똑같게 설정되서 자꾸 '덮어씌워서' 저장됩니다 .png로 설정해놓으면 새롭게 1.png 2.png 이런식으로 되는 게 아니라 똑같이 .png로 저장되어 새로운 파일을 저장하려고 해도 덮어 씌워집니다ㅜ >>장면별로 돌아가면서 '제작'단축키가 따로 먹혀서 png 개별로 저장되는지 알고싶습니다 ㅠ 장면별로 제작설정을 따로 해서 일일이 저장해야 하는 걸까요 2.또는 일러스트처럼 "액션" 기능처럼 단축키 1개만 누르면 png로 바로 저장되는 것(내보내기-원본저장-이름까지 한꺼번에 저장되는)은 없을까요.. 추가로!! 24개 움티땜에 "장면"을 사용하다 보니 단축키 '장면 편집 모드로 이동'하는 부분이 뭔가 꼬였는데요.. 보통 장면 편집 모드를 저는 "객체 편집 나가기 "용으로 썼었는데 장면을 쓰고 나니까 이게 자꾸 장면탭으로 가고 객체 나가기가 안 되네여.. 장면을 쓰지 말아야 되는지.. 객체 편집 나가기 다른키는 없나요.. 자꾸 중복되서 잘 쓰던 키인데 못쓰고 있네요 너무 글이 길었죠... 요약하자면 장면별로 돌아가면서 일일이 [내보내기-이미지내보내기-원본선택-저장-이름쓰고png저장 ]이런 과정을 거쳐야 하는 것인지요.. '제작'으로 장면 하나하나 png쉽게 저장되는 방법이 있는지, 일러스트처럼 액션기능 같은 게 있는지 궁금합니다 혹시라도 보시고 답변 주신다면 감사하겠습니다 !!

  • 이모티콘
  • 애니메이션
  • animate
bg808 댓글 2 좋아요 0 조회수 266

전문용어가 너무 많아요 ㅠ

해결됨

블렌더 3D 미피 캐릭터 인사하는 애니메이션 만들기

전문용어가 너무 많아요.. 이거 보기전에 봐야할 강의가 있는건가요 6:19에 인셋페이스? 뭐 쓰라는데 그게 뭔지.. 단축키에도 안보이고 ㅠㅠ 이거 해보고 괜찮으면 강의들 구매할 예정인데 혹시 이거 보기전에 봐야할 사전강의가 있나요?

  • blender
  • 리깅
  • 캐릭터-디자인
  • 애니메이션
  • animations
Jabeom Gu 댓글 2 좋아요 1 조회수 194

smooth-scrollbar 관련 질문

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.03

smooth-scrollbar js 는 scrollerProxy 랑 연동해야하는 귀찮은 문제가있는데 Lenis는 scroll 값을 window.scrollY 에 그대로 반영하면서 부드러운 스크롤 효과를 주기 때문에, GSAP의 ScrollTrigger 랑 자연스럽게 연동되거든요 굳이 왜 어려운길을 가는지 이유가 궁금합니다. scrollerProxy 의 학습을 위해서인지 아니면 Lenis의 어떠한 문제가있어서 인지 궁금해서 여쭈어 봅니다.

  • javascript
  • 애니메이션
  • 인터랙티브-웹
  • gsap
  • scrolltrigger
duddnd 댓글 2 좋아요 1 조회수 288

렌더 시 손과 팔 왜곡 현상

해결됨

블렌더 3D 미피 캐릭터 인사하는 애니메이션 만들기

Cycle 로 렌더했을 때 들고 있는 팔과 손 부분이 왜곡되어 보이는데 어떻게 하면 수정할 수 있을까요?

  • blender
  • 리깅
  • 캐릭터-디자인
  • 애니메이션
  • animations
Eunsam Lee 댓글 2 좋아요 1 조회수 211

오른팔 회전 시 찌그러짐

해결됨

블렌더 3D 미피 캐릭터 인사하는 애니메이션 만들기

3:30 왼팔은 이상 없이 회전되는데 오른팔을 회전할 때 찌그러지는 이유가 뭘까요?ㅜㅜ

  • blender
  • 리깅
  • 캐릭터-디자인
  • 애니메이션
  • animations
댓글 1 좋아요 0 조회수 200

미러모디파이어로 원 만들때 각이지는 문제 질문드려요

해결됨

블렌더 3D 미피 캐릭터 인사하는 애니메이션 만들기

점을 지워서 반원으로 만들기>어플라이 all transform, scale하기> 미러모디파이어> 섭디비모디파이어 이 순서로 진행했는데요,, 저 원 중간에 각이 왜 생기는 걸까요..? 클리핑을 활성화 하거나 merge값을 키워도 해결이 안되네요 ㅜ 어플라이가 문제인가 싶어 어플라이 없이 진행해도 결과가 같아요 제가 설정창을 잘못 건드린 걸까요..? 이전에 미피 얼굴 만들때엔 스무스한 원이었는데 미러하면 자꾸 각이 생기게 되네요

  • blender
  • 리깅
  • 캐릭터-디자인
  • 애니메이션
  • animations
모몽 댓글 2 좋아요 1 조회수 219

imagesLoaded 에 관해 질문드려요

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.03

섹션2. Basic Trigger Practice(3) 이 부분을 들었는데요, 여기서 강사님 화면에서는 숫자 0에서 100% 올라가는 숫자카운팅이 보여지는데 전 0% 에서 바로 100% 가 되어서요, 그 이후의 동작은 정상적으로 잘 되구요~ 소스를 완성본을 복사해봐도 동일하구요

  • javascript
  • 애니메이션
  • 인터랙티브-웹
  • gsap
  • scrolltrigger
gangsugi 댓글 1 좋아요 1 조회수 142

블렌더 F12 렌더 오류

해결됨

블렌더 3D 미피 캐릭터 인사하는 애니메이션 만들기

수업 16:01 부분에 렌더를 돌리는 부분에서 오브젝트는 나오지 않고 그리드만 나오는데 해결방법이 없을까요? 인터넷에 나오는 visivility - mask 체크, 카메라 확인, 슬롯 확인, Post Processing의 compositing과 Sequencer 체크 등등 확인 했는데 나오지 않습니다.

  • blender
  • 리깅
  • 캐릭터-디자인
  • 애니메이션
  • animations
hongdangmuya 댓글 3 좋아요 2 조회수 1916

블렌더 버전 업데이트에 따른 설정 변경

해결됨

블렌더 3D 미피 캐릭터 인사하는 애니메이션 만들기

안녕하세요. 블렌더는 처음이라 어렵지만 어찌저찌 해서 풍선모델링+랜더링 부분까지 왔는데요. 블렌더가 업데이트 버전으로 하려니 아마 설정 위치 같은 것이 변경이 되어서 초급자가 찾기가 참 어렵네요..모르는 것은 검색해서 진행해 왔지만 이것만큼은 도저히 찾기가 어려워 질문 드립니다. 지금 랜더엔진 부분의 Eevee엔진에서 Ambient Occlusion, Bloom, Screen Space Reflections를 체크하면 좀 더 예쁜 작업물을 얻을 수 있다 하셨는데 블렌더 업데이트 버전에는 저 부분들이 보이지 않고 있습니다. 어디에 들어가면 확인할 수 있을까요?? ( 강의 타임라인은 풍선 모델링 + 렌더링 15:24부분 )

  • blender
  • 리깅
  • 캐릭터-디자인
  • 애니메이션
  • animations
hongdangmuya 댓글 3 좋아요 2 조회수 2039

컨트롤 a 단축키 오류

해결됨

애니메이트로 배우는 나만의 움직이는 이모티콘 만들기(feat. 2천만 뷰 크리에이터)

일부 레이어를 옮기고 싶은데 컨트롤 a하는게 맞죠? 근데 적용이 안되서 그런데 뭐가 문제가 있는걸까요?ㅜ

  • 이모티콘
  • 애니메이션
  • animate
수연 댓글 1 좋아요 0 조회수 269

애니메이션 2분짜리 제작 가능할까요?

해결됨

애니메이트로 배우는 나만의 움직이는 이모티콘 만들기(feat. 2천만 뷰 크리에이터)

애니메이트 프로그램으로 2분짜리 애니메이션을 만들려고 하는데요! 이 길이로 작업이 가능할까요? 끝까지 댕겨보니 이 길이까지던데 2분 애니메이션 가능한가요 ?

  • 이모티콘
  • 애니메이션
  • animate
수연 댓글 2 좋아요 0 조회수 243

전체 선 굵기 조정 방법

미해결

애니메이트로 배우는 나만의 움직이는 이모티콘 만들기(feat. 2천만 뷰 크리에이터)

(사진)

  • 이모티콘
  • 애니메이션
  • animate
수연 댓글 2 좋아요 0 조회수 455

심볼을 레이어로 변환시 레이어 생성 오류

미해결

애니메이트로 배우는 나만의 움직이는 이모티콘 만들기(feat. 2천만 뷰 크리에이터)

- 먼저 유사한 질문이 있었는지 커뮤니티의 '자주 묻는 질문'과 '질문 리스트' 그리고 '강의 소식'에서 검색해 보세요. - 질문의 내용은 최대한 자세하게 적어주세요. 간단하게 남긴 질문은 정확한 답변을 얻기 힘듭니다. - 문제가 발생한 작업 화면 전체가 보이는 스크린 샷 혹은 영상 을 남기면 가장 좋습니다. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 작성한 질문은 답변을 들은 후 절대 삭제하지 마세요, 다른 수강생분에게도 도움이 됩니다. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요 안녕하세요 아래와 같이 심볼을 레이어에 배포 진행하였는데 이상한 레이어가 많이 생성되며 오른팔이라는 레이어가 생성 되지 않습니다 ㅠ 혹시 어떤게 잘못되었는지 알 수 있을까요?? 오른팔 심볼 생성후 레이어에 배포클릭 결과 화면 .

  • 이모티콘
  • 애니메이션
  • animate
yoolee.hong 댓글 2 좋아요 0 조회수 290

애니메이트 기능

해결됨

애니메이트로 배우는 나만의 움직이는 이모티콘 만들기(feat. 2천만 뷰 크리에이터)

애니메이트 프로그램은 주로 타블렛 사용해서 작업을 하나요? 2. 저는 깔끔한 선을 주로 하는데, 일일이 마우스로 펜도구로 작업하는게 수월할까요? 3. 그리고 일러스트레이터 기능 중 매끄럽게 도구처럼 애니메이트는 선을 다듬는 기능은 없을까요? 애니메이트는 다듬는 기능이 없어서 펜도구를 사용하면 다듬는게 제일 힘든 거 같아서요...ㅠ.ㅠ

  • 이모티콘
  • 애니메이션
  • animate
수연 댓글 3 좋아요 0 조회수 293

scroll Draw SVG에서 실선이 아닌 점선으로 그리고 싶어요

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.03

안녕하세요. 강의를 통해 gsap을 입문한 학생입니다. 현재 강의는 스크롤 시 실선이 나타나는데 점선으로 나타내고 싶습니다. 현재 강의에서의 설정부분인데 pathLength = document.querySelector(element).getTotalLength(); gsap.set(element,{ strokeDasharray:pathLength, strokeDashoffset:pathLength, }) strokeDasharray 설정 부분에 dashArray 간격이 16을 넣었더니 이미 실선이 그려진채로 나오더라구요. 드래그하면서 실선이 그려져야하는데... 실선이 아닌 점선으로도 구현할 수 있는지 궁금합니다

  • javascript
  • 애니메이션
  • 인터랙티브-웹
  • gsap
  • scrolltrigger
ssooya90 댓글 1 좋아요 1 조회수 220

향후 캐릭터 애니메이션 관련 질문

미해결

[켠김에 출시까지] UE5 다크앤다커 스타일의 익스트랙션 RPG (D1)

안녕하세요, 이제 막 Animation Blueprint 강의를 들을려고 하는데 강의/개발 계획에 궁금한 점이 있어 질문 드립니다. 개인적으로 언리얼의 컨트롤릭과 모션매칭 등 프로시저럴 애니메이션에 관심이 있어 병행학습중인데, 혹시 향후 해당 기능을 사용하실 예정이 있을까요?

  • c++
  • unreal-engine
  • 언리얼-c++
  • 애니메이션
Oh Seo 댓글 2 좋아요 0 조회수 288

파트 4 오픈 일정 문의

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.03

안녕하세요! 1~3 파트 까지 완강했고.. 다른 강의자보다 범쌤 강의가 저에게 너무 잘 맞아서.. 범쌤 다음 강의만 기다리고 있습니다 ㅠ ㅅ ㅠ 다음 강의 오픈 일정 예정이 언제쯤 일까요?! ㅠ

  • javascript
  • 애니메이션
  • 인터랙티브-웹
  • gsap
  • scrolltrigger
한봉경 댓글 2 좋아요 1 조회수 183

Ctrl + 숫자패드+/- 단축키 질문

해결됨

블렌더 3D 미피 캐릭터 인사하는 애니메이션 만들기

Ctrl + 숫자패드+/- 주위의 영역을 넓혀가거나 좁혀가면서 선택 제가 맥북을 사용중인데요 컨트롤 대신 option,command, shift 등을 대신 눌러봐도 작동을 안하네요ㅜ 이 기능의 명칭? 같은게 있을까요? 맥용 단축키 서치해도 해당기능은 잘 안나와서요

  • blender
  • 리깅
  • 캐릭터-디자인
  • 애니메이션
  • animations
모몽 댓글 2 좋아요 1 조회수 614

GSAP을 사용하면서 리사이징 시 애니메이션 값 재할당에 대해 질문드립니다.

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.03

const end = document.querySelector(".last").getBoundingClientRect().left; 위 코드와 같이 요소의 특정 값을 사용하여 gsap 애니메이션을 사용할 경우 resize 이벤트 시 정상적으로 동작하는 케이스가 종종 있는데 리사이즈 이벤트가 발생할 때마다 addEventListener를 통해 gsap 애니메이션 코드를 모두 다시 호출하여 값을 재할당하는 방법밖에 없을까요? 리사이징에 대비하여 애니메이션 값을 동적으로 업데이트할 수 있는 더 효율적인 방법이나 권장되는 접근 방식이 있는지 질문드립니다.

  • javascript
  • 애니메이션
  • 인터랙티브-웹
  • gsap
  • scrolltrigger
보르코 댓글 2 좋아요 1 조회수 254

인기 태그

인프런 TOP Writers

주간 인기글