Squash and Stretch

: 찌그러지고 늘어나는 움직임

예) 물체가 바닥에 부딪혔을 때 잠깐 찌그러지는 모양을 Squash,

다시 튀어오를 때 늘어나는 모양을 Stretch

 

Anticipation

: 어떠한 동작을 하기 전에 하는 사전 동작(준비 동작)

예) 점프하기 전에 물체가 살짝 웅크려지는 모양

 

Straight ahead action

: 순차적으로 형태를 그리는 것. 형태를 예측하기 힘든 물체에 대한 애니메이션에 적합함.

예) 연기, 액체, 불

 

Pose to pose

: Keys(메인포즈) -> Extremes(보조 포즈) -> Breakdowns(더 세분화된 포즈) 순으로 그리는 것.

 

Follow through

: 이동하던 물체가 멈췄을 때 더 나아가는 부분. 관성

 

Overlapping

: 메인 바디와 타이밍이 다르게 움직이는 부분.

 

Slow in & Slow out

: 가속 & 감속

 

Secondary action

: 메인 행동을 돋보이기 위한 모든 보조 동작

예) 슬픈 캐릭터를 표현하기 위해 눈물, 손으로 얼굴을 가리는 동작, 어깨를 떠는 동작 등.

 

'공부 > Ae' 카테고리의 다른 글

스토리보드  (0) 2024.11.21
정리?  (0) 2024.11.20
Text Animator  (0) 2024.11.13
트랙매트  (0) 2024.11.12
Radial Wipe 효과  (0) 2024.11.11

긴 영상이나 복잡한 영상을 만들 때

스토리보드를 작성하면 헷갈리거나 빼놓는 부분 없이 작업할 수 있기 때문에

작성하는 연습을 해두면 좋을 것 같다.

 

[모션 그래픽 제작 단계]

기획 - 스토리보드 - 애니메틱 - 디자인 - 모션 - 사운드 - 마무리

 

[Camera Shots]

Extreme Long Shot (ELS) : 전체적인 배경 위주

Long Shot (LS) : 캐릭터 전신과 배경 일부 (상황)

Medium Shot (MS) : 캐릭터 상반신 (안정적)

Close Up (CU) : 캐릭터 얼굴 (감정 전달)

Extreme Close Up (ECU) : 캐릭터 눈이나 입 같은 특정 부분 (드라마틱 연출)

Over The Shoulder (OTS) : 한 캐릭터에 걸쳐서 다른 인물을 보여줄 때 (대화)

Point Of View (POV) : 캐릭터 시점 (시청자 시점)

 

[Camera Angles]

Eye Level : 피사체 눈높이 (일상적, 안정적)

High Angle : 피사체를 내려다보는 앵글 (나약 또는 귀엽게)

Low Angle : 피사체를 올려다보는 앵글 (강하게 또는 위험한 인상, 독특한 느낌)

 

[Camera Movement]

Pan : 화면이 수평하게 좌우로 움직임 (화면 전환에도 사용)

Tilt : 카메라 고정 상태에서 상하 움직임

Zoom : 확대 / 축소

'공부 > Ae' 카테고리의 다른 글

애니메이션 원칙  (1) 2024.11.22
정리?  (0) 2024.11.20
Text Animator  (0) 2024.11.13
트랙매트  (0) 2024.11.12
Radial Wipe 효과  (0) 2024.11.11

중앙선 기준, 위아래로 텍스트가 한글자씩 나왔다가 들어가는 모션

 

1. 도형툴로 중앙선 그리기

2. 선 기준 위아래 텍스트 적어서 배치하기

3. 위 텍스트 레이어에 애니메이션을 추가

4. 포지션을 선 아래로 내려주고 Shape를 Ramp Up으로 변경

5. 0초에 Offset -100 , 1초에 100으로 키프레임 추가

6. 텍스트 레이어 선택 상태에서 도형툴 클릭, 마스크 씌어주기. 글자가 보여야할 선 윗부분에만.

7. 속도 그래프 조절해서 텐션감 주고 모션 블러 스위치 켜기.

아래 텍스트도 같음.

8. 선은 1초에 스케일 스톱워치 켜고 0초에 가로값 0으로 설정해서

선이 가로로 늘어나게끔.

9. 각자 타이밍 조절해서 보기좋게 하기.

10. 모든 레이어 키프레임을 복붙해서

키프레임 선택 > 마우스 오른쪽 버튼 > 키프레임 어시스턴트 > 타임 리버스 누르면

일일히 옮기지 않아도 키프레임 위치가 바뀐다.


맨왼쪽에 위치한 직사각형 도형에서 텍스트가 오른쪽 방향으로 나오는 모션

 

