본문 바로가기

Pr Ae

Pr 3편 큰 타이틀과 작은 자막(Graphic / Caption-Vrew)

지난 Pr 2편의 비디오 컷편집에 이어서 영상편집작업에 이어지는 과정으로 정보를 전달하는데, 글로 표현하는 것이 제일 명확한 방법이다. 이번 편에는 CC버전부터 활용도가 최대인 Type도구를 이용한 이센셜 그래픽(Essentical Graphic)에 대해 소개하겠습니다.

 

 대전 태생이며 충남 예산에서  어린시절을 보낸  백종원님 대한민국의 기업인, 요리 연구가이다

 

타이틀과 자막의 퀄리티

광고제작에서 노출 빈도가 높은 자막은 정보전달의 기능과 움직임이나 디자인을 통한 시선집중 효과로 내용을 전달하는 기능이 있으므로 영상의 퀄리티를 느끼는 중요한 요소가 된다.  타이틀과 자막 퀄리티 결정 요인은 다음과 같다.


(1) 자막의 폰트
(2) 자막의 움직임
(3) 자막의 컬러 
(4) 보더(Border)
(5) 셰도우(Shadow) 
(6) 프레임(화면) 배치 
(7) 바탕영상 대비 자막의 크기 등이 자막의 퀄리티를 결정하게 된다.

 

타이틀은 수식어와 무슨이야기를 담은 소제목이 필요하다.

 

글씨는 미리 메모장, 워드프로세서 프로그램에서 미리 입력하고, T도구를 클릭해 제목을 붙인다. 문단 즉 설명하는 내용은 가급적 함축적으로 줄이며 T도구를 클릭 앤 드래그, 클릭하고 우측 모서리로 이동하고 글을 쓴다. 좌로 정렬인 문단의 기본이다.

 


 

지난 비디오 컷편집과 스틸이미지 활용을 놓치신 분들은 아래 배너를 누르고 배운 후 본 교육내용을 보세요.

 

Pr 2편 비디오 컷편집과 스틸이미지 활용

영상속에서 불필요한 부분을 제거하여 꼭 필요한 부분만을 사용하거나, 영상속의 한 장면을 스틸이미지(JPG)로 별도 저장해서 고정된 영상처럼 처리하는 비디오 컷편집 부분을 소개합니다. 프리

oztv.tistory.com

 

 

방송매체에서 배우는 타이틀과 자막의 표현

SBS '골때리는 그녀들'의 타이틀과 자막표현


공중파 방송매체의 영상에서 대부분 큰제목 외에 의성어, 의태어, 상황을 소제목으로 표현됩니다. 그래픽요소가 반영되어서 글씨외에 그림등이 같이 표현되며, 애니메이션과정을 배울때 적용할 만한 움직임이 적용되는데, 이번 편에서는 그래픽요소로서 글씨의 표현을 배울 것입니다.(애니메이션을 통한 부분은 Pr 7편 키프레임(Keyframe) 애니메이션 기초편에서 적용할 수 있습니다.)

 

 


무료 폰트 아무거나 쓰다가 수백만원 뜯깁니다 - 저작권

정말 저작권을 모르고 아무런 폰트를 사용하면  저작권 위반으로 수백만원 뜯깁니다.  > 관련영상

우선, 타이틀의 기본형태를 이해하고, 저작권과 무관한 상업사용이 가능한 무료 서체(Font)를 설치하고 사용해보겠습니다.   

 

  A    영상에 적합한 무료서체부터 우선 구해서 설치한다.
  B    작은 자막은 대사나 용어등 정보를 제공할 목적에 적합하다.(CC버전추가 Type도구)
  C    유튜브 영상 하단에 등장하는 캡션을 통한 대사표현

 

 

영상제작에 글씨요소는 중요한데, 그중 형태나 이용목적에 따라 큰타이틀(Title)과 작은자막(Subtitles)으로 구분해 볼 수 있다.  TV의 방송연예 프로그램을 따라베끼는 방식에서는 혼용해서 사용하겠지만, 주제가 되는 제목과 관련 이미지를 조합한 타이틀과 대화체의 핵심을 글로 나열해가는 자막으로 구분해서 소개하겠습니다.

 

Space Footage Download
Hubble Space Telescope - 220.mp4
8.79MB

위 영상을 활용하시고, 우주관련 더 많은 영상은 pixabay.com을 이용하세요.

 


 

  A   영상작업에 사용할 상업용 무료서체 '눈누'에서 구하기!

 

눈누 무료서체 사용안내

눈누에서 소개하는 무료서체 사용안내 디자인 및 캐릭터, 영상제작에 사용하는 서체 혹은 폰트(Font)는 정보와 사용자들에게 전달하려는 메시지, 캐릭터의 경우는 감성적인언어적인 표현에 주로

oztv.tistory.com

 

눈누추천 서체중 3개분야로 구분배포!!  Download 버튼을 누르세요.

