본문 바로가기


Pr 3편 🐱글씨, 큰 타이틀과 작은 자막(캡션 및 그래픽)

지난 Pr 2편의 비디오 컷편집 다음에 이어지는 종합편집 과정 정보전달을 위한 글씨 표현을 배워봅니다.  이번 편에는 CC버전부터 활용도가 최대인 Type도구를 이용한 캡션 및 그래픽(Caption & Graphic) 작업공간에서 생성한 기본그래픽에 대해 소개하겠습니다.  영상자체에 텍스트 삽입과 썸네일관련된 그래픽표현 입니다.

텍스트 요소는 종합편집 외에 유튜브의 썸네일을 통해 영상을 알리는 기능도 한다.

 

가편집에 이어서으로 이번에는 타이틀 작업을 진행합니다. 프로젝트가 없으면 아래 🐱 고양이카페 프로젝트Zip파일을 받아서 압축풀고  Pr  을 더블클릭하고 시작합니다. (컷편집한 최적화된 상태로 2019버전으로 저장해 공유한 것이라서, 열릴 때 상위버전은 '_1'이름으로... OK! 원본과 별개의 여러분 버전에 맞게 프로젝트가 열립니다.)

CatCafe_Pr2019.zip
8.43MB


 촬영(수집)한 영상소스의 전체적인 편집단계인 순서편집 가편집 본편집 종합편집에서
이번은 최종적인 종합편집의 첫 단계인
영상을 보면서 타이틀 작업을 하고 있는 것 입니다.

영상소스들을 이야기순서(스토리보드)에 맞게 풀영상을 나열하는 순서편집 / 순서편집의 내용 중 길고 필요없는 부분을 자르고 추가하는 가편집 / 가편집 내용에서 시간을 고려한 본편집 / 종합편집에는 본편집된 영상을 기반으로 타이틀, 오디오, 시각효과 Fx인 영상CG, 색보정을 통해 최종적으로 영상을 렌더링하는 단계로 마무리 됩니다.

 

작업공간편집에서 캡션 및 그래픽(그래픽)으로 바꾸고 시작해야 합니다.

Type도구로 생성한 기본인 글씨와 도형을 시작으로층층이 쌓는 레이어 구조에서 다양한 스타일과 앞으로 배울 키프레임을 활용한 애니메이션까지 표현할 수 있는 프리미어의 꽃과 같은 존재감을 뽐내는 기능을 배우게 됩니다.

 

텍스트의 그래픽 퀄리티를 높이려면

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

(1) 자막의 폰트의 개성있는 형태와 저작권(무료폰트)
(2) 자막의 움직임(애니메이션 뒤에 배울 예정)
(3) 자막의 컬러(Color)  
(4) 테두리(Border)
(5) 그림자(Shadow) 
(6) 프레임(화면)에서의 배치(레이아웃)  
(7) 바탕인 영상 대비되는 배경색상과 자막의 크기 등이 자막의 퀄리티를 결정하게 된다.

 

수식어인 소제목과 큰제목, 긴 설명인 문단이 주로 사용됩니다.

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

글씨는 미리 메모장에 입력된 것을 복사하고, 프리미어에서 제목과 수식어등의 단문은 T도구를 클릭하고 붙이거나 입력하고 바로  선택이동도구로 위치를 조절합니다. 본론에서 문단 즉 설명하는 내용은 가급적 함축적으로 줄이며 T도구를 클릭 앤 드래그, 클릭하고 우측 모서리로 이동하고 글을 붙이고 편집해줍니다. 문단은 기본이 좌로정렬이죠.

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

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


 

FONT
상업적 사용가능한 무료폰트 '눈누'에서!
 

 

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

정말 저작권을 모르고 한컴 HY글꼴, 산돌글꼴 등 아무런 폰트를 사용하면  저작권 위반으로 수백만원 뜯깁니다.  타이틀의 기본형태를 이해하고, 저작권과 무관한 상업사용이 가능한 무료 서체(Font)를 설치하고 사용해보겠습니다.   