1. 텍스트 적어서 배치

2. 텍스트 세로폭에 맞춰 직사각형 도형 만들어 배치

3. 1초에 텍스트 포지션 스톱워치를 켜고 0초에 직사각형 너머 왼쪽으로 이동

4. 여기선 마스크를 쓸 수 없음 * 마스크는 포지션과 함께 이동하기 때문

5. 대신 트랙매트를 사용해 마스크와 같은 효과를 줄 것.

6. 레이어 위치도 주의할 것.

7. 1초에 선 스케일 스톱워치 켜고 0초에 세로값 0을 주면 세로로 길어지는 효과

8. 텍스트에 텐션을 주고 타이밍 맞춰 바 배치

9. 똑같은 방법으로 사라지게끔.

 

*레이어 맨 오른쪽에 Parent & Link 라는 기능이 있는데,

레이어 두 개를 부모 자식 관계로 묶어주는 기능으로 자식의 좌표가 부모 좌표에 속하게 된다.

1번 레이어에 모션을 줄 때 다른 레이어도 같은 방식으로 움직여야 할 때가 있다. 그럴때 따로 모션을 주는 게 아닌,

같이 움직여야 할 레이어에 1번 레이어를 부모로 적용시켜주면 1번에만 모션을 줘도 동일하게 움직인다.


선만 있는 박스안 텍스트가 박스와 함께 나타나고 사라지는 모션

 

1.  텍스트 적고 배치

2. 선만 있는 직사각형이 텍스트를 감싸게 배치

3. 박스 앵커포인트를 박스가 나타나기 시작하는 위치로 옮김 (도형 패스의 앵커 값)

4. 박스 스케일 값을 줄인다(도형 패스의 스케일 값)

* 이때 스케일 값을 줄이면 스트로크 값도 자동으로 줄어든다

스트로크 레이어를 따로 빼서 순서를 바꿔주면 선이 줄어들지 않음

5. 트랙매트가 될 사각형을 만들기 위해 박스 레이어를 복사한다

6. 선을 없애고 색을 채워서 트랙매트 적용

7. 나머지 같음


세번째와 비슷한데 텍스트가 투명함

이럴땐 트랙매트에 반전을 걸어주면 됨.

박스도 선을 없애고 색을 채워줘야 투명한 텍스트가 보이겠지?

나는 사라지는 위치를 바꾸고 싶어서 앵커포인트를 건드려했는데

트랙매트가 같이 움직여서 그냥 트랙매트를 복사해서 바를 적절하게 잘랐다..

다른 방법이 있을까

'공부 > Ae' 카테고리의 다른 글

애니메이션 원칙  (1) 2024.11.22
스토리보드  (0) 2024.11.21
Text Animator  (0) 2024.11.13
트랙매트  (0) 2024.11.12
Radial Wipe 효과  (0) 2024.11.11

 

2024 서울 디자인 페스티벌

주말엔 사람이 많을 것 같아서 평일날 후딱 다녀옴

처음 가보는 건데 볼 것도 많고 예쁘고 귀여운 것도 많고

신기한 디자인들도 많았다.

 

아침만 해도 외출하기 싫어서 힘들었는데

꾹 참고 다녀온 보람이 있다.

 

기억에 남는 건

한복 디자인 옷과 악세사리

도자기 그릇

협저 그릇..

협저는 삼베나 모시 등의 섬유를 심으로 하여 옻칠하는 기법...이라는데

직접 만져봤더니 엄청 얇고 가벼웠다!

업사이클링 물건도 엄청 많았다.

 

되도록 내년에도 가고 싶다

 

글자 하나하나 레이어를 만들어 모션을 주는 것보다 간편하게

텍스트 애니메이션을 만들 수 있는 기능.

 

 

텍스트를 적고, 텍스트 레이어 속성을 열면 핑크색 박스로 표시한 Animate 버튼이 있다.

버튼을 누르면 적용할 옵션들이 뜬다.

이 중 Opacity를 누르면 핑크색 화살표 Animator1 속성이 생기고

 

Animator1 안에 파란색 화살표 Opacity 속성이 추가되어 있다.

Animator1 안에 또 속성을 추가하고 싶다면

Add 버튼을 눌러 추가하고픈 속성을 클릭하면 된다.

 

 

Based On 은 적용할 범위?를 설정할 수 있다.

글자, 스페이스 불포함 글자, 단어, 줄

 

 

 

 

Ramp Up은 글자가 하나씩 올라오는 효과

'공부 > Ae' 카테고리의 다른 글

