컨텐츠영역/영상편집-AfterEffect

11. 최종 작업물

2018. 3. 4. 15:04


[소개3-동아리] 컴포지션 만들기

1.[ 단색] 높이를 작게해서 2개를 만들어, 위,아래 화면에 붙혀준다.
2. 또다른 [단색]을 만들고 폭, 높이를 1080으로 만든다. 이후 [타원도구]를 선택한 뒤, 더블 클릭해서 원모양 마스크를 만든다.
3. [마스크1]을 ctrl+d해서 [마스크2]를 생성한 뒤, [마스크2] 를 [빼기]로 설정한다.
4. [마스크2]-빼기의 [마스크 확장]을 조절하여 원의 두께가 생기도록 만든다.(-40정도)

5. 이렇게 만든 [원 단색]에서, [s]를 눌러 [비율]을 선택한 뒤, 0s에 키프레임, 1s에 키프레임을 주고, 
   0s에서는 [비율]을 240정도로 엄청 크게주고, 1s에서는 비율을 40정도로 작게 준다.  . 그리고 나서 [f9]를 입힌다.
6. [원 단색]에서 [그래프 편집기]를 누른 다음, 0s, 1s 의 점을 클릭해서 그래프를 더 가파르게 조절한다.
7. [원 단색]의 [마스크2]에서 [마스크 확장]도 키프레임을 주어 두께가 더 뚜꺼워 지도록한다.
    0s에 키프레임을 주고, 1s에 키프레임을 준다음, 1s에서 마스크 확장을 -100정도로 더 두껍게 만든다.


8. [소개2-지도]컴포지션에서,  (제목)의 큰 문구를 복사해온다.
9. [원 단색]이 끝날 정도에서, 글자가 시작하도록 시작위치를 뒤로 옮겨주고, 글자를 수정한다.


메인 컴포지션에 편입시키기.

10. 기존에 [메인]컴포지션 제일 마지막인 [지도] 컴포지션이 끝나는 시점에 [트랜지션2]를 복사해온다.
그리고 트랜지션2가 끝나는 시점에 [소개3-동아리] 가 나오도록 위치시킨다.


다시 [소개3-동아리]컴포지션 수정하기.

11. [원 단색]의 원이 다 모이는 시점에서 [ctrl + shift +d]로 잘라주고, 그 뒷부분은 지우지 않는다!!
12. [원 단색2]인  원 단색의 뒷부분에 [위치]키프레이름을 [Alt]를 누른상태에서 클릭하여 표현식을 적도록한다.
   표현식에는  [ wiggle(20,5) ]를 주어, 계속 진동이 되도록 한다.

13. 이제 텍스트를 추가해서, 동아리 이름을 적은 뒤, [3d레이어]를 입혀주고, z축을 이용해 앞으로 당겨준다.
14. 해당 텍스트에 동아리소개 멘트가 끝날쯤부터, [위치]키프레임을 주고, 약 0.5s뒤에  키프레임을 다시 준 다음, [원단색]에 들어가도록 이동시키자.
15. 이제 [위치]키프레임 시작위치에서 [ctrl+shift+d]를 이용해 잘라준 다음, <앞부분을 삭제하여, 안보이게 한다>

16. 이제  텍스트 의 [위치]키프레임 시작위치를 선택한 상태에서, ctrl+d로 복사하여 시작위치만 바꿔주면서, 나머지 동아리들을 적어주자.
17. 각 동아리텍스트들이 시간차를 두고 시작하도록 해준다. 전부 위치 키프레임에 [f9]를 입힌다.


18. 동아리 글자가 [원 단색2]에 다 들어가게 되었을 때, [마스크2]의 [마스크 확장]에 다시 키프레임을 주고, 약 1s뒤인 7s쯤에 다시 키프레임을 줘서, -450정도로 하여 원을 다 덮도록 만들어버린다.
19. 이제 앞쪽에서 원으로 덮는 과정인 [원 단색]을 복사한 뒤에, [원단색2]가 가득찼을 시점에서 다시 한번더 원(원단색3)을 감싸주도록,
   시작위치를 옮긴다

20. 이제 마지막 원단색3까지 끝나는 시점에서 [위, 아리 테투리 단색] + [제목]을 제외한 모든 구성요소를 선택한 뒤 , ctrl+shit+d로 뒷부분 다 제거해준다.
     마지막 [원 단색3]가 감싸는 시점에서 인포그래픽이 등장할 것이다.


21. 섬광이펙트를 주기위해,  하안색 단색을 1920, 1080으로 추가해준다.
22. 원단색3가 동아리요소를 덮어서 끝나는 시점, 바로 직전에, [불투명도]키프레임을 주고, 덮는 바로 직후 시점에, 키프레임을 준 뒤, 불투명도를 0으로 준다.
23. 이제 첫번째 키프레임(불투명도100으로 안보임)을 선택한 상태에서  ctrl+shift+d 로 잘라, 앞쪽을 제거해준다.



인포그래픽 사이트에서 인포그래픽 만들기

24. http://www.tagxedo.com/에 들어간 뒤, creator를 클릭, silverlight도 설치한다.
25. 설치가 완료되면 다시 사이트로 와서, [Load] > [Enter Text]에 동아리 이름을 적어준 뒤, submit을 누르자.

26. theme로 주제를 정해주자. [shape]에서는 원 그림을 선택하자.
27. 풀스크린 상태에서 캡쳐 한뒤, 가져오기를 통해, [소개3-동아리]에 넣어준다. 이 때, 위아래 테투리 단색보다 더 아래에 깔리게 하자.
28. [동아리구름] 그림파일을 [섬광]이 터지는 곳에서 선택 한뒤, ctrl+shift+d로 앞부분을 제거해주자. 섬광 이후에만 그림이 나오게 된다.
     그림에 약 0,5s정도 비율 키프레임을 주어서 화면에 맞게 작아지도록 해주자. f9도 해주자.

29. 이제 모든 요소에 모션블러를 입히자.



[트랜지션3] 컴포지션을 만든다.

8강에서 만든 [지도]트랜지션이 들어가기 전에 화면전환 해줄 트랜지션을 만들어보자.

1. ctrl+y로 [단색]을 하나 만드는데, 높이만 360으로 주고,  화면위로 맞추고,  ctrl+d로 복사해서 아래에도 한개 더 맞추자.
2. 하난더 복사한 뒤, 중간으로 보낸다. –> ctrl+shift+y 로 가운데 단색은 색을 좀더 연하게 준다.
3. 위, 아래 단색을 같이 드래그 해서 화면 왼쪽 안보이는 곳에 붙혀주고, 가운데 단색은 오른쪽에 숨겨주자.
4. 3 단색을 모두 선택한 상태에서 p를 눌러 [위치] 키프레임을  0s주고, 1s에 다시 키프레임을 준 뒤, 다시 화면을 덮도록 제자리고 가져다 놓자.
   다시 2s에서는 가던 방향으로 화면에 숨기자.
5. 전부 F9 를 입히자.

6. 기존에 만들었던  [소개] 컴포지션을 복사 한 뒤,  [소개2 – 지도] 로 이름을 바꾸자.
7.[소개2-지도] 컴포지션의 내용을 수정하자.


8. [메인]컴포지션 속에, [소개]컴포지션이 끝나는 곳에, [트랜지션3]가 이어지도록 만들고, 
  [트랜지션3]가 화면을 다 덮는 시점에, [소개]컴포지션을 ctrl+shift+d로 뒷부분을 삭제한다.
  그리고 [트랜지션3]가 화면을 다 덮는 시점에, [소개2-지도]컴포지션이 시작되도록한다.
  *** 이 때, [소개2-지도]보다 [트랜지션3]가 패널상 더 위에 있어서 덮고 있어야한다!!!
       소개<-> 소개2 만 절단되는 부분이 이어지고, 트랜지션3는 가장 상위에서 둘다 겹쳐있다!!