아래 노란 버튼을 누르고 여러분이 알고 있는 굴림, 돋움, 궁서, 바탕, 맑은 고딕 외에 시각디자인 분야  / 한자(중국어, 일본어 서체가 아닌 한국어 폰트 중 한문표현) / 이모티콘과 감성적인 손글씨로 구분하여 사용하시기바랍니다. 

 


 

  B   글씨로 시작하는 Essentical Graphic

Type 도구로 시작하는 Essentical Graphic (필수적인 그래픽요소)

여러분이 알고 있는 작은 자막은 대사나 용어등 정보를 제공할 목적의 최소의 스타일에 적합한 T 도구가 CC버전에
추가되었습니다. 작은 자막작업시 별도 요소생성없이 처리해서 편리합니다. CS6 버전유저들도 타이틀러를 크기별도 구분해서 요소형태로 만들면 타이프도구가 없어서 불편하지 않습니다.

 

Essentical Graphic은 간편하게 Type도구를 이용해서 우선 글씨를 입력하고, 필요한 경우 자체 그리기, From file을 통한 외부매체 불러오기를 통해 레이아웃 그래픽 요소들을 하나의 클립에 표현할 수 있는 뛰어난 기능을 수행한다.  또한, 선택한 클립의 레이아웃 구성과 스타일을 라이브러리 저장을 통해 백업과 빠른 적용의 장점이 있다.

 

 

 

 

레이어 구조의 이센셜 그래픽 만드는 방법 

01. 맨위 WorkSpace(작업공간)에서 Graphics로 입장~
02. 영상을 재생하다가 정보전달을 위한 글씨를 표기하고자 하는 위치에 인디케이터(헤더)를 위치한다.
03. 도구상자의 "T" 도구를 선택하고 화면속 원하는 위치에 클릭을 하고 뭔가를 입력하고 선택도구로 위치를 정한다. 
04. 현재 Graphics WorkSpace우측에있는 Essentical Graphic를 클릭하고 Edit탭에서 입력한 레이어를 확인하고 아래쪽 속성항목들에서 서체 및 색상 등의 스타일을적용한다.

05. 추가적인 글씨는 Ctrl+T를 누르면 위에서 정한 스타일대로 글씨요소가 생기며, 간단하게 복사/붙이기로 같은 문장을 붙이고 배치할 수 있다.  문단의 경우는 클릭 후 하단으로 드래그하여 문단의 영역을 박스처럼 만들고 글씨를 입력하면 된다.  클릭하고 사용하면 제목 / 클릭앤 드래그는 문단 이렇게 생각하세요.

 

 

이센셜 그래픽에 이미지  파일 추가하는 방법

픽사베이에서 그림 저장한 PNG, GIF 이미지들을 레이어 구조의 이센셜 그래픽은 짧은 동영상, 이미지 파일 등을 가져와 아래 그림과 같이 꾸밀 수 있습니다.   이런 요소가 필요한 경우에는 레이어창 우측하단의 종이모양의 "New Layer"버튼을 누른 후 "From File..."로 가져올 수 있습니다.

아래는 자유롭게 사용가능한 픽사베이 출처으 이미지들입니다. 클릭 후 모들화면(배경이 검게보이고 대상만 선명히 뜨는 화면)에서 우클릭 후 V 혹은 다른이름 저장으로 각 명칭에 맞는 이름으로 저장을 해서 이센셜 그래픽의 글씨 입력후 새로운 레이어로 From File...에서 각각의  PNG, GIF 파일을 가져와 보세요.

 

가져온 이미지는 프로젝트창에 보여요. 글씨가족이 있는 레이어 사이에 드롭다운 하면 그림을 삽입할 수 있습니다.

 

 

 

 

타원, 사각형, 펜도구로 Shape를 그려서  이센셜그래픽을 만들고, 글씨를 입력하기도 합니다.

 

 

 

 

 

 

 

이센셜 그래픽 타이틀과 자막 따라 만들어 보기

위에서 소개한 내용을 아래 동영상 강좌를 통해서 타이틀과 자막을 제작해서 표현해보세요.

 

 

아래는 CC2022버전부터 추가된 그라데이션 표현입니다.

▲ 위는 Fill에 Linear Gradient를 적용하고, Stroke과 Shadow에 입체감을 살린 타이틀 / ▼아래는 Stroke를 추가해서 흰색의 테두리와 그림자를 적용한 사인디자인에 착안한 타이틀은 별도의 스타일 등록을 했다.

▼ 자주 사용하는 타이틀과 자막의 Appearance의 모양새를 보고 각각 Text Style로 등록하여 다른 타이틀에 적용할 수 있다.

 

 

https://pixabay.com/ko/users/jendigitalart-6490932/

 

Download free media from JenDigitalArt | Pixabay

로열티 없는 Pixabay의 이미지, 스톡 사진, 동영상, 음악 등을 확인해 보세요.

pixabay.com


 

