에펙 투명 배경 - epeg tumyeong baegyeong

반응형

 

에펙 투명 배경 - epeg tumyeong baegyeong

홈페이지에 들어갈 투명 배경의 스크롤 모션 Gif 이미지가 필요하여 제작하였당!

위 이미지는 게시물 작성을 위해 검은 바탕을 추가하여 출력한 이미지이당ㅎ.ㅎ

 

 

 

 

 

 

 

 

 

 

 

 

에펙 투명 배경 - epeg tumyeong baegyeong

1. 먼저 애프터 이펙트에서 모션을 만들어 준다.

홈페이지 메인 사진 위에 띄워질 투명 gif이기 때문에 투명바탕에 흰색으로 작업하였고

나의 경우 짧은 모션이기 때문에 1초 15프레임의 짧은 길이로 제작하였당!

 

 

 

 

 

 

 

 

 

 

 

에펙 투명 배경 - epeg tumyeong baegyeong

2. Ctrl + M을 눌러 렌더링 대기열에서 출력 모듈 : 손실없음을 눌러

비디오 출력에서 채널 부분을 RGB+알파로 바꿔준다!

 

이 설정은 배경값을 빼주는 설정임으로 반드시 빨간 네모 부분을 바꿔줘야 한다!

그리고 Avi로 렌더링 귀귀씽~

 

 

 

 

 

 

 

 

 

 

 

 

 

에펙 투명 배경 - epeg tumyeong baegyeong

3. 포토샵에서 렌더링한 Avi 파일을 연다!

안열릴줄 알았는데 열린당 쿄쿄

그러면 포토샵 작업창 하단에 타임라인이 생긴다

 

 

 

 

 

 

 

 

 

 

 

에펙 투명 배경 - epeg tumyeong baegyeong

4. 파일 - 다른이름으로 저장 - 웹용으로 저장을 눌러

Gif로 설정을 바꿔주고 오른쪽 하단 애니메이션을 계속으로 바꿔줘야

반복되는 gif 이미지를 만들 수 있다.

 

 

 

 

 

 

 

 

 

 

 

 

에펙 투명 배경 - epeg tumyeong baegyeong

5. 완성!

4번의 설정에 따라 한 번만 움직이고 끝나는 모션도 가능하당ㅎㅎ

우리는 사이트에서 계속 돌아가는 scroll motion 이미지가 필요했기 때문에

계속 움직이는 GIF로 출력/저장했당

 

 

 

 

 

 

 

반응형

공유하기

게시글 관리

구독하기삶을 오르는 날들, Joanne

  • 카카오스토리
  • 트위터
  • 페이스북

'디자인 > 디자이너의 하루' 카테고리의 다른 글

[김미경 내일수업] 코로나 이후 우리는 어떻게 될까  (0)2021.10.19[아티스트웨이 : OT] 나의 소망의 시작을 응원해!  (0)2021.10.17[간판 디자인 견적 비교] 회사 로고 간판 제작기  (0)2021.08.22[포토샵/오류] 대상 채널이 가려져 있으므로 이동 도구를 사용할 수 없습니다.  (1)2020.05.18[포토샵/오류]그룹을 병합하지 않고 그룹의 픽셀을 편집할 수 없으므로 선택 영역을 이동할 수 없습니다.  (0)2020.05.18



에프터이펙트를 사용하다보면 영상에서 원하는 부분만 출력하고 

나머지 부분은 투명하게 출력하고 싶은 경우가 있습니다.

예를 들어 타이틀을 제작할 때, 백 그림을 제작한 후에

타이틀을 따로 만들어서 올리는 경우인데요.

오늘은 이 때 어떻게 해야 하는지 설명해 드리겠습니다 :D






에펙 투명 배경 - epeg tumyeong baegyeong


1) 작업을 완료한 comp 에서 Ctrl+M 을 눌러서 Render Queue 창을 실행시켜줍니다.

그리고 위 그림의 빨간네모를 선택해 주세요.



에펙 투명 배경 - epeg tumyeong baegyeong


2) 그럼 위와 같은 새창이 뜨는데요.

이 때 빨간 네모를 잘 봐주세요.


Format : QuickTime Move

Channels : RGB + Alpha (여기서 Alpha라는 값이 투명한 값을 말한답니다)

Format Options : 애니메이션 


위와 같이 세팅하신후 OK를 누르시고요



에펙 투명 배경 - epeg tumyeong baegyeong


3) 다시 Render Queue 창에서 Output To를 클릭해서 저장될 위치를 설정하신 후에