9. 다시 [소개2-지도] 컴포지션으로 가서, (제목) (부제) (설명1)이 끝나는 6s초 뒤는 ctrl+shift+d로 짤라주어, 글자가 안나오도록한다.
    위 아래 단색은 남겨준다.
    [메인]컴포지션에서는 글자가 안나오는 시점이 [소개2-지도]가 끝난 것을 알 수 있다.

10.[메인]컴포지션으로 가서 [소개2-지도]의 글자가 끝나서 안나오는 시점에, [지도]컴포지션이 시작되도록 해준다.
    [지도] 컴포지션은 약 14s를 차지한다.


11. 우리가 처음 컴포지션을 만들 때, 30s로 지정해줬다. 이 한계를 풀어야한다.
     [메인]컴포지션을 선택한 상태에서 메뉴의 [컴포지션] > [컴포지션 설정] > [지속 시간] 을 1:30:00로 고쳐준다.
     [최종]컴포지션도 지속시간을 늘여줘야한다.


최종결과물

   슬라이더(Null1)

 메인                                                                 

트랜지션(23s~~25s)

     소개2-지도(23.5s~~14s~~37s)                                            

   소개(15s~~~~~~~23.5s)                                            

트랜지션2(14.5~15.5)

                                      제목(6.5초 ~~~~ 14.5초)

            트랜지션(4초~~~~~~~~~~~~~~~~)                    

인트로(~~약 4.8초)

배경(~~~~~~~5.2초)

         [효과음]

         [배경음]   


[지도]컴포지션 만들기

1. 구글맵(네이버지도)에서 학교 캠퍼스사진을 따 온 뒤, 그림파일로 저장하고, 프로젝트 패널에서 가져오기를 통해 캠퍼스맵 그림파일을 가져온다.
2. [지도] 컴포지션을 생성하고, 캠퍼스맵 파일을 옮겨넣는다.
3.  해상도를 [전체]로 수정한 뒤, 그림파일을 적당히 확대시켜준다.