파워포인트도 영상작업에 필요한 PNG 이미지를 제공한다.

 

파워포인트도 영상작업에 필요한 이미지를 제공한다. 삽입에 그림,도형들 처리후 오른 클릭하고 그림저장하면 PNG파일로 저장된다. PNG는 배경이 투명한 고화질 이미지포맷이다.

 

그래픽용_파워포인트상식.pptx
0.05MB

 


 

 

음성인식 자막 Caption과 언어번역브루에서

프리미어 프로가 CC2023이후 업그레이드를 하면서 자막인 Caption을 Graphic과 합쳐서 멋진기능이라 홍보하지만, 여러분의 음성을 인식해서 자막(Caption)을 생성해주고, 세계 다양한 언어로 번역한 자막파일로 내보내주는 기술은 대한민국의 딥러닝 인공지능 IT 기업Voyagerx 이저엑스의 브루(Vrew)를 이용하는 것이 좋습니다. 

브루는 인공지능으로 음성을 인식하여 자막생성을 해주고, 프리미어 프로와 같은 영상편집까지 약간 자막의 영역을 벗어나서 다양한 기능을 업그레이드 하기도 했지만, Adobe의 캡션보다 뛰어난 순수한 자막파일 캡션 기능을 추천하겠습니다.

 

https://vrew.voyagerx.com/ko/

 

Vrew, 문서 편집처럼 쉽고 빠른 AI 영상 편집

AI를 활용한 가장 빠르고 효율적인 영상 편집을 경험해보세요! 키워드만 입력하면 끝! AI가 자동으로 영상을 만들어 드립니다. 음성 인식 자동 자막, 빠른 컷 편집, 200종 이상의 AI 목소리, 다양한

vrew.voyagerx.com

 

브루의 음성인식 자동자막과 자막번역인공지능 기술은 세계 최고의 품질을 자랑합니다.

 

Free 요금제로 테스트 했습니다

 

브루유튜브 공식채널에서 배워보세요

https://www.youtube.com/@vrew

 

쉽고 편한 AI 영상편집기 브루 (Vrew)

AI 영상 편집기 Vrew와 함께 쉽고 편하고 빠르게 영상 편집하세요! 음성 인식을 통한 초벌 자막부터, 문서 편집 감각으로 할 수 있는 컷 편집, 강력한 기능들로 더 효율적인 영상 편집을 경험해보

www.youtube.com

 

 

아래는 브루 사용법 자막 작업 기본 편 (자막 수정 / 클립 합치기/ 클립 나누기)에 대한 음성 인식을 통해 영상을 텍스트로 보여주고, 자동으로 자막을 생성하기 강좌영상입니다.

 

 


 

영상작업에  포토샵을 활용해보세요!

사진이미지를 활용한 영상제작에 피사체를 제외한 배경이 투명한 PNG 가장 많이 사용하는 이미지 입니다. 대부분 원본 사진에 해당되는 JPG파일을 열어서 포토샵에서 재가공한 고품질의 이미지 포맷이 PNG입니다.  강아지, 인물, 사물등을  자유롭게 삽입해 영상속 꾸밈을 더 멋지게 할 수 있습니다.  영상작업에 포토샵을 많이 사용하기에  포토샵 강좌를 준비했습니다. 

 

"아래 배너를 클릭하세요!"

https://oztv.tistory.com/40?category=909210 

 

2D 그래픽제작(포토샵) 1편 선택도구

시각디자인의 분류에 해당되는 영상디자인 분야는 시청각을 통해 가장 정보전달력이 뛰어나서 구글이 서비스하는 동영상 공유 플랫폼인 유튜브 등의 영상매체가 갖는 매력적인 요소이다. 포토

oztv.tistory.com

 

포토샵 너무 어려워??  누끼 이빠이 노가나

 

사진이미지 배경제거(누끼) PNG작업을 한방에

포토샵 사진이미지속에 피사체가 되는 인물과 대상을 자동으로 인식해서 배경을 제거한 PNG파일로 내보내는 일명 일본말로 '누끼' 배경제거작업(Remove Background)이 제일 힘들고 많을 시간을 들이

oztv.tistory.com

 


Next 

영상제작과정의 순서에 입각해서... 다음편은 비디오컷편집, 글씨로 표현하는 모든 카피라이트에 이어서 배경음악(BGM), 효과음 등을 삽입하고 캠페인 영상과 같은 방송용 결과물 제작을 위한 오디오편집과 비디오와 오디오의 자연스러운 전환효과인 트랜지션을 배워 보세요. Pr4편 정도면 왠만한 유튜브 영상제작도 가능합니다.

 

Pr 4편 오디오편집과 트랜지션

영상제작에 필요한 무료 배경음악(BGM) 영상제작에 배경음악BGM(Background Music), 사람의 목소리로 설명하는 나레이션, 주요장면에 적절한 효과음 등의 오디오 요소가 빠지면 안되겠죠? 영상제작에

oztv.tistory.com