173만명의 커뮤니티!! 함께 토론해봐요.
미해결
애니메이트로 배우는 나만의 움직이는 이모티콘 만들기(feat. 2천만 뷰 크리에이터)
8분 13초 쯤에 머리 심볼 프레임이 16으로 되어 있어서 15로 바꾸어주니 눈썹이 더이상 올라가지 않았는데요! 프레임이 16이라는 게 무슨 말인지 이해가 안 가네요 ㅠㅠ 저도 똑같이 따라해서 15로 바꿔주니 눈썹이 더이상 움직이지 않아서 잘 따라가고는 있는데 .. 아직 개념이 잘 잡히지 않은 것 같습니다 ㅠㅠ
미해결
애니메이트로 배우는 나만의 움직이는 이모티콘 만들기(feat. 2천만 뷰 크리에이터)
안녕하세요! 잘 듣고 있는데 질문이 있습니다 경례이모티콘 만들기 1편 강의에서 20분 32초 쯤에 머리 심볼의 프레임을 5->4로 바꾸고 6프레임으로 가서 7->6으로 바꾸는데요 이 행위가 잘 이해가 안 가서요 ㅠㅠ 왜 하필 머리 심볼만 바꾸나요? 나머지 팔, 몸통 이 심볼들도 바꿔야하는 거 아닐까 생각해서 들어가보니 얘네들은 1로 되어있네요 ㅠㅠ 이 행위 자체가 이해를 잘 못한것 같습니다!!ㅠㅠ 글로 한번만 설명해주시면 감사드리겠습니다 … 그리고 전체 프레임이랑 심볼이랑 맞추는 행위라고 하셨는데 왜 달라진건지도 궁금해요 !! 중간에 프레임 삭제하고 뒤에 하나 추가해서 달라진 걸까요? 상세한 설명 해주시면 감사드리겠습니다 ㅠㅠ - 먼저 유사한 질문이 있었는지 커뮤니티의 '자주 묻는 질문'과 '질문 리스트' 그리고 '강의 소식'에서 검색해 보세요. - 질문의 내용은 최대한 자세하게 적어주세요. 간단하게 남긴 질문은 정확한 답변을 얻기 힘듭니다. - 문제가 발생한 작업 화면 전체가 보이는 스크린 샷 혹은 영상 을 남기면 가장 좋습니다. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 작성한 질문은 답변을 들은 후 절대 삭제하지 마세요, 다른 수강생분에게도 도움이 됩니다. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
해결됨
웹 애니메이션을 위한 GSAP 가이드 Part.03
범샘님! 빠른 답변 및 업데이트 감사합니다, 답변해주신것처럼 section1, section4에서 스크롤문제가 발생합니다. 이 부분은 질문드리기 전에 확인한 부분이라 해결하였으나, 다만 답변해주신 두번째 경우는 제가 드린 질문의 방향과 조금 달라 재질문 드립니다. section4까지 스크롤을 내린후, 다시 section3까지 스크롤을 end-section3 지점까지 올리고, 다시 section4로 스크롤 할 경우 스크롤이 작동되지 않습니다. 이 부분은 첫번째 질문 드린 경우와 비슷한 상황인거 같은데, 이번에는 반대로 스크롤하는 경우라 direction을 down으로 하는 조건문을 추가하면 되는건지, 조금 더 명확한 답변과 코드를 확인하고 싶어 다시 질문드립니다. 여러모로 바쁘실텐데, 감사합니다!
해결됨
웹 애니메이션을 위한 GSAP 가이드 Part.03
안녕하세요, 쉬운 강의 덕분에 gsap 을 쉽게 접하고 사용할 수 있어서 감사합니다. 근데 해당 부분 구현중에 범샘께서 작성하신 코드(ScrollTrigger-finished)에서 확인해보면 1) section3 도달 후, section2로 스크롤을 올리는 경우 2) section4 도달 후, section3에서 다시 section4 로 스크롤을 내리는 경우 해당 2가지 경우에서 section03을 기준으로 스크롤이 위아래로 작동을 잘 하지 않습니다. if(currentPageIndex === 3) return; 때문인 것 같은데, 스크롤을 자유롭게 올렸다 내렸다 하면서 페이지를 확인할 수 있도록 하려고 하는데 잘 안되네요. 코드를 어떤 방식으로 수정해야할지 질문 남깁니다. 감사합니다.
미해결
애니메이트로 배우는 나만의 움직이는 이모티콘 만들기(feat. 2천만 뷰 크리에이터)
- 먼저 유사한 질문이 있었는지 커뮤니티의 '자주 묻는 질문'과 '질문 리스트' 그리고 '강의 소식'에서 검색해 보세요. - 질문의 내용은 최대한 자세하게 적어주세요. 간단하게 남긴 질문은 정확한 답변을 얻기 힘듭니다. - 문제가 발생한 작업 화면 전체가 보이는 스크린 샷 혹은 영상 을 남기면 가장 좋습니다. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 작성한 질문은 답변을 들은 후 절대 삭제하지 마세요, 다른 수강생분에게도 도움이 됩니다. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 자주 쓰느 색상으로 팔레트 만들기는 못하나요? 색상 추출로 사용해야 하는거죠..?
해결됨
애니메이트로 배우는 나만의 움직이는 이모티콘 만들기(feat. 2천만 뷰 크리에이터)
- 먼저 유사한 질문이 있었는지 커뮤니티의 '자주 묻는 질문'과 '질문 리스트' 그리고 '강의 소식'에서 검색해 보세요. - 질문의 내용은 최대한 자세하게 적어주세요. 간단하게 남긴 질문은 정확한 답변을 얻기 힘듭니다. - 문제가 발생한 작업 화면 전체가 보이는 스크린 샷 혹은 영상 을 남기면 가장 좋습니다. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 작성한 질문은 답변을 들은 후 절대 삭제하지 마세요, 다른 수강생분에게도 도움이 됩니다. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 경례 2부 강의 따라하고 있습니다. 어디서부터 틀린건지..... 11프레임에 키프레임 추가하고 트윈 하면 12프레임에서 머리 몸 팔이 이상한곳으로 이동 됩니다. ㅜㅡ
해결됨
웹 애니메이션을 위한 GSAP 가이드 Part.03
안녕하세요 선생님~ 다름이 아니라 강의 파일 내에 " https://source.unsplash.com/random... " 이런 주소를 가진 이미지들이 모두 엑박으로 떠서 글 남깁니다! 확인 부탁드립니다!
해결됨
블렌더 3D 미피 캐릭터 인사하는 애니메이션 만들기
1강 시작할때 소개해주신 애드온이 기본으로 나타나질 않아서 애드온 리스트를 알고싶습니다 잘부탁드립니다
미해결
애니메이트로 배우는 나만의 움직이는 이모티콘 만들기(feat. 2천만 뷰 크리에이터)
안녕하세요! 질문있습니다! 일러스트레이터에서 작업한 결과물을 애니메이트로 옮겼을 때의 상황입니다. 애니메이트에서 불러오기하는 방법 대신 빠르게 일러스트 작업물을 마우스로 잡고 애니메이트에 옮기는 방법에서 문제가 발생했는데요, 아래와 같이 이런 문장이 뜨는데요, 이걸 다 수용하니 작업물을 더블클릭하니 수정이 가능하게끔 그룹이 잘 묶어져 있었는데요, 그런데 회사 컴퓨터에서 똑같이 했는데, 마치 그냥 사진 이미지처럼 더블클릭을 해도 그룹으로 묶여 있지 않고 수정도 아예 안 되더라구요.. 뭔가 오류가 난 걸까요..?ㅠㅜ
해결됨
웹 애니메이션을 위한 GSAP 가이드 Part.03
안녕하세요 범쌤! 강의 너무 재밌게 잘 듣고 있습니다. 선생님의 강의를 들으면서 사이드 프로젝트에 바로바로 적용해보려고 시도중인데요. 레퍼런스 사이트를 찾아보면서 구현하고 싶은 UI가 있는데 도저히 감이 잡히질 않아 문의드립니다..! https://www.studio-particle.com/ 위 링크의 해당 영역 부채꼴 UI는 어떤 방식으로 그린걸까요.. ㅠㅠ ? (제 개인적인 생각으로는 자식요소들을 부채꼴로 위치를 지정하고 부모요소를 스크롤에 따라 rotate 시키는 방법이 효과적이지 않을까? 하는 생각을 해보았습니다.) 여러방면으로 검색하고 찾아봐도 답이 나오질 않아 문의드려봅니다..! 항상 강의 잘 듣고 있습니다. 친절하고 세심한 강의 감사합니다!
해결됨
웹 애니메이션을 위한 GSAP 가이드 Part.03
강의 내용에선 fullpage.js 대신 직접 gsap을 활용해서 원페이지 형식을 만드는 방법을 알려주셨는데 물론 fullpage보다 직접 gsap으로 구현시 원하는 기능을 커스텀하기는 좋지만 모바일 환경에서(터치관련해서) 대응하기 쉽게 fullpage를 사용해는 경우가 많아서 혹시 강의에서는 원페이지 관련해서 터치 이벤트에 대한 내용이 없어서 따로 사용하시는 방법이 있으신가요? 모바일에서 터치 드래그시 일정부분 섹션이 따라서 스크롤 되다가 터치를 놓은 시점에서 얼만큼 비율을 넘기는지에 따라 원래섹션으로 아니면 다음섹션으로 가는 기능을 추가해야하는데 gsap기능을 혼합해서 사용시 onLeave시 충돌이 생길것 같아서.. 물론 직접 만들면 되지만 혹시 참고할만한 예시코드가 있으신가요?
해결됨
애니메이트로 배우는 나만의 움직이는 이모티콘 만들기(feat. 2천만 뷰 크리에이터)
안녕하세요! 열심히 수강하고있는 학생입니다. 너무 마음에드는 그림을 그려서 그 그림으로 강의를 보며 연습하고있는데, 다 그리고 보니 처음 생성시 프레임 숫자를 20이 아닌 30으로 했더라고요 ...ㅠㅠㅠ 프레임 숫자 변경하는 방법이 있을까요? 없다면 프레임 숫자를 변경하지 않고 히어로 포즈 1부 강의를 들어도 무관할까요 ?..ㅠㅠㅠ
해결됨
웹 애니메이션을 위한 GSAP 가이드 Part.03
강의 수강중인데 노션 링크는 어디에서 볼 수 있나요?
해결됨
웹 애니메이션을 위한 GSAP 가이드 Part.03
안녕하세요. 강사님 강의 완강하고 반응형 작업을 테스트 해보던 중에 잘 풀리지 않는 점이 있어 문의 드립니다. 아래 코드에서 반응형 matchMedia 로 해상도 별로 나눠서 작업하려던 중에 pin이 끝나고 bottom 영역이 반쯤 올라왔을때 개발자모드에서 기기 툴바를 사용해 모바일 사이즈로 전환해 버리면 pin된 영역이 틀어지는 현상이 발생합니다. 이전 가로와 높이값을 그대로 유지하고... 원인과 이유를 알 수 있을까요? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>TEST</title> <style> * {margin: 0; padding: 0;} .wrap { overflow: hidden; } .top { height: 400px; } .center { position: relative; overflow: hidden; width: 100vw; height: 100vh; background: purple; } .bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; height: 80%; border-radius: 40px; background: yellow; } .bottom { height: 2000px; background: gray; } .box { width: 200px; height: 200px; background: orange; } </style> </head> <body> <div class="wrap"> <div class="top"></div> <div class="center"> <div class="bg"></div> </div> <div class="bottom"> <div class="box"></div> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/ScrollTrigger.min.js"></script> <script> ScrollTrigger.create({ trigger: '.wrap .center', start: 'top top', end: "+=2000", animation: gsap.to('.wrap .bg', {width: '100%', height: '100%', borderRadius: 0}), pin: true, scrub: true, invalidateOnRefresh: true, markers: true, }) const wrapper = document.querySelector('.wrap'); const box = document.querySelector('.box'); const mm = gsap.matchMedia(wrapper); mm.add('(max-width: 1024px)',()=>{ gsap.to(box,{ backgroundColor: '#000', }) console.log('m'); }) mm.add('(min-width:1025px)',()=>{ gsap.to(box,{ rotation: 360, duration: 2, repeat: -1, ease:'none' }) console.log('pc'); }) window.addEventListener('resize', ScrollTrigger.update) // window.addEventListener('resize', ScrollTrigger.refresh) </script> </body> </html>
해결됨
애니메이트로 배우는 나만의 움직이는 이모티콘 만들기(feat. 2천만 뷰 크리에이터)
안녕하세요 이번에 수강하게된 학생입니다. 현재 타블렛은 PTH 651을 쓰고 있고요. 질문하기전에 다른분이 질문한 것에서 답을 조금 찾았는데요 1.필압이 먹히지 않을 경우 wintap으로 바꿔줄것. 2. 그러나 투모니터의 경우 매핑이 투모니터 전체로 지정되어서 쓰는데에 불편함(감도나 원을 제대로 그릴 수 없음)이 있어서 결과적으로는 windows Ink 로 사용을 해야하는데요. 그렇다면 투모니터를 사용하는 사람은 모니터를 포기하거나 필압을 포기해야하는 걸까요?ㅠㅠㅠ 투모니터를 쓰면서 필압도 가져가고 싶은데...애니메이트라는 프로그램 자체가 투모니터와 호환이 안되게 만들어진건가요? 확실히 모니터 한쪽을 포기하니까 wintap으로는 필압이 돌아오더라구요...
해결됨
1. [언리얼 노베이스/입문] UE5 스파르타 클래스: 실전편
카메라 화면 방향이 바뀌지 않은 이유는 a,d 키가 아니라 방향키로 캐릭터를 제어해서 그런거죠? a,d 키 누르면 카메라 화면이 90도 바껴서요
해결됨
애니메이트로 배우는 나만의 움직이는 이모티콘 만들기(feat. 2천만 뷰 크리에이터)
안녕하세요. 열심히 배우고있는 학생입니다. 다름 아니라 열심히 찾았는데 못찾겠어서 질의드립니다. 밑그림이랑 드로잉 완료 파일은 어디서 다운 받을 수 있나요?ㅠㅠ 기본적인 질문 죄송합니다!!!!
해결됨
블렌더 3D 미피 캐릭터 인사하는 애니메이션 만들기
아 뭔가 배웠는데 그 지점을 다시 찾을 수가없어요 ㅠㅠㅋㅋ 어플라이는 언제 왜 해주는걸까요? 구글에서 검색해서 알아보고왔는데 ~ 수정한 부분을 영구적으로 사용하고싶을때 라고하는데 무슨 소린지 잘 모르겠어요 송생님
해결됨
블렌더 3D 미피 캐릭터 인사하는 애니메이션 만들기
사이클로 렌더했을때 EEVEE보다 자글거리는게 원래 맞는건가요? 아니면 컴퓨터 성능 차이일까요?
해결됨
블렌더 3D 미피 캐릭터 인사하는 애니메이션 만들기
이렇게 따라하고 싶은데 자꾸 CTRL + R을 눌러도 가운데에 점 밖에 생기지 않습니다 왜 이런 건가요?