4. 펜 도구(g)를 클릭 한 뒤, 입구에서부터 클릭 클릭이어주고, [칠]을 클릭하여, 칠없음을 선택해준다. 선색은 컨셉 색상으로 가져온다.
  ( 나같은 경우, 칠없음이 안떠서, #FF000000을 줘서 강제로 면에 칠하는 것을 투명색으로 줬다)
*** 칠 네모칸 말고, 칠 글자를 클릭해서 칠없음을 선택할 수 있다!!

5. 소개 컴포지션 내에서 우클릭> 새로만들기 > [카메라]를 추가해 준 다음,   사전설정 : 24mm , 세션당 한번을 클릭해서 추가해준다.
6. 마찬가지로 [조명]을 추가해준 다음, [주변광] – [강도 80] 과 [ 포인트] – [강도 50]으로 2개를 만들어주자.
7. [포인트 조명]을 ctrl+d로 복붙해서 하나를 더 추가해 준다.

8. [캠퍼스맵] 그림과 [모양레이어1] 선 그은 것은, 모션블러넣을 때 처럼, 젤 우측에 [3d상자]를 클릭해서 3d로 만들어준다.
9. [캠퍼스맵]과 [모양레이어1] 를 클릭한 상태에서 [aa](3d레이어만 가능한 옵션)를 눌러 질감옵션에 있는 [ 반사광 강도/  밝기 / 메탈] 옵션을 다 0으로 준다.
10. [모양레이어1] > 변형> [불투명도]를 60정도로 준다.
11. [모양레이어1]에서, [@]골뱅이를 드래그하여, [캠퍼스맵]과 엮어서 하나가 되도록 해준다.
12. 이제 [캠퍼스맵]을 클릭하여, [p]를 눌러서 적당한 위치를 조절한다. @골뱅이로 엮인 모양레이어1도 같이 움직여지는 것을 알  수 있다.

13. 3d레이어가 입혀진[캠퍼스맵]에서, [w]를 눌러서 회전시킨다.
14. [p]를 눌러서 z축을 더 당겨서, 빛에 적당하게 들어오게 조절한다. 그만큼 지도도 축소시켜준다.


15. 이제 [사각형 도구를 더블 클릭] 해서 모양레이어(말풍선 레이어)를 만들어준다음, [선]글자를 클릭해서 선을 없애주고, [칠]글자를 선택해서 반대로 보이게 해준다.
16. [칠]의 색상으로는, 선그릴 때 준 길 색상과 동일하게 주고,  [말풍선 모양레이어]  > 콘텐트>사각형1>사각형패스1> [크기] 를 300, 200으로 줄여준다.
17. [말풍선 레이어]에 [3d] 레이어를 입힌다. ( 3d라서 z축을 당겨줘야지 보인다. 왜냐면 3d 지도가 더 위에 있기 때문에)
18. [말풍선 레이어]를 [@]골뱅이 버튼을 눌러, [캠퍼스맵]에 드래그해서 연결시켜 주고,  [p]를 눌러 z축을 당겨 지도 위로 올려준다.

19. [말풍선 레이어]에 상단메뉴에 [추가] > [다각형 별]을 추가한 다음, [다각형 별 패스1]> [점] 을 3개로, [유형]은 다각형으로 수정한ㄴ다.
20. [회전] 을 180도로 주어서, 역삼각형 모양이 나오도록한다
21. 이제 [다각형 별 패스1]을 드래그하여  [말풍선레이어]>콘텐트> [사각형 1] 에 포함되도록 한다. (사각형패스1과 같은 위상)
22. [다각형 별 패스1]위치를 조절하여 사각형패스1의 왼쪽 아래에 붙혀서 말풍선 처럼 모양이 나오게 한다.
23. [말풍선 레이어]의 z축을 더 올려서 [다각형 별 패스1]가 완전히 보이도록 한다.
24. [다각형 별 패스1]의 [외부반경]을 조절하여 더 자연스러운 말풍선이 되도록 한다.
25. [사각형 패스1]의 y크기를 더 작게 조절해준다.
26. [말풍선레이어] 를 클릭한 상태에서 [레이어] > [변형] > [방향 자동설정] > [카메라 방향으로] 를 선택해준다.
** 이 때, 나는 원래 지도를 회전시킨상태라, 카메라따라 방향자동설정하면,, 이상하게 가있다.
    말풍선 레이어의 z축만 회전시켜서 정상궤도로 올렸다. 그냥 w누르고 회전시키면 x,y까지 엉켜서 이상해져버린다.
    캠퍼스맵을 회전 시킬 때, 말풍선이 제대로 회전 안될 경우, 3d레이어를 껐다가 다시 켜주자.



27. 말풍선 레이어를 원하는 곳에 옮긴 뒤,
  [텍스트 도구]를 통해 글자쓰기 –> [3d레이어]입히기  -> [ 말풍선레이어]에 [@]골뱅이 연결 –>
  [p]를 눌러 [위치]를 모두 0으로 주면 위치가 말풍선에 붙고 –> [r]을 눌러[방향] 모두 0으로 주면 말풍선과 회전각도가 동일하게 붙게된다.
  **나는 조금 어긋나서, [텍스트]의 위치를 조금 이동 시켰다.
28. 이제 [말풍선 레이어]를 클릭하고 [aa]를 눌러서 질감옵션 > [그림자표시] 를 설정으로 바꿔준다.
29. [말풍선 레이어]의 변형 > [기준점]의 위치를  말풍선의 꼬리부분이  <3d레이어의  x/y/z 회전축>과 일치하도록 이동시켜준다.
30. 변형>[위치]를 이동시켜 원하는 위치에다가 다시 가져다 놓는다. (안보일시 z축 좌표를 좀 올린다)
30. 2개를 모두 선택한 상태에서, [s]를 눌러, [비율 키프레임]을 0s에서 1s로 준 뒤, 0s는 비율0%로 고쳐서, 1s가 되면 다 등장되도록 한다. [f9]를 다음에 입힌다.
31. 이제 [말풍선레이어]와 [텍스트]를 선택한 상태에서, Ctrl+d로 복사 한다음, 다음 위치에 한꺼번에 드래그 시켜주고, 글자를 바꿔준다.


32. 이제 맨 처음 그었던 [모양레이어1]을 [경로1]로 이름을 바꾼 다음,
      상단의 [추가] > [패스 다듬어 자르기] 를 선택한다.
33. [패스 다듬어 자르기1]에서 [끝]을 조절하면 길이가 조절되는 것을 확인할 수 있다.
     0s에는 끝을 0%로 키프레임을 주고, 3s정도에 키프레임을 다시 주고, 끝을 100%으로 준다.
34. [정문]텍스트가 1s 동안 먼저나오고, [중앙도서관]이 좀 있다가 나오게 하기 위해서
     [중앙도서관]+[말풍선레이어]를 같이 시작 위치를 1.5s정도 뒤로 땡겨준다.
(나는 중앙도서관은 고정으로 만들고, 키프레임을 없앴다. 그리고 말풍선의 크기도 줄였다.)


35. 이제 [캠퍼스맵]을 선택 한 다음,  [변형] >
   [비율] 키프레임을  [경로1]이 1/3쯤 간 1s에서 시작(비율80%가 기본) –> 2s에서 확대 –> 경로1이 끝나는 3s에서는 다시 80%로 회복시킨다.
   [위치] 키프레임을 1s에서 첫 키프레임을 주고 –> 3s에서는 키프레임을 주고, 위치를 경로1이 끝나는 지점까지 지도를 이동시킨다.
  [방향] 키프레임을 1s에서 첫 키프레임 주고, –> 3s에서는 키프레임을 준 뒤, 마지막 방향을 정한다.

36. 이제 [포인트조명1]을 [@]를 드래그해서  [카메라1]에 연결하고,  [p]를 눌러서 위치를 0으로 설정하여, 카메라에 달라붙도록 한다.
37. [포인트조명2]를 연결해서 [@]를 드래그해서 [캠퍼스 맵]과  연결한 뒤, p를 눌러 위치를 0으로 설정하여, 맵과 달라붙도록 한다.

*** 말풍선레이어와 텍스트도 위치가 적당하게 되었다면 @골뱅이로 연결해주자.


38. 경로를 추가하기 앞서 , 먼저 [캠퍼스맵]의 [변형]을 펼쳐서,  [위치], [비율],  [회전] 키프레임을 더 주자. (4s ~6s까지)
39. 경로추가를 위해, [경로1] 레이어를 클릭한 다음, [펜도구]를 선택해서 새로운 경로를 클릭해서 만들자.
    [경로1] > 콘텐트 > [모양2]가 생성된 것을 알수 있다. 모양2 > [ 패스다듬어 자르기]를 추가하자
40. [캠퍼스맵]의 [위치]키프레임에 맞추어,  [끝] 의 키프레임 0% –> 100%로 2개를 주자.


이후로 [캠퍼스맵] 위치,비율,회전 키프레임추가 -> [경로1]에서 펜 추가 -> 말풍선 복붙후 수정 등 각자 수정하면 된다



트랜지션 이후에 학교를 소개하는 영상을 만들기 위해

[소개]컴포지션 만들기

1. 단색[Ctrl+Y]로 만들고, 가로폭을 작게 만든 뒤(크기조절 점이 안보이면 하단의 다각형모양 버튼 클릭), 맞춤패널을 이용해서 화면 위로 붙혀준다.

2. ctrl +d 로 복사해서 화면 아래에도 맞춤해준다.

3. 텍스트 도구를 클릭한 뒤, 단색에 클릭해서 소개문구를 넣자.
4. ctrl+d로 복사해서 여러 문구들을 추가해서 작성해주자.


텍스트 애니메이션 넣기

1. 가장 위에 있는 텍스트문구(제목)를 패널창에서 가장 올린다음 편집을 용이하게 한 뒤,  [아래화살표] > [텍스트] 메뉴의 [애니메이션] > [위치]를 클릭한다.( 위치 애니메이션이 설정되면서, 애니메이터1이 생긴다)
2. 그러면 [텍스트] > [애니메이터1] > [범위선택기1] 까지 활성화되는데, 위치애니메이션을 시작할 범위를 지정할 수 있다.
   [시작] 키프레임를 0s에서 누르고,  1.5s에서도 키프레임을 만든 뒤, 1.5s에서 [시작] 퍼센트를 100%로 준다.
  ( 0s~1.5s까지 타임라인을 왔다갔다해보면, 텍스트 문구상에서 커서의 애니메이션 [시작 위치] 가 왔다갔다하는 것을 알 수 있다)
  ( 즉, 0s에는 첫번째 글자가 시작되고 1.5s가 되면, 제일 마지막 글자의 애니메이션이 시작 될 것이다. 1.5s짜리로 각 글자의 애니메이션이 끝난다.)
  1.5s 동안 각 글자를 옮겨다니면서 애니메이션을 시작시킨다. by 범위선택기 > 시작 키프레임
  종료는 어디 글자에서 끝낼지 정하는 것이다. 항상 100%으로 맞추어서, 어디서 시작하든 종료는 끝에서 시작되게 한다.

3. 이제 0s에서, [애니메이터1] > [위치]의 y좌표를 100을 준다( 타이머x, y값만)
  (0s ~1.5s까지 각 글자1개씩에 대해, 위치를 이동시킨다. y에 100을 줌으로써, 내려가있다가 +100만큼 움직여서 제자리로 돌아오게 한다. )
4. 이제 [범위선택기1] 을 클릭한 상태에서  [애니메이터1] –[추가]버튼을 눌러, [불투명도]를 추가 한 뒤,
   0s 인것을 확인하여, 불투명도를 0을 준다.
  (0s에 시작하는 첫글자는, y좌표가 100만큼 위로 올라올 건데, 올라올 때의 불투명도가 0이면, 안보인다는 뜻이다.
   위치애니메이션이 끝나서 다 올라올때는, 불투명도 옵션도 같이 사라지면서 글자가 보이게 된다.)

< 애니메이터1의 불투명도와 위치는 키프레임이 없다. 대신 애니메이션이 [시작]에 키프레임을 주어, 커서를 이동시키면서
    불투명도와 위치 애니매이션이 시작되었다가(100만큼 y축으로 올라오는 위치, 불투명도0으로 안보임) –>
    시작커서가 각 글자를 1.5s동안 이동하면서 2가지 애니메이션이 종료되고 –>
    그에 따라 애니메이션이 끝나서 원래 위치로 올라오고+ 불투명도 회복으로 정상적으로 보이게 만드는 것이다.  >


5. 이제 다음 문구(부제)를 클릭한 뒤, [변형] > [불투명도]를 활성화 해 놓은 상태에서,
  (제목)문구가 다 보이는 시점인, 1.5초 정도에 [불투명도] ‘첫’ 키프레임을 주어, 0으로 입력해서 안보이게 만들고,
  1초가 지난 2.5s에 키프레임을 주어, 불투명도를 100으로 다 보이게 만든다.
  (0초~ 1.5초= 첫 키프레임(1.5s)이전까지는 첫키프레임에 준 옵션이 계속 적용되어있음 - 불투명도 0으로 안보임.)


6. 부제문구가 끝나는 2.5s정도에서, (설명1)문구를 클릭한 뒤,  텍스트 > 애니메이션추가 > [위치]를 넣고,  값을 -600으로 준다.
7.  (부제)가 끝나는 2.5s 정도에  애니메이터1 > [범위 선택기1 ] >  [오프셋]에 키프레임을 주고 -100을 준다.
8. 설명1이 끝날 1초 뒤인, 3.5s 정도에서 [오프셋]키프레임을 다시 주고, +100을 준다.
( 오프셋은, 해당시간에, 글자에 애니메이션이 시작<--> 종료의 구간을 옮겨줄 수 있다.
  여기서는 시작, 종료를 설정하지 않음으로써, 어느시간이든 처음~끝까지 모두 애니메이션을 가지게 한다음
  오프셋만 움직여서, 시작<->끝 구간을 -100%으로 주어, 1초동안 천천히 100%까지 회복하게 한다)
9. 범위선택기1> [고급] 에서 모양을 [ 경사증가]로 바꿔주고 , [전체 포함 변경]과 [전체 제외 변경]을 모두 50으로 바꿔주자.

10. 다시 텍스트 > 애니메이션 추가 > [회전]을 하나더 추가해준다. 회전에 대한 [애니메이터2]가 생긴 것을 확인할 수 있다.
11. [애니메이터2] > [범위 선택기1]을 선택한 상태에서, [애니메이션2 추가] 버튼을 눌러 [비율]을 추가해 준다.
12. 이제 [비율]과 [회전]을 0과 45도로 바꿔준다. 안보인다…
13. [애니메이터2 추가]를 누른 뒤, [표현식]을 추가해준다.
14. 이제 [표현식 선택기1] > [양] 을 클릭한 상태에서,  [alt] + 더블클릭을 하여 표현식을 입력하게 할 수 있다. 아래 표현식을 복붙하자
delay = .05;
myDelay = delay*textIndex;
t = (time - inPoint) - myDelay;
if( t>= 0){
     freq = 3;
     amplitude = 250;
     decay = 8.0;
     s = amplitude*Math.cos(freq*t*2*Math.PI)/Math.exp(decay*t);
     [s, s];
}
else{
     value
}
(나는 표현식이 안먹힌다 –_-)
15. 이제 위에서 준, 오프셋 키프레임2개를 0s로 이동시켜서, (제목)문구랑 같이 시작하도록 하자.

16. (설명1)의 애니메이터 1,2를 복사한 다음, <타임라인을 0s로 당긴 다음> (설명2)문구에 붙혀넣기 해준다.

17. 이제 (설명1)과 (설명2)를 (제목)-(부제)가 끝나는 시간에 시작되도록 시작위치를 이동시켜서 자연스럽게 조절하자.


19. 이제 [소개 컴포지션]을 [메인 컴포지션]에 넣어주자.
20. 마지막 컴포지션인 [트랜지션2] 컴포지션이 끝나는 위치 직전에 시작하도록 조절해주자.

총 길이는 8s정도 차지했다.


최종결과물

   슬라이더(Null1)

 메인                                                                    소개(15s~~~~~~~23s)                                            

트랜지션2(14.5~15.5)

                                      제목(6.5초 ~~~~ 14.5초)

            트랜지션(4초~~~~~~~~~~~~~~~~)                    

인트로(~~약 4.8초)

배경(~~~~~~~5.2초)

         [효과음]

         [배경음]   





2번째 트렌지션으로서 화면이 넘어가는 동영상을 만들어보자.

스와이프 화면전환을 위한 [ 트랜지션2 ]컴포지션을 만든다.

1. 타원도구 롱클릭으로 활성화시키고, [ 타원도구를 더블클릭 ]해서 모양레이어를 만든다.

  • 타원1 > [ 타원패스1 ]를 클릭해서 크기를 <비례좌물쇠>를 푼 뒤,  (500,500)의 원을 만들어준다.
  • 우측의 [효과 및 사전설정 ]패널에서  [방사형 지우기]를  드래그  ->   모양레이어에 입혀준다.
  • 효과 > [방사형지우기] > [전환 완료] 에서 키프레임을 넣어서, 0s에서는 100%(다지워짐)  0.5s에는 0%로 다 덮히게 만들고, [F9]를 입힌다.
  • 타임라인 왼쪽에 보면 동작흐림적용 아이콘 옆에 [ 그래프 편집기]를 열고 x절편의 네모 말고 [작은원]을 왼쪽으로 다 당겨 그래프 기울기를 조절하면, 처음에는 빨랐다가 다덮힐쯤에는 천천히 덮히는 효과를 준다.
  • 이제 효과 > 방사형 지우기 >  [시작 각도]를   -45도로 주어 시작위치를 수정한다.


2. 만든 원모양의 모양레이어를 총 4개까지 복사한다. 각 크기를 다르게 줄 것이다.

  • 복사된 레이어를 2번째부터 4번째까지 차례대로,  [s]를 눌러서 (키프레임x) 비율을 200, 300, 450(좌물쇠유지)으로 준다.
  • 타임라인 시간을 엄청 확대한 뒤, 2번째 모양레이어부터 01f (1프레임)간격으로 뒤에서 시작하도록 민다.
  • 이제 0.5s(4번째 모양레이어의 전환완료 키프레임이 끝나는 지점)에 시간축을 두고,  뒤는 [ctrl + shift +d]를 눌러서, 0.5s 뒤는 다 잘라낸다.

3. 전환이 이루어진 이후에 화면이 위아래로 갈라지도록 만들기 위해, 단색을 하나 만들어준다. [Ctrl + Y]

  • 이때, 폭은 1920 그대로인데, 높이는540으로 절반으로 만들어준다.
  • 만든 단색은 [맞춤]패널을 이용해서 위쪽벽에 붙히고, [Ctrl+d]로 똑같은 단색을 복사해서 아래벽에 붙힌다.
  • 이제 만든 두 단색의 시작을, 원 모양의 레이어4개가 다덮히는 곳 뒤에 시작하도록 시작점을 이동시킨다.
  • 시작되는 지점에 [p]를 눌러서 위치 키프레임을 주고, 0.5s 정도 뒤인 1s에 키프레임을 주고 화면밖으로 각각 위아래로 [shift]를 눌러 이동시킨다.
  • [F9]를 입힌다음, [ 그래프 편집기 ]를 열어서 제일 오른쪽 y좌표를 각각, 왼쪽으로 다 땅겨준다.
    ***나 같은 경우, 한꺼번에 보면 시간을 확대해도 기울기를 조절하는 [작은원]이 안보였다. 그래서 그래프 편집기를 연상태에서 타임라인 아래에 보면, X, Y를 나눠서 보는것이 있다. 각각 Y좌표만 클릭해서 보니까 작은원이 보여서 조절할 수 있었다.
    image

모션블러를 다 선택해주고, 적용시키자.


4. 이제 [트랜지션2] 컴포넌트를 [메인]컴포넌트에 넣자.

  • 트랜지션2의 시작위치는, 이전에 만든 [제목]애니메이션이 끝나는 14s 정도에서 시작하도록 한다.
  • 이제 [트랜지션2]이 <화면전환을 위해 다 덮히는 시점 >에서
    트랜지션2를 제외한 배경/인트로/트랜지션1/제목 컴포넌트를 [ctrl + shift +d ]로 다 삭제해준다.

최종결과물

   슬라이더(Null1)

 메인

트랜지션2(14.5~15.5)

                                      제목(6.5초 ~~~~ 14.5초)

            트랜지션(4초~~~~~~~~~~~~~~~~)                    

인트로(~~약 4.8초)

배경(~~~~~~~5.2초)

         [효과음]

         [배경음]   


저작권 관련해서, 유튜브에 검색시, [ Non Copyrighted Intro Music ]을 검색해서 찾아보는 것이 좋다.

강의에서는 Cloud9을 사용함. 효과음은 Cinematic Bass Boom Free 검색

https://www.youtube.com/watch?v=u6b55oh4P6I


1. 배경음과 효과음을 [프로젝트 패널] 우클릭> [ 가져오기 ] 로 가져온다. (단축키 : [Ctrl + I ])


2. '최종'컴포지션으로 가서 효과음.mp3 을 드래그로, 패널에 집어넣는다.


3. 타임라인을 확대해서,  로고가 흔들리는 부분에 [효과음]이 시작되도록  이동시킨다. 


4. 예전버전에서는 스페이스만 누르면 음악은 안나온다. 그럴 경우, [미리보기 패널]에서 [RAM 미리보기]를 눌러야지 음악까지 같이 들린다.

 *** cc2018버전에서는 스페이스만 눌러도 음악까지 같이 들린다.


5. 이제 배경음(Faker.mp3)을 최종 컴포지션에 드래그해서 집어넣는다.


6. 극적인 효과를 주기 위해, [배경음]을 클릭하여 [오디오]옵션에서 오디오레벨에 키프레임을 준다. 

  - 0s에는 -30db로 거의 안들리도록  ->  0.5s에는 -10db로 -> 1s에는 원래의 0db을 준다 (이 때, 파형 옵션도 같이 보면서 파형이 꽉촤도록 조절해준다)

   ( 나같은 경우 배경음 자체가 한참 뒤에 시작하기 때문에,, 그냥 넣었다. 그리고 소리가 너무커서 0 -> -3db정도로 줄였다.)


7. [효과음]은 키프레임 없이 들릴 때, 좀 크게 들리도록, 8db정도로 준다.


최종결과물

   슬라이더(Null1)

 메인

                                  제목(6.5초 ~~~~ 14.5초)

       트랜지션(4초~~~~~~~~~~~~~~~~)                    

인트로(~~약 4.8초)

배경(~~~~~~~5.2초)

         [효과음]

         [배경음]            




단축키) 