Render를 누르시면 됩니다 :D



강좌를 보시다가 문의사항이 생기시면, [email protected] 으로 문의주세요 :D

공유하기

게시글 관리

구독하기문 아일랜드 - [Moon Island] 영상에 관한 모든 것

저작자표시 비영리 변경금지

'영상노트 > After effect CS' 카테고리의 다른 글

[AE Q&A] 에펙에 대해 질문드리겠습니다.  (0)2013.01.13[AE Q&A] 에펙 타임라인이 사라졌어요.  (0)2013.01.03[AE Q&A] 에펙 사이즈 보는 법을 모르겠네요.  (0)2013.01.02[AE Q&A] 에펙 램프리뷰가 뭔가요?  (0)2012.12.26[AE Q&A] 에펙 import 오류요.  (0)2012.12.26

안녕하세요 따밍입니다

에펙 강좌로는 엄청 오래간만에 돌아왔네요!

+_+ 하도 오버워치 캐릭터 글만 쓰다가 ㅋㅋ 오늘은 시간이 좀 나서

에펙 강좌를 올릴려고 합니다 ~~

(에펙에서 글씨효과 주고 투명배경으로 뽑아서 프리미어에 언져놓은 영상)

제 블로그에 에펙 강좌를 보시고 

댓글을 달아주시는 분들 중에서

궁금한 점을 댓글로 달아주신 분이 계시더라구요 ㅠㅠ

감사해요 ㅠㅠ 제 포스팅을 읽어주셔서

어떤분이 에펙의 배경을 투명하게 하려면 어떻게 해야 하는지 물어봐 주셨는데요

에펙 배경을 어떻게 투명하게 하는지! 알려드리도록 하겠습니다~

저도 몰랐는데 이번 기회에 배워보았습니다

의외로 쉽더라구용~

일단 그분이 글씨에 효과를 주고 투명한 배경으로 만들어서

프리미어에서 작업할때 영상 위에 언져 놓고 싶으셔 했는데요

질문 사항에 최대한 맞춰서 작업해드리도록 하겠습니다~

일단 글씨를 만들고

아무 효과나 줘봅시다~

요즘에 복면가왕에서 우리동네 음악대장의 걱정말아요 그대가 너무 좋아서 ㅠㅠ 계속 듣고 있어요

가사중 일부분 ㅎㅎ

띄어쓰기가 저게 맞는지 모르겠네요 -_-;;;;

아무튼 효과주기 !

효과는 역시 여기에서 간단하고 간지나게!

나와랏 브라우즈 프리셋!

여기서 창이 뜨셨다면 텍스트를 누르시고 원하는 효과를 적용 시키면 됩니다

저는 부드럽게 나오는 효과를 선택했슴당

이렇게 효과를 주고 끝내도 되지만 

다른 어두운 배경에서도 써먹을수 있게 

glow 효과와 글씨색을 흰색으로 바꿔줬습니다

glow 효과는 빛나게 해주는 효과입니다~

이렇게 해서 영상을 어떻게 투명하게 뽑느냐!

랜더 큐에서 컴포지션을 부른뒤에 아웃풋 모듈에서 lossless 를 클릭합니다

그러면 AVI 모드로 되어 있을텐데

거기서 비디오 아웃 풋에서 RGB + Alpha 를 눌러줍시다

그리고 랜더링!

하시면 투명한 배경이 되었을꺼에요

확인해 볼까요?

프리미어로 영상을 가지고 와봅시다

프리미어에서 배경이 되는 영상과 글씨영상을 불러옵시다

(두근두근)

저는 배경 영상으로 딱히 마땅한게 없어서

그냥 이런거 가지고 왔습니다 ㅋㅋ 

그러면 이제 대망의 !! 에펙과 프리미어의 콜라보 ~

에펙의 영상을 올려봅시다

이렇게 에펙에서 작업할때의 검정색 바탕화면이 없어지고 

깨끗하게 ! 글씨만 왔습니다~~ 유후

꼭 기억하셔야 할것은

에펙에서 포맷 설정을 h.264 나 다른것으로 하는 것이 아니라!

꼭 AVI 로 코딩해야 합니다~

그리고 비디오 아웃풋에서 채널을 RGB + Alpha 채널로 꼭 바꾸시면 

투명한 배경 완성이요~

의외로 쉽죠?? ㅎㅎ

보통 효과는 에펙에서 주지만 에펙에서 영상 편집이 불편하시다면

투명배경으로 만들고 프리미어에서 작업하는 것도 좋겠네요 ㅎㅎ