한글과 컴퓨터에 포함된 서체들은 HY고딕중간, MD솔체, 한컴바탕, 함초롱돋움, 휴먼둥근 헤드라인과 같이 앞에 HY-, MD-, 한컴-, 함초롱-, 휴먼- 등의 이름이 있는 서체들을 말하며 워드프로세서로 문서작성 목적 외 영상과 디자인에는 절대 사용하면 안됩니다. 자세한 영어, 중국어 세처사용 등 추가적인 내용은 아래 게시물을 참고하세요.

 

눈누 무료서체 사용안내

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

oztv.tistory.com

 

아래 평택안보체는 사용해도 되나요? 구글에 '평택안보체 저작권' 이라 검색하면 

허용범위내에 영상, 인쇄물, 웹사이트, 광고물, BI/CI 등 다양한 매체에 상업적·비상업적 목적으로 자유롭게 사용 가능. 특별한 허가 절차 불필요하다고 나오기에 사용해되 됩니다.

 

평택안보체 Regular.ttf
0.60MB

 

Google 검색결과 캡쳐

 

 

눈누에서 평택안보체를 구했습니다. 

눈누는 무료서체를 검색하고 사용예시를 볼 수 있습니다.  물론 다운로드는 배포하는 기업과 지자체의 페이지로 가서 다운로드 하면 됩니다.  일일히 구하기 시간이 걸린다면 아래 골드바 Download 버튼을 누르세요. 여러분이 알고 있는 기본서체인 굴림, 돋움, 궁서, 바탕, 맑은 고딕 외에 시각디자인 분야  / 한자(중국어, 일본어 서체가 아닌 한국어 폰트 중 한문표현) / 이모티콘과 감성적인 손글씨로 구분하여 사용하시기바랍니다. 

 

 


 

STYLE
폰트, 테두리, 그림자 텍스트 스타일
 

 

간편하게 Type도구를 이용해서 우선 아래 짧은 제목인 문장의 글씨를 복사한 후 입력하고, 속성탭을 보세요.  속성탭에 입력한 글씨외에 여러 관련된 글과 이미지를 배치할 수 있습니다. '클릭하고 타이틀입력'  직접 입력하려면 시간이 걸리니 '1234'라도 입력해보세요.  입력 후 선택이동도구로 움직여 보고 아래 내용들을 따라 하세요.

 

 

 

 굴림체가 뭐니?    멋진서체/크기/테두리/그림자/배경을 스타일로 등록해봐!

T도구를 누르고 글씨를 입력하면 V2트랙에 글씨가 보입니다. 속성 탭(예전은 Essentical Graphics)의 모양(Appearance)에서 폰트, 크기, 이텔릭 기본속성과 테두리, 그림자, 배경 등 포토샵과 유사한 Adobe자체의 그래픽스타일 만들고 + 스타일등록해서 다른 글에도 적용할 수 있습니다.

 

▲ 위는 Fill에 Linear Gradient를 적용하고, Stroke 검은색에 +를 누르고, 흰색을 추가해 2중 테두리가 된 것입니다. Shadow에 입체감을 살린 타이틀입니다.

 

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

 

 

 그 다음에 어떻게?   선택하고 + Style추가로 등록되고, 다른 글에 적용 가능합니다.

▲ 위 반복된 GIF 이미지가 스타일 등록과 적용하는 방법을 함축한 내용입니다.   현재 프로젝트내 시퀀스에서만 등록하고 편하게 사용하는 것이 스타일입니다. 자주 사용하는 타이틀의 모양 영어버전은 Appearance에 해당되는 폰트, 테두리, 그림자, 배경 등을 적용해보고,  글자하나의  모양에서 본 스타일을 Text Style로 등록하여 다른 타이틀에 적용해 보세요.  대부분 큰 글씨인 타이틀을 스타일로 자주 등록합니다.

[스타일 등록]