[ / + Shift ] : 미리보기 비율맞추기(fit), 

[Capslock] : 미리보기 방지(소리만 렌더링할 때 쓰이나, 깨지면서 나옴)

[Ctrl + 타임라인 드래그] : 소리까지 미리보기, 

[shift + 타임라인드래그] : 스냅기능

[shift+ctrl] + 드래그 : 이동시 벽에 붙히는 스냅가능

키프레임 팁) 다음 키프레임을 줄 때, 키프레임을 먼저 이동시켜서 준 뒤에, 도형을 이동시키자



1. '제목' 컴포지션 만들기


[위아래 테두리 만들기]

2. 컨셉색(인트로안에서 한번클릭 후 [Ctrl+Shift+Y])을 복사해 온 뒤, 레이어 > 단색[Ctrl+Y] 을 추가한다.

3. 단색을 클릭해서 세로폭만 드래그로 줄여준다.

  (나는 크기를 조절하는 [마스크 및 모양패스]가 안보여서 한참을 찾았다. 3원색동그라미 왼쪽 다각형 모양클릭해야 폭 조절 패스가 보임)

4. 세로폭을 얇게 만든 단색을  [드래그] 후 [shift+ctrl]로 위쪽 벽에 붙힌다 ( 보기>맞춤 패널을 열어서 바로 붙힐 수 도 있다)

