After Effects 2022 기초 편 - 1

완전 기초탄 1

by Sunny Choi

4학년인데 방학 동안 팽팽 논 나 자신.. (<-진짜 취업은 어떻게 하려고 미쳤나 보다.)

차후가 너무 무서워서 일단 뭐라도 켰다.


냅다 애프터 이펙트부터 배우기! 시작한다.

예전엔 포토샵 일러스트 프리미어 프로를 수기로 공책에 하나하나 쓰면서 익혔는데

ㄹㅇ 그 방법은 노트 뒤적거리는 게 너무 귀찮을 따름이고, 솔직히 밖에서 작업할 때 몇 개의 기능을

잊어버리면 결국 다시 유튜브를 뒤적이며 새로 배우고 또 배우게 된다.


그러므로 앞으론 브런치든 블로그에든 써 놔야지..



오늘은 애프터 이펙트를 배워 보겠다.

첫 번째, 애프터 이펙트를 켠다. *블로그 감성 아니다.





Chapter 1

필수 기능 익히기




1. 애프터 이팩트를 켠 뒤, 컴포지션을 하나 생성한다. (아래 그림)


*컴포지션(composition구성)은 약간 이해하자면 도화지 같은 것이라 함.





2. 다음과 같이 설정하고 확인을 누른다.

거의 처음 시작 그대로 두면 되는데 여기서

지속시간(Duration)만 숫자 1000으로 바꿔준다. 10초라는 뜻이다.

스크린샷 2022-08-27 오후 4.55.57.png


*지속시간은 [ 시간 : 분 : 초 : 프레임 ]으로 구성되어 있다고 한다. 뭐 아직은 쓸데없을 수도..





3. 레이어를 만드시오.

경로 : 레이어 - 새로 만들기 - 단색(solid)


레이어란? 눈에 보이는 것들의 최소 요소라 설명하심.

층의 개념으로 작업의 원자 같은 개념이다.


스크린샷 2022-08-27 오후 5.10.06.png



그러면 이런 창이 뜬다.

보통은 우리가 처음에 설정한 컴포지션(도화지) 값으로 나오지만,

혹시 실수로 숫자를 잘못 조정하면 맨 아래 <최대 컴포지션 크기>를 클릭해준다.

그러면 처음 도화지 값에 맞게 조정됨.


스크린샷 2022-08-27 오후 5.11.33.png


4. 이 단색 솔리드 배경색을 지정한다. (이건 당신 마음대로 하시오)

나는 그냥 슨생님 따라 했다. 그러면 배경색이 그 지정색으로 바뀌게 된다.


스크린샷 2022-08-27 오후 5.15.19.png

나는 선생님 따라 파란색으로 해 봤다




5. 그다음 상단의 T텍스트 아이콘 한 번 클릭하고

배경을 한 번 클릭하면 글자가 써진다.

스크린샷 2022-08-29 오전 12.50.18.png

*웬만하면 텍스트 만들 때 드래그해서 텍스트 박스 만들지 마라. 글자 수 한계 때문에..



텍스트 수정하고 싶을 땐, 그 텍스트를 더블클릭. <-> 수정이 끝났을 땐, 상단의 화살표 클릭





여기서 주의할 점은 텍스트 레이어가 눌러져 있는 상태면,
다른 작업을 할 수 없으니 반드시 화살표를 클릭하고 넘어가라!




6. 마우스의 휠을 드래그하면 화면이 확대, 축소가 된다.






7. <맞추기>를 눌러 내가 보이는 화면에 딱 맞게 작업창을 설정한다.

단축키 : SHIFT + /

스크린샷 2022-08-29 오전 12.53.20.png

*맞추기가 어디 있는지 보여주는 사진이다.



8. 작업할 때 텍스트 클릭한 후 Ctrl 누르면서 움직이면

중심점 맞추기가 가능하다.





# 참고로 레이어 순서 설명

스크린샷 2022-08-29 오전 1.07.56.png

레이어 칸의 숫자가 보이는 그대로 위에 있는 순이다.

ex) 1- 맨 위 2 - 그 아래에 깔려 있음.






7. 에펙 날아가기 전 저장하는 방법

Ctrl + S

스크린샷 2022-08-29 오전 1.04.36.png

매우 간단함. 컨트롤 + S 누르고 그다음 뜨는 창에 애프터 이펙트 aep로 저장되면 끝!







Chapter 2

애니메이션 만들기



*간단 개념 설명

키프레임 : 너 어디로 가라, 어떤 위치에 몇 시에 있어야 한다고 지정하는 것.




1. 단락 바꾸기

스크린샷 2022-08-29 오전 1.15.15.png

*텍스트 아래에 보이는 빨간색 영점 표시는 단락이 어떤지 보여주는 표시이다.


즉, 왼쪽 정렬을 하고 싶다면 단락에 들어가서 왼쪽으로 치우쳐진 모양을 클릭,

위 사진처럼 가운데 정렬은 사진 그대로 클릭하면 된다.




2. 애니메이션 설정 하기


스크린샷 2022-08-29 오전 1.19.26.png

텍스트 클릭 > 변형 > 각 아이콘 클릭





아이콘을 익히는 방법은 그냥 냅다 하나씩 눌러보는 게 최고다.





스크린샷 2022-08-29 오전 1.23.42.png

그래서 나온 결과물. 이거를 리셋하려면 <변형> 버튼 옆 <다시 설정>을 누르면 된다.




이제 키프레임을 1초에 둔다.

스크린샷 2022-08-29 오후 5.10.39.png

1초에 키프레임을 만든다.


1 <키프레임을 만드는 법>블루 스크린 아래 타임라인(가장 가로로 긴 영역)에서

Shift와 드래그를 아래로 해서 옮기면 파란 다이아몬드 점이 생긴다.(=그게 키프레임이 생겼단 얘기)



그리고 이제 2초에 또 다른 키프레임을 생성한다.


스크린샷 2022-09-10 오전 2.42.55.png

여기서부터 헷갈린다면 유튜브 14:20초 앞 뒤를 다시 잘 시청하면 된다.




1번 <키프레임 만드는 법>처럼 말이다.

왼쪽 바의 Y값 위치를 다르게 조정하면 자동으로 키프레임이 하나 더 생성된다.


단 이미 생성된 키프레임을 수정하려면

Ctrl + 원래 생성된 키프레임 장소에서만 출발해야!!

값 변경이 가능하다.

*만약 그냥 화면에서 바로 옮긴다면 글씨가 제멋대로 가 버릴 수 있다.





= 그러면 아래에서 위로 올라오는 애니메이션이 만들어진다.



일단 오늘은 여기까지..

추석이라 내일 아침 일찍 내려가 봐야 한다. (지금 새벽 3:00)






제가 공부한 영상은

https://www.youtube.com/watch?v=9VdioKd-Pgo&t=862s입니다

2탄은 내일 공부해서 올려보겠습니다!

keyword
작가의 이전글어도비 일러스트(AI) 노이즈 효과