728x90 반응형 2D Motion Graphic13 애프터 이펙트 / UI,UX에서 사용할수있는 애니메이션 녕하세요. 냉칠이입니다! 유튜브를 보다가 UI/UX 디자인에서 주로 사용하는 애니메이션 영상을 그것에 대한 포스팅을 해보겠습니다. 1. 터치하는 애니메이션 / 원(Ellipse) 만들기 / 애니메이션 적용 애프터 이펙트를 켜주시고 Eliipse Tool을 이용해서 원을 하나 만들어주세요. 그런 다음 [Size]와 [Stroke Width] 속성의 스톱워치를 눌러주세요. 15 프레임 정도 넘어가서 Size -> 40 Stroke Width -> 2 로 해주세요. 1초로 넘어가 신다음 Size -> 150 Stroke Width -> 0 으로 해주세요. 다 하시면 이런 식의 애니메이션이 생깁니다. Easy Ease (F9) 넣어주시고 그래프 에디터로 들어가 줍니다. 그래프를 잡아당겨 이런 식으로 만들어주세요.. 2021. 7. 16. 애프터 이펙트 / 여름에 대한 키프레임 애니메이션 영상 만들어보기! 안녕하세요. 냉칠이입니다! 이번에 해볼 포스팅은 여름이라는 주제로 애니메이션 영상을 만들어보는 작업을 해보겠습니다. 우선 [여름]하면 생각나는 단어들을 한번 생각해볼게요. 여러분들은 여름하면 무슨 생각이 나시나요? 저는 [햇빛],[바다]등등이 생각이 나네요. 그럼 자기가 생각하는 여름으로 애니메이션을 한번 만들어볼까요? 우선 저는 주제를 [바닷가]로 정했습니다. 배경을 만들어 주고 [여름]이라는 글씨를 썼습니다. 그런 다음 바닷가를 표현하기 위해 [모래사장]을 만들어 보겠습니다. 배경에 [Gradient Ramp] 효과를 넣어 하늘 모습을 표현했고 모래사장은 간단하게 원모양 Shape Layer로 만들어주고 [Gradient Ramp] 효과를 넣어주었습니다. 다음은 해를 만들어 보겠습니다. 원형 레이어만.. 2021. 6. 22. 애프터 이펙트 / 자동추적(Auto tracking) 애니메이션 영상 만들기 안녕하세요. 냉칠이입니다! 오늘의 포스팅은 유튜브를 보다가 포스팅하고 싶은 영상이 있어서 만들어보겠습니다. Auto-tracking (자동추적) 애니메이션 영상입니다. 1. Rectangle , Ellipse Tool로 Shape Layer 만들어주기. 1-1 Stroke로만 Rectangle Shape Layer를 만들어주세요. * 저는 Stroke 5 / Size 300으로 만들었습니다. 1-2 Fill로 Ellipse Shape Layer를 만들어주세요. * Size 15로 해주었습니다. 2. Rectangle Shape Layer 복제해서 Line(라인) 만들어주기. 2-1 처음 만들었던 Rectangle Layer를 2개 복제해주세요. 2-2 그런 다음 Size 속성을 열어서 자물쇠 부분을 풀어.. 2021. 6. 19. 애프터 이펙트 / 간단한 아이콘(icon) 로딩 애니메이션 영상 ;안녕하세요. 냉칠이입니다! 오늘은 유투브를 보다가 알고리즘에 의해 나온 간단한 아이콘 로딩 애니메이션 영상을 만들어보려고합니다. 동영상 원본에서는 도형을 4개의 파트로 나누어 각각 다른 애니메이션을 잡아주지만 저는 한 도형을 가지고 4개의 애니메이션을 주겠습니다. 영상출처는 글 마지막에 남겨놓겠습니다! 1. 도형(Shape Layer) 만들어주기 * Rectangle Tool을 이용해서 네모 박스 만들기 * Pen Tool을 이용해서 네모 박스 끝에 꼬리표시 만들기 * Ellipse Tool을 이용해서 네모 박스 안 로딩원 만들어주기 2. Scale을 이용한 애니메이션 원(Shape Layer)를 모두 선택한뒤 [S] 버튼을 눌러 Scale 속성이 나오게 해주세요. 0초에서는 100 7프레임 뒤로 가서.. 2021. 6. 18. 이전 1 2 3 4 다음 728x90 반응형