5. 이제 [p]를 눌러 위치를 활성화 시켜서, 왼쪽으로 안보이도록 수평 이동 시켜놓고 키프레임을 걸어준다. 그리고 1s 뒤에 다시 덮어놓고 키프레임을 준다.

6. ctrl+d로 하나더 복사한 다음, 같이 복사된 키프레임을 지우고 난 뒤,  오른쪽 벽에 안보이게 붙혀놓고 위치 키프레임

   -> 1s 뒤 키프레임을 준 후 화면을 덮도록 이동시켜준다.

7. 2개의 단색의 키프레임을 모두 선택해서 [F9]를 입힌다.


[대각선으로 덮을 도형 만들기]

8. 색이 좀더 연한,  새로운 단색을 추가한다( 레이어>단색 OR Ctrl+Y)

9. ctrl+휠로 화면을 줄인다음, [W]를 눌러서 회전도구로 만든 뒤, 반시계방향으로 45도를 회전시킨다. 크기도 절반정도로 줄인다.

10. 왼쪽에 안보이는데로 수평이동 한 상태에서, <위아래 테두리 단색>이 다 덮히는 1s 조금 넘어서부터, 위치 키프레임을 넣는다.

11. 2s조금 넘는데서는 왼쪽 테두리만 덮어주는 정도로 위치시키고 키프레임을 넣는다.

12. [ctrl+d]로 복사한 다음, p를 눌러 키프레임을 모두 삭제해주고, 세로폭을 더 얇게 만들어준다.

13. <이전에 만든 대각선으로 덮을 도형>이 나타나는 1s약간뒤 지점으로 가서, 똑같이 왼쪽벽 밖으로 숨겨준다.

14. 똑같이 시작 키프레임을 주고, 기존 도형의 키프레임 [>]오른쪽 가기를 눌러 해당 시간으로 이동한 다음, 키프레임을 넣어준 뒤, 80%정도 덮도록 이동시켜준다.

15. 또 직전의 도형을 복사한 뒤에, 키프레임 삭제하고, 이전 도형의 키프레임 [<]을 눌러서 시작점으로 이동 한 다음, 도형을 벽 바깥으로 안보이게 옮겨준다.

16. 이전 도형의 키프레임을 [>]이동시킨 뒤, 50%정도만 덮도록 이동시킨다.

17. 이제 시간차를 두고 올라오게 하기 위해서, 순서대로 시작하는 위치를 조금 씩 뒤로 옮겨준다.

18. 3개 전부 [F9]를 입힌다.


[대각선 덮는 도형을 반대방향해서 만들어주기]

19. 기존의 놈 한놈만 위치 키프레임을 켜놓고 시간 이동 용이하게 하기

20. 제일 큰놈 부터 복사 -> 키프레임 삭제-> 시작위치로 이동-> 키프레임 주고 다음 키프레임도 주고-> 덮을 위치로 이동 -> 다 하고 [F9]입히기


[단색들 모아서 관리하기]

21. 모든 모션블러를 모두 넣고, 적용시킨다.

22. 많은 단색들을 하나로 구성시키기 위해서 [ 모두 선택후 우클릭 ] > [사전 구성] > 사전구성1로 만든다. ( 제목 컴포지션 > 사전구성 으로 구성된다)


[텍스트 만들기]

23. (사전구성1의 시간을 돌려 테두리들이 다 덮는 3s약간 후에서 ) 좌측상단 [T]모양의 텍스트를 가운데 추가해준다.

24. 창 >[맞춤] 패널에서 가운데 정렬 2개를 눌러, 화면의 정가운데 놓는다.

25. 글자색과 똑같은 색의 레이어 > 단색(Ctrl+Y)를 추가한 뒤, 사각형 도구를 눌러서 마스크를 씌운다. 이 때, 텍스트 바로 밑에 비슷한 크기로 사각형을 생성한다.