스토리보드  (0) 2024.11.21
정리?  (0) 2024.11.20
트랙매트  (0) 2024.11.12
Radial Wipe 효과  (0) 2024.11.11
Circle Burst  (0) 2024.11.09

마스크 기능과 비슷한 트랙매트인데

마스크는 레이어에 바로 적용되어 아래 레이어와 마스크가 같이 움직임.

트랙매트는 별도의 레이어가 필요해서 아래 레이어와 마스킹 레이어가 따로 움직임.

 

모드 전환 F4

트랙매트는 블렌딩 모드에서 사용가능.

트랙매트는 알파, 루마 두 가지가 있음.

 

빨강: 루마 / 파랑: 알파

 

알파: 투명도 차이가 있는 매트. A(알파)값만 인식.

색상에 영향받지 않음.

 

루마: 색상 밝기나 명도 차이가 있는 매트. 색상값만 인식.

어두울수록 투명해짐.

흑백 소스에 주로 루마 매트를 씀.

(A값이 모두 255일때도)

 

매트 버튼 옆은 반전 버튼.

'공부 > Ae' 카테고리의 다른 글

정리?  (0) 2024.11.20
Text Animator  (0) 2024.11.13
Radial Wipe 효과  (0) 2024.11.11
Circle Burst  (0) 2024.11.09
도형 그 외 속성  (1) 2024.11.08

오늘은 이펙트 효과 일부,,랑

만들어뒀던 컴포지션 가져오는 방법,,그냥 가져오면 되더라. 다른 프로젝트 파일도 가능.

글을 어떻게 써야할지 정리가 안돼서 마구잡이로 쓰고 나중에 수정할 생각.

 

간단한 아이콘이나 그림같은 건 일러스트로 넘어가지 않고도 에펙 내에서 바로 만들어 쓸 수 있음.

눈금자 단축키 Ctrl+R 다른 어도비 프로그램처럼 눈금자를 드래그해서 화면에 배치가능.

가이드 지우기 Ctrl+;

 

Effects & Presets

▼Transition

         Radial Wipe : 트림패스랑 비슷한데 이건 면도 가능.(트림패스는 선 효과)

앵커 위치 중요

 

Wipe Center 의 앵커모양 버튼을 클릭하면

앵커의 위치를 정할 수 있음.

 

Wipe 는 회전 방향을 정할 수 있음.

시계방향 / 반시계방향 / 양방향

 

* 이펙트 효과를 준 뒤에 오브젝트 위치를 잘못 잡고 옮기면 앵커포인트가 따라오지 않음...아직 뭔지 모르겠음

 

 

▼Generate

     Fill : 색 채우는 효과. 만들어놓은 모션을 끌고와서 색을 바꾸고 싶을 때 쓸 수 있다. 기존 색 위에 덮어씌어짐.

 

▼Perspective

     Drop Shadow : 그림자 효과.

'공부 > Ae' 카테고리의 다른 글

Text Animator  (0) 2024.11.13
트랙매트  (0) 2024.11.12
Circle Burst  (0) 2024.11.09
도형 그 외 속성  (1) 2024.11.08
도형 레이어  (0) 2024.11.08

 

 

1. 같은 모양 도형을 여러개 만들고 싶다면

복붙이 아니라 Repeater 속성을 활용할 것.

Rotation값을 추가하면 기준점을 중심으로 둥글게 위치시킬 수 있다.

 

2. 원에 구멍을 뚫어주기 위해 Ellipse Path 복붙하고 Merge Paths - Subtrack 추가

두번째 원의 키프레임을 이동해서 시간차를 줘도 되지만 더욱 간단하고 자연스럽게 하기위해 스피드 그래프로 조절.

두 원이 같은 시간에 키프레임이 위치해 있어서 그래프 조절을 안하면 화면 상으로 보이지 않는 상태.

그래프로 두 원이 시간차를 두고 커지게 조절하기.

 

첫번째 원은 확 하고 커졌다가 서서히 커지면서 멈춤

두번째 원은 서서히 커졌다가 확 커지면서 멈춤>사라지는 연출이 됨.

 

3. 

이 버튼을 체크해제 한 후에 Alt키를 누른 상태로 체크하면 가로 사이즈에 맞춰 정비율이 된다.

 

이번에는 Trim Paths를 이용.

Start , End 속성을 같은 값으로 맞춰주고 마찬가지로 그래프로 조절.

 

 

 

'공부 > Ae' 카테고리의 다른 글

트랙매트  (0) 2024.11.12
Radial Wipe 효과  (0) 2024.11.11
도형 그 외 속성  (1) 2024.11.08
도형 레이어  (0) 2024.11.08
Temporal Interpolation  (0) 2024.11.07

+ Recent posts