입력한 영상위에 보이는 타이틀 하나를 선택하여 서체, 크기,  테두리, 그림자 등 새로운 멋진 그래픽 표현 후, Style항목에서 + Create Style... 누르고  이름 좀 신경쓰고 스타일을 생성합니다.  프로젝트창에서 확인할 수 있습니다.

[스타일 적용] 

다른 평범한 텍스트 스타일을 선택해 항목에서 생성한 스타일을 선택하면 바로 적용 됩니다.  또는 흔하지 않지만, 프로젝트창의 스타일을 그림처럼 드롭다운으로 글씨몇개에 바로 적용할 수 있습니다.

 


 

GIF,PNG
'후끈한데!' 글씨에 불타는GIF를 추가한다면, 표현이 극대화된다.
 

 

프리미어에서도 글씨외에 타원, 사각형, 펜도구로 형상을 자유롭게 그리는 Shape를 그려서 글씨와 함께 사용하기도 합니다. 하지만 그리는 전용도구가 아니다 보니 외부의 이미지들을 차라리 가져와서 작업을 합니다.

 

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

 

픽사베이 'GIF' 카테고리 + 바로가기

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

GIF는 불투명도를 지원해주며 애니메이션을 포함한 이미지로 아래는 불, 꽃, 축하 라는 검색어로 256px크기로 다운로드한 GIF이미지로 텍스트에 포함해서 그래픽으로 표현할 수 있습니다.

 

파일에서로 가져온 이미지는 프로젝트창에 보여요. 글씨가족이 있는 레이어 사이에 드롭다운 하면 그림을 삽입하고 크기와 위치를 조절해 사용 할 수 있습니다.

 

픽사베이의 GIF작가 페이지에서 공급받기

아래 그림처럼 GIF를 픽사베이에 업로드한 작가의 공간에 가서보면 유사한 화풍의 그림들이 있어서 여러분의 스타일로 작가는 모르지만 해당 그림들과 영상을 다운로드해 사용할 수 있다는 점도 유익한 기능입니다.

 

 

영상작업에 필요한 고화질 투명배경 PNG 이미지

GIF도 투명하게 영상들위에 배치하고 글씨와 조화롭게 사용하기도 하지만, 일러스트레이터의 그림과 포토샵 누끼작업 등 원본 사진이미지를 편집해서 별도의  PNG파일로 내보낼 수 있고, 픽사베이에서도 원하는 키워드, PNG 라고 검색하면 원하는 이미지를 찾을 수 있습니다. 파워포인트에서도 도형을 우클릭해서 PNG로 그림저장할 수 있습니다.

 


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

 

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

 

 


 

 

그래픽의 특성을 이해하고 배우는 모션그래픽템플릿

이번 강좌에서 배운 그래픽의 특성을 이해하고, 다음에 배우는 움직이는 애니메이션을 적용한 모션그래픽템플릿를 적용하면 텍스트 즉 글씨요소는 멋지고 전문가같은 결과물 얻을 수 있습니다. 

 

Pr 7편 예능자막! 모션그래픽 템플릿(텐션, Ease in/out)

프리미어 (Pr)에서 영상편집 후 타이틀과 자막을 입력시에 매번 서체를 선택하고 스타일을 지정하고 관련된 이미지들을 가져와서 같은 작업을 반복한다면 비효율적인데, 이러한 비효율적인 문

oztv.tistory.com

 

 

사람의 말을 받아쓰는 캡션 Caption

유튜브에 자막에 해당되는 캡션은 기본 타이틀의 요소와는 다른 성격의 내용으로 그래픽요소의 스타일 외에 후반의 효과들도 알아야 해서 14편에서 별도로 소개하겠습니다.

 

LPr 14편 캡션(자막) +스타일 적용, CC 2023~

녹취록을 의미하는 트랜스크립트(Transcript) 는 뚜렷한 음성이 있는 비디오파일을 언어를 인식해서 자동으로 텍스트를 변환시키는 기능으로 프리미어 프로 2023버전부터 Caption and Graphic 이라는 작

oztv.tistory.com