26. 단색을 누른상태에서 [F]를 눌러 마스크 패더 값을 28정도로 주어 주위 테두리가 흐리도록 만든다.

27. 텍스트를 단색(사각형) 안에 내려서 숨기고 위치 키프레임을 준 뒤, 1초뒤에 키프레임을 다시 주고, 위치를 화면 정가운데로 맞춤시킨다.

28. 글자색과 똑같았던 단색사각형을 흰색으로 바꾸어 글자가 숨어있따가 나오도록 만든다.(총 1.5초정도 나왔다 들어가도록)


29. 이제 글자숨은 공간과 텍스트를 그대로 복사한다. 그리고 복사된 2놈을 같이 1.5s 뒤로 땡겨 시간차를 준다.

30. 텍스트 버튼을 누른다음 갖다대어 텍스트를 수정한다.

31. 똑같이 마지막 2개를 복사해서 1.5s정도 땡겨준다. 

32. 마지막 글자는 사라질 필요가 없기 때문에 위치프레임의 가장 뒤쪽을 삭제한다.

33. 모두 동작흐림을 적용시켜주자.


[정리해주기]

34. '제목' 컴포지션을 '메인'컴포지션에 넣어주고, '제목'을 눈가림 상태에서, '트랜지션1'이 화면을 덮는 시점에 '배경' 컴포지션을 [ctrl+shift+d]로 짤라주고 뒤는 삭제시킨다.

35. '트랜지션1'이 열리기 직전에 '제목'이 시작하도록 뒤로 옮겨준다.

* '트랜지션1'의 덮혔다가, 열리기 시작하는 부분에 흰색 배경을 미리 깔아두자.(덮는 과정에서도 흰색이 덮어버리니까, 흰색배경 시작부분을 다 덮을 때로 뒤로 땡겨주자)

* '제목'도 흰색 배경을 미리 깔아두자.



최종결과물

   슬라이더(Null1)

 메인

                                  제목(6.5초 ~~~~ 14.5초)

       트랜지션(4초~~~~~~~~~~~~~~~~)                    

인트로(~~약 4.8초)

배경(~~~~~~~5.2초)



  1. solsola- 2020.11.18 13:42

    재미있는 내용 매우 잘 보고 가용~


트랜지션이란 이전영상에서 다음영상으로 매끄럽게 넘어가기 위한 화면전환 동영상이다.

(현재까지는  최종결과물  =  메인( 인트로 + 배경)으로 구성되어있다)


1. 메인(인트로+배경)컴포지션으로 이동해서, 인트로 영상이 끝나는 부분을 잘라준다.

(1) 인트로 영상이 끝나는 부분( 7s 정도)에서 인트로 컴포지션을 아래패널에서 선택한 상태에서, [ ctrl+shift+d ]를 눌러 잘라준다.

(2) 위에 떠있는 뒷부분은 del키를 눌러서 제거한다.


2. 이제 트랜지션 부분을 추가하기 위해서

(1) 프로젝트 창에서 우클릭 or [ 아래 작은 도화지에 3색 도형들 있는 것 ]을 클릭하여 컴포지션 [트랜지션1]을 생성한다.

(2) 인트로 컴포지션으로 가서, 모양레이어2에 칠해져있는 컨셉 색을 가져온 다음, 

    다시 [트랜지션1]컴포지션으로 돌아와서 레이어>단색 에 그 색상으로 하나 추가해준다.

 - 컨셉색을 가져올 때, 더블클릭하지말고, 한번만 클릭해서, 상단의 칠을 선택해 색상을 가져오자.

(3) ctrl + 휠으로 화면을 작게 만든 뒤, 단색을 [shift]를 누른상태로, 수평으로 왼쪽으로 이동시켜, 화면에 안보일정도로만 이동시킨다.

(4) 이상태에서 [p]를 눌러 위치 키프레임을 만들어주고 ->  1s초 뒤에 또 키프레임을 만들어, 단색이 화면을 다시 채우도록 이동시켜놓자. 

(5) 왼쪽에서 오른쪽으로 덮는 구조가 완성된다. 2개의 키프레임에 F9를 입혀놓자

(6) 이제 단색을 선택하여 [Ctrl + d]를 눌러 2개 더 복사 한 뒤에, 시간차를 두어 연속적으로 보이게 한다.

(7) 색상이 동일하기 때문에 색상차를 두어야한다. 단색선택 상태에서 레이어>단색 설정[ Ctrl + shift + Y ]를 통해 위쪽의 두 단색들을 색을 좀더 연해지도록 조절하자.

(8) 이제 화면이 모두 덮힌 지점(1s조금 넘어서)에서 3개 단색을 모두 선택한 뒤, [Ctrl+shift+D]로 잘라준다.

(9) 3개중 젤 위에 단색만 [ctrl+d]로 복사한 뒤에, 제일 위에 단색을 <짤린부분 뒤에서 시작>되도록 이동 시켜준다.

 *이때, 나는 길이를, 제일 긴 가장 아래 단색만큼으로 늘려주었다. 덮는시간과 여는시간 비슷하도록!

(10) 다시 p를 눌러 [위치]의 2개의 키프레임을 서로 반대위치로 교환해ㅔ주면 => 덮힌 것이 다시 왼쪽 안보이는 곳으로들어가는 형식으로 바뀐다.

 *이때, 덮는 것 젤 위에것이 제일 짧다. 복사전에 지정된 키프레임을 거기에 맞게 좁혀준다.

(11) 이제 모든 단색에 모션블러(동작흐림)을 입혀준 뒤, 상단의 동작흐림버튼을 선택해준다.


3. 트랜지션1 컴포지션을 메인 컴포지션에 편입.

(1) 메인 컴포지션으로 간 뒤에, 트랜지션1 컴포지션을 메인컴포지션에 넣어준다.

(2) 메인 컴포지션 안의 [트랜지션1]을 [인트로] 끝나는 부분보다 약간 앞 으로 옮겨준다.


4. 빠른 렌더링을 위해, [가운데 3원색이 모여있는 버튼] 에서 전체->절반으로 바꿔 해상도를 낮춰준다.


현재까지는


최종결과물

메인

인트로(약 4.2초)

트랜지션(약 2.8초)

배경(쭈욱~~~~~~~~~~~)

으로 구성되게 된다.




* '배경'컴포지션을 만들고, 메인 컴포지션 안에 넣는다.(메인 컴포지션에는 인트로, 배경 2개의 컴포지션이 있게 된다.)


[1] 그라디언트를 가진 배경 만들어주기

(1) 배경 컴포지션안으로 들어가서, 레이어> 새로만들기기 >단색> 하얀색으로 단색을 추가해준다. 폭은 1920, 가로 1080 전체를 크기로한다.

(2) 단색 레이어를 선택한 상태에서 , 우측의 효과 및 사전설정에서 검색하여 들어가도 되거나, 효과(T) > 생성 > [ 그라디언트 경사 ] 를 추가해준다. (영어판에는 ramp)

(3) 경사 모양에서 [방사형 검사]를 선택한 뒤에, 미리보기 화면에 있는 + 모양을 정중앙에 끌어 놓는다. (좌표로는 경사시작 960, 540)

(4) 원본과 혼합을 30정도 로 주어, 좀더 흐리게 만들어준다.(복습시 62%)

(5) 인트로에 가서, 컨셉 색상의 도형을 클릭 한 뒤 >상단의 칠 > rgb색상을 보고 외우면서 복사한다.

(6) 다시 배경으로 와서, 끝 색상에 복사한 값을 넣고, 시작색상에는 하얀색에 가까운 색을 준다. 그럼 배경이 모이면서 밝아진다. 

(7) 너무 어두우면 끝 색상을 좀더 밝은색을 준다.


[2] 배경에 물방을 효과 주기

(1) 새로운 단색을 만든다(레이어>새로만들기>단색)

(2) 이번에는 효과 및 사전 설정에서 [CC particle World] 라는 효과를 주도록 한다.

(3) grid & guide에서 모든 체크박스를 풀고, BirthRate는 1.5 Longevity 는 2.50 으로 준다. (BirthRate는 particle의 숫자다. 줄이면 적게 생성된다)

(4) Producer 의 Radius X,Y,Z는 모두 0.5로 준다.( 물방울이 나타나는 범위른 정해준다)

(5) Physic의 Animation을 Twirl로 바꿔주고, Velovity는 0.05, Gravity는 0으로 준다. (Gravity를 주면, 내려가는데, 0으로 주면 좌우로 왔다갔다만 하게된다)

(6) Particle로 간다음 > Particle Type 을 Lens Conves로 바꿔준다 (불꽃 모양이던 것들이 물방울 모양으로 바뀐다, 나는 viscouse를 선택해서 앞으로 오면서 사라지도록)


(7) 이제 particle(물방울)에서도 그라디언트 경사 효과를 주기 위해  효과 및 사전 설정에서  [생성>경사]를 검색해 입혀준다. 시작색상을 컨셉색상으로 해준다.

(8) 이제 particle에 광선 효과를 주기 위해, [스타일화 > 광선]을 검색해 입혀준다. [광선 반경]은 30정도로 준다. 그러면 약간 흐린 광선이 생긴다.

(9) 다듬기로서,  색이 너무 진하면 그라디언트 경사에서 시작색상을 연하게, 물방울이 많으면 CC Particle World에서 BirthRate를 0.5정도로 줄인다.


[3] 이제 중앙에 타원모양의 흐림을 넣을 조정레이어를 추가해준다. 

(1) 패널안에서 새로만들기> [ 조정레이어 ] 를 추가해준다. (* 먼가 추가되서 겹쳐보이려면, 우측 상단의 작은화면으로 다 확인되도록 볼 것)

(2) 조정레이어에서, 효과 및 사전설정에서 [카메라 렌즈]를 검색해서, [카메라 렌즈 흐림]효과를 입혀준다.

(3) 흐림 반경을 10으로 넣어주고(많이 뿌옇다), 도구를 롱클릭해서 타원도구 선택> 더블클릭으로 둥근 마스크를 만들어준다. (나는 비율로  흐려지는 부분 크기를 조절했다)



* 이제 인트로 + 배경이 담긴 '메인'컴포지션을 새로 만든 '최종결과물'컴포지션안에 넣고, 다양한 효과를 줄 수 있게 하자.


[5] 메인화면에 화면 흔들림 효과를 넣어주자.

(1) 최종결과물 컴포지션을 선택한 상태에서, 레이어> 새로만들기 > [null 개체] 를 추가해준다.

(2) 메인컴포지션을 선택한 상태에서 p를 눌러, 위치를 볼 수 있게 한다.

(3) 이제 타이머모양의 키프레임을 [alt]를 누른상태로 클릭해서, 표현식이 나타나도록 한다. 표현식에는 ' wiggle(20, ) '이라고 적는다. 오른쪽을 비워서 오류가 나지만 무시한다.

(4) 이제 Null1(개채)를 클릭한 다음 효과및 사전설정에서 표현식 컨트롤인 [슬라이더 컨트롤]을 추가해준다. 

(5) 이제 메인 컴포지션의 wiggle(20, )에서 비어있는 오른쪽칸에 커서를 놓은 상태에서 , 

패널 상의 표현식:위치 @모양에서 드래그를 시작하여 -> 왼쪽의 Null-슬라이더까지 드래그 해준다. 그럼 오류가 사라진다.(그림참고) null개체와 메인의 슬라이더 컨트롤이 연결되었다.


(6) 이제 프로젝트의 최종결과물을 더블클릭해서 돌아온 다음, 흔들리는 효과를 주기 위해서, Null1 > 효과> 슬라이더 컨트롤> 슬라이더 상태에서 

 - 로고가 나오기 직전의 1.5 s정도에서 타이머 모양을 눌러 시작 키프레임을 만들어주고,

 - 로고가 나오는 중간정도의 화면이 가장 많이 흔들릴 부분으로, 2.2s정도에서 중간 키프레임을 만들어주고 

 - 로고가 다 나온 3s정도에서 끝 키프레임을 넣어준 다음,

 - 중간 키프레임 가장 많이 흔들리는 부분을 더블클릭하여, 값을 20정도로 준다. 다 드래그해서 f9를 입혀준다.

(7) 이제 과도하게 흔들려서, 화면이 팅겨나가 흰색으로 표시되는 부분을 없애주기 위해, 메인 컴포지션을 눌러서 s를 눌러 흔들리는 구간에서 크기를 조금 더 키워준다.

 - null개체가 흔드는 3개의 키프레임과 똑같이 메인 컴포지션의 비율 키프레임을 3개 만들어준다.

 - 중간부분을 106정도로 준다. 그리고 F9를 3개다 입혀준다.




[ 프로젝트명 : 인트로 ]


[1] 로고를 감싸면서 회전하는 사각형 18개 만들기 

( [1]퍼져나갈 패널에서 모양레이어> 추가>사각형을 반복하여, [2]에서 로고를 감싸주는 원은 레이어>단색으로 )


1. 새 컴포지션 만들기 > 이름(인트로) > 사전설정 : HDTV 1080 29.97 ( 폭 1920, 높이 1080px) > 지속시간 30초 > 배경색 : 하얀색

- 컴포지션 : 구성요소들이 닮긴 하나의 작은 화면


2. 아래있는 패널에서 새로만들기 > 모양 레이어 

3. 상단에 있는 [ 추가 ] 버튼 > [사각형],  다시 [ 추가 ] > [칠] 을 눌러서 색칠 해주기


4. 자신의 로고를 드래그로, 프로젝트안에 넣고, 다시 패널로 드래그하면 로고가 들어간다.


5. 모양레이어를 클릭한 다음, [칠] 버튼 > 스포이트버튼을 클릭해서, 로고의 색깔과 똑같이 새로 칠한다.


6. 모양레이어의 하위 콘텐트 라인에 있는 [추가]버튼을 눌러 [반복]을 추가한다.


7. 사각형 패스 하위 [크기]를 바꾸기 위해 [쇠사슬] 모양을 클릭 > 46, 9으로 바꿔준다.


8. 콘텐트 하위 [반복1]에서 [복사]를 3-> 18개로 바꿔준다. 그 하위항목인 [변형 : 반복1]에서 [위치]를 0.0으로 바꿔서 <반복되는 도형들도 정확히 중간에 위치하도록 한다> /[회전]은 22.5로 바꾸어서, 18개가 한바퀴 360도를 돌 수 있도록 한다.


9. 사각형 패스의 [위치]에서 y축을 늘려주면 , 18개의 사각형이 커지면서 둘러싸게 된다. 적당한 시작모양을 잡고, 로고와 위치가 맞도록 [변형] > [위치]에서 맞춰준다.

* 기준점을 움직이면 사각형들이 돌아갈때 이상하게 돌아간다.


10. 이제 모양레이어의 아래항목들을 다 닫고, 단축키로 필요한 부분만 조정할 것이다. 모양레이어를 클릭해서 

(1) s를 눌러서 비율을 본다. 비율왼쪽의 [타이머]모양을 눌러서 키프레임을 만들어준다. 우측 시간그래프 중 가장 위의 그래프를 줄이면, 시간을 더 확대해서 크게 볼 수 있다. 

(2)그 아래에서 1s를 클릭해서 [다이아몬드]버튼을 눌러 키프레임을 하나 더 추가해준다. 2번째 키프레임을 더블클릭하여 폭을 700%정도로 넓혀준다.


(3) r을 눌러서 회전 부분을 본다. 마찬가지로 [타이머]버튼을 누르고, 0s와 1s에 키프레임을 추가해준다.

(2) 1s를 클릭해서 한바퀴 + 180 더 돌게하기 위해서 , 레볼루션에는 1x  +도에는 180을 입력해준다.



11. 이제 모양레이어를 Ctrl+d를 통해 총 3개로 복사한다. 글리고 우측 시간그래프에서 0.5초 간격으로 배치를 해준다.

* 레이어 시작 부분이 0s보다 왼쪽으로 가 있어서, 0.5초 간격으로 안될  때는 : 단축키 '['를 눌러서 마커에 시작점을 맞춰준다.


12. 너무 정직하게 회전하는 것을 수정하기 위해, 각 모양레이어의 비율, 회전부분을 ctrl누른상태로 모두 클릭해서 [ F9 ]를 눌러 '천천히 들어오기 및 나가기' 를 적용해준다.

적용이 되었다면, 다이아몬드 모양의 키프레임이 모래시계 모양으로 바뀌어있다.  회전이 너무 빠르다면, 비율/회전의 2번째 키프레임들을 좀더 오른쪽으로 벌려준다.


13. 로고에도 애니메이션 효과를 주기 위해서, 로고에서 비율 단축키 's'을 눌러서, 0s과 1s에 키프레임을 만들고, 0s에는 아예 안보이도록 0%로  준다. 그리고 2개의 키프레임을 모두 선택해서 [ F9 ] 를 적용해준다.



[2] 로고 바깥을 감싸줄 원형모양 만들기( [1]퍼져나갈 로고 감싸는 사각형의 모임은 추가>사각형으로, [2]에서 로고를 감싸주는 원은 레이어>단색으로 )


1. 레이어(L) > 새로만들기 > [단색] 만들기 -> 폭과 높이가 애초에 만든 높이 1080px가 되도록 조정해서 정사각형이 되도록 한다. 스포이드로 로고색을 선택해준다.


2. 사각형도구를 롱클릭해서 타원도구로 변형한 뒤 타원 도구를 더블클릭하면 사각형의 단색이 [마스크]가 씌워져서 원형이 된다.


3. 단색> 마스크> 마스크1을 Ctrl+D 로 복사한 뒤, 마스크2는 '빼기'로 설정한다. 마스크2 하위 [마스크 확장]에서 -25.0으로 픽셀을 주면 두께로 작용하게 된다.


4. 이제 이 단색의 마스크를 크기가 컸다가 작아지는 형태로 만들기 위해서 (my- 도형의 크기는 '비율(s)'로 조절)

(1) 단색을 클릭한뒤,  s를 눌러 '비율' 항목에서 키프레임을 0s에 하나, 로고가 다 나왔을때(1.5s정도) 하나 만들어준 뒤, 로고가 나왔을 때 로고를 덮을 정도의 비율(크기, 45)로 바꿔준다.

  - 로고를 클릭해서 s를 눌러 비율 키프레임을 보면서 확인한다.


(2) 이제 화면 높이 정도였던 단색타원의 비율을 더 키워준다.(200정도)

(3) F9를 입혀준다.

(4) Ctrl+D로 단색을 총 3개 복사해서, 0.5s 씩 시간차를 주도록 한다.

(5) 단색 마스크3개와 로고만 선택해서 조금 더 시간을 뒤로 빼준다.


[3] 뻣어가는 좀더 샤프한 사각형 모임의 원을 하나의 더 추가해주기 위해서, 

패널에서 모양레이어>추가>사각형>추가>칠로 사각형을 만들어준다.

1. 모양레이어의 콘텐트에서 추가>반복

2. 크기는 20, 100으로 세로가 긴형태

3. [반복] 복사는 36, [변형 : 반복1] 회전은 10으로 해서 360도를 만든다음, [위치]를 0.0   ==> 여기까지가 뭉쳐있지만, 한바퀴 둘러싸는 구조

4. 이제 사각형 패스1의 [위치]의 y폭을 조정 => 뭉쳐있는 구조를 벌리는 구조

5. 이제 s를 눌러서 '비율'부분에 0s와 1s정도에 키프레임을 만들어준다. 작았다가 뻗어나가는 구조이므로, 처음 비율은 70정도, 커지는 것은 700까지 넓힌다.

6. F9를 입힌다.

7. [1]번에서 만든 것들이 마지막 퍼져나갈쯤에, 이어서 뻗어나가게 그 뒤로 빼준다.


[4] 전체에 블러효과 주기, 인트로 프로젝트를 메인 프로젝트에 추가해주기

1. 도형들의 움직임들이 동작흐림(모션블러)를 체크한 뒤, 상단에 큰 아이콘을 클릭해서 적용되도록 한다. (로고만 빼고 다 적용)

2. 이제 새 컴포지션을 만들어서 이름은 메인으로 하고, 인트로 컴포지션을 메인 컴포지션에 넣어준다. 다음시간에 메인 컴포지션에 인트로 이외에도 많은 요소들을 추가할 것이다.


  1. Steve-Lee 2018.12.31 14:24 신고

    영상편집까지... 못하시는게 뭔가요...ㅠ

[1] 간단하게 에펙 자체에서 렌더링 하는 방법

1. 프로젝트의 우측하단 타임라인에서 밝은 회색 부분이 WorkArea로서, 동영상으로 뽑히는 부분이다. 마커상태에서 단축키 'B'로 시작/ 'N'은 종료영역을 결정할 수 있다.

2. 컴포지션 > 렌더링 대기열에 추가

3. 출력모듈 : 손실없음, 렌더링 설정(상황에 맞게) : 최고설정

4. 우측에 렌더링 버튼 클릭



[2] Adobe Media Encoder 대기열에 추가하는 방법

1. 프로젝트의 우측하단 타임라인에서 밝은 회색 부분이 WorkArea로서, 동영상으로 뽑히는 부분이다. 마커상태에서 단축키 'B'로 시작/ 'N'은 종료영역을 결정할 수 있다.


2. 컴포지션 > Adobe Media Encoder Queue (Ctrl+Alt+M) 대기열에 추가. 


3. 어도비 Media Encoder 에 컴포지션이 담긴다. 포맷과 비트래이트, 파일경로를 설정해준다. H.264로 설정해놓으면 자동으로 mp4로 설정된다.


4. 비디오탭에서 레벨이 가장 중요한데, 기본적으로 프로파일이 열려있어야 선택 가능하다. 4.0~4.2는 HD사이즈(1280X720), 5.0 풀HD(1920 X1080)사이즈를 의미한다.

- 나는 1920X1080이니까, 5.0으로 바꾼다.

- 퀄리티를 조절하는 Bitreate Settings의 Encoding을 CBR에서 움직일 수 있는 Bitrate최대 수치는 레벨에 따라 올라간다. 퀄리티와 용량도 같이 올라간다.

- 4.0이면 Target Bitrate를 20, 5.0이면 25정도로  준다.


5. 오디어탭에서 중요한 것은 Bitrate다. 최소 192, 최대 256 정도로 뽑아준다.


6. 사전설정 우측 첫번째버튼으로 커스텀한 것을 저장해주면 렌더링 할때마다 쓸 수 있다.

+ Recent posts