Journal Archive

타이틀은 가독성과 인지성을 위해 간단하고 명료하게 디자인하며 이를 위해 폰트의 컬러와 종류, 두께와 크기 등의 고려가 필요하다. 컬러의 적용 시 고려해야 할 점은 배경의 컬러를 고려하여 조화를 이루면서도 대비를 줄 수 있는 컬러를 사용한다. 폰트의 종류는 고딕체, 명조체, 손글씨체 등으로 구분되며, 콘텐츠의 특성에 따라 레트로 적인 느낌, 귀여운 느낌, 강한 느낌, 부드러운 느낌 등의 이미지를 전할 수 있다. 또한 폰트의 크기와 두께에 따라 타이틀의 시안성과 가독성에 영향을 주므로 폰트의 크기가 작을 경우는 너무 두꺼운 폰트의 사용은 피하며 필요 시 자간 및 행간의 조절이 필요하다.

오프닝 타이틀에 사용되는 디지털 이미지는 사진 및 일러스트의 비트맵 이미지와 벡터 이미지로 구분되며, 이러한 이미지는 직관적으로 메시지를 전할 수 있는 디자인 요소이다. 콘텐츠의 컨셉에 부합하는 키워드를 도출하고 이를 시각화하기 위해 적합한 이미지를 선정하여 타이틀 제작에 사용함으로써 효율적인 커뮤니케이션이 가능하다[13].

컬러를 통한 이미지는 오프닝 타이틀에서 보이는 아이덴티티와 밀접한 관계를 지니므로 기획 단계에서부터 메인 컬러 및 서브 컬러, 그리고 색상이 지니는 명도와 채도를 통한 톤의 선정이 중요하다.

사운드는 크게 내레이션 등의 음성, 배경이 되는 음악, 집중과 흥미를 줄 수 있는 효과음 등으로 구분된다. 이 같은 물리적 속성을 가지는 사운드는 청각을 통한 움직임의 표현으로 시간적 요소와 함께 모션그래픽을 완성하는 역할을 한다[11].

움직임은 타임라인을 통한 시간의 흐름에 따른 물리적 속성으로 속도와 방향, 변형과 동작 등으로 구분된다.

움직임의 가장 기본은 위치의 변화를 통해 이루어진다. 오브젝트가 지니는 개체의 위치변화, 오브젝트 자체의 위치변화를 위해 타임라인과 키 프레임을 설정하여 정지된 컷에 상하좌우 등의 이동을 통한 동적 요소를 부여한다.

회전은 제자리 또는 포지션의 변화와 함께 이루어지면서 역동성을 더 한다. 정해진 시간 내 시계방향(Clockwise) 또는 시계 반대 방향(Counterclockwise)으로 회전수를 설정하여 동적 요소를 부여한다.

투명도는 오브젝트의 투명한 정도에 변화를 주어 개체가 나타나거나 사라지는 효과 등을 적용함으로써 자연스러운 모션을 유도한다.

오브젝트 크기의 확대와 축소를 위한 키 프레임을 설정하여 변화와 원근감을 더한다. 스케일의 변화는 제자리에서 또는 포지션 속성이나 투명도 속성과 함께 적용되어 다양한 움직임을 보인다.

마스크와 매트는 물리적인 변화와 달리 오브제트의 일부분을 가리고 보이도록 하는 기능으로 이미지의 특정 부분을 강조한다[14]. 먼저, 마스크는 겹치는 영역 내에서만 오브젝트가 보이도록 하는 효과를 보이며, 패스와 페더, 투명도와 영역확장 등의 속성을 통해 다양한 움직임을 보일 수 있다. 알파 매트(Alpha Matt)와 루마 매트(Luma Matt)는 두 레이어의 위치를 이용하여 오브젝트 영역 내에서만 보이도록 하거나 밝고 어두운 컬러를 이용해 원하는 영역을 보이도록 한다.

트랜지션은 시각적 사고를 이용한 편집과 색이나 레이아웃을 연결 고리로 하는 편집, 카메라의 움직임과 그래픽을 통한 편집, 이펙트와 장면 사이의 매개 그래픽을 이용한 트랜지션 등이 있다. 동영상의 오프닝 타이틀에서는 장면과 장면의 자연스러운 연결을 위해 주로 그래픽 많이 활용하며, 이러한 기능은 계단 형태, 물결모양, 방사형, 모자이크 등 다양한 형태로의 변화가 가능하다[15].

동영상 제작의 기본 속성을 통한 움직임 이외에 다양한 효과를 주기 위한 이펙트 기능으로 파티클(Particle) 효과, 컬러의 변화, 글로우(Glow) 효과, 위글(Wiggle) 효과 등이 있다. 파티클 효과는 미세한 입자를 중력이나 바람을 고려하여 움직이게 하는 기법으로 연기, 화염, 불꽃, 특수 효과를 이용하여 이러한 입자들을 표현한다[16]. 컬러의 변화를 위한 기능으로는 컬러 보정(Color Correction), 휴 세츄레이션(Hue/Saturation), 틴트(Tint) 등 다양한 이펙트가 있으며, 색상의 변화, 톤의 변화 등을 표현할 수 있다. 글로우 효과는 광선효과를 통해 시선을 집중시키는 방법으로 주로 텍스트 등의 오브젝트가 빛나는 효과를 연출하며 명도와 대비의 설정을 통해 다이나믹한 표현이 가능하다[17]. 위글 효과는 키 프레임과 키 프레임 사이에 자동으로 랜덤한 키 프레임이 생성되면서 자유로운 움직임을 나타내는 기능이다.

그림 1은 초보 유튜버들에게 도움이 될 만한 다양한 정보를 제공하는 콘텐츠 채널의 오프닝 타이틀이다[18].

Fig. 1. 
Opening Title Design of Eojjubeanie.

영상 관련 콘텐츠와 어울리는 티비 화면, 팝업 창, 인터페이스 화면 등을 메인 이미지로 사용하여 속도감 있게 확대되는 모션을 통해 역동성을 보인다. 첫 번째 컷에서는 티비 화면이 등장하고 배경음악의 싱크에 맞게 장면이 확대되는 것으로 시작된다. 다음 컷에서는 배경 이미지를 담고 있는 팝업 창들이 겹쳐져서 나타난 후 채널의 타이틀이 되는 텍스트가 반복되어 강조하고 있으며, 다음으로 ‘구독’과 ‘좋아요’를 유도하는 타이틀을 그래픽과 함께 보인다. 마지막 컷에서는 타이틀이 되는 텍스트 내에 마스크 효과를 적용하여 마스크 내 배경과 대비되는 컬러를 적용한 클라우드 효과의 움직임이 보이도록 하여 오프닝 타이틀을 마쳤다. 전체적으로 레트로 느낌을 주기 위한 이미지를 선정하고 컬러와 필터를 적용하였으며, 주된 속성은 포지션과 스케일 속성, 마스크 기법 등을 사용하였다. 오프닝 타이틀의 시간은 약 9초 정도이며, 영상의 분위기와 어울리는 배경음악이 모션의 움직임과 조화를 이룬다.

그림 2는 메이크업 아티스트 유튜버가 뷰티와 관련한 메이크업과 헤어, 리뷰, 하울 등의 콘텐츠를 전하는 채널 롸잇뷰티의 오프닝 타이틀이다[19].

Fig. 2. 
Opening Title Design of Right Beauty

첫 번째 컷은 블루스크린을 이용한 영상합성인 컴포지팅(Compositing) 기법을 이용하여 의상을 달리한 동일 인물이 등장하며 시작된다. 등장인물들이 메이크업하는 장면이 보이고 인물 위로 투명도와 스케일을 적용한 그래픽의 합성을 통해 시선을 집중시킨다. 다음 컷에서는 메이크업 도구를 블러 처리한 배경 위로 로고의 일부가 되는 도형이 투명도와 회전 속성을 통해 나타난 후 영문 타이틀을 보인다. 다음 컷에서는 영문 타이틀과 동일한 방법으로 투명도와 회전 속성을 갖는 사각형이 등장하고 국문 타이틀을 보이면서 오프닝 타이틀을 마친다. 오프닝 타이틀의 영상 길이는 약 25초이며, 블루스크린을 통한 자연스러운 합성과 실사 영상 위에 움직임을 갖는 벡터 그래픽의 합성을 통해 임팩트를 주고 있다.

그림 3은 파이널 컷 프로 X(Final Cut Pro X)와 어피니티 포토(Affinity Photo) 등 다양한 콘텐츠 제작 소프트웨어를 쉽게 교육하는 유튜브 채널의 오프닝 타이틀이다[20].

Fig. 3. 
Opening Title Design of Namsieon Contents Lab

첫 번째 컷은 역동적인 배경음악과 함께 타이틀이 등장한다. 가장자리의 모션 블러의 빠른 움직임, 그리고 움직임을 갖는 텍스트 애니메이션이 시선을 집중시킨다. 다음 컷은 첫 번째 컷에서 보였던 무채색의 조화와 어울리는 흑백 이미지의 배경 사진 위에 채도가 높은 핑크색을 부분적으로 사용하여 대비를 보인다. 흑백 이미지의 배경 사진은 투명도를 적용한 텍스처와 노이즈 필터의 효과를 주어 카메라의 이동을 통해 모션 효과를 주었고, 다음 컷으로 연결되는 컷은 앞서 보였던 핑크색과 보색대비를 보이는 그린 계열의 배경과 옐로우 색의 타이틀을 통해 강렬함을 준다. 오프닝 타이틀의 영상 길이는 약 11초이며 음악의 싱크와 맞는 이미지의 움직임과 빠른 화면 전환, 그리고 노이즈 필터와 컬러 코렉션을 이용한 색의 대비 등이 해당 채널의 특징을 잘 반영한다.

그림 4는 교육과 관련한 경험 및 교육법을 공유하는 에듀니티 티비(Edunity TV) 채널의 오프닝 타이틀이다[21].

Fig. 4. 
Opening Title Design of Edunity TV

에듀니티 티비는 교육과정과 교수자의 경험, 평가 등에 관한 수업의 디자인, 1시간 수업에 담긴 수업의 철학 및 실천, 수업 연구에 관한 콘텐츠를 담고 있다. 첫 번째 컷은 영상에 출연한 여러 선생님의 사진들이 포지션과 로테이션 속성을 이용하여 효과음과 함께 배치되며 화면 전환이 이루어진다. 다음 장면은 루마 매트 기법을 적용하여 그래픽 내에 이미지가 점점 커지면서 새로운 이미지가 나타나도록 화면 전환을 보인다. 다음으로 파티클 효과와 함께 등장한 원이 중앙에 위치하면서 채널의 타이틀을 보이고 영상을 마친다. 전체 영상의 길이는 22초로 오프닝 타이틀에서 보이는 파스텔 톤의 컬러 톤이 유지되고 있으며, 중간에 등장하는 타이틀의 가독성을 고려하였다. 포지션의 이동, 매트, 파티클, 글로우 효과를 활용한 화면 전환이 자연스럽다.

그림 5는 북미 대륙을 자동차로 30만 마일 이상 여행한 자동차 여행 매내아 채널의 오프닝 타이틀이다[22].

Fig. 5. 
Opening Title Design of Road Trip Plus

오프닝 타이틀의 시작은 빠른 속도로 여행지의 영상들이 바뀌면서 시작된다. 각 영상들은 그래픽 적인 점과 선, 그리고 기호들을 합성하고 CROSS, LA, NY 등의 해당 영상과 관련된 키워드를 텍스트 애니메이션과 함께 보이면서 역동감을 보인다. 다음 컷은 여행자들의 대륙횡단 이미지 사진을 벡터화하여 그래픽적으로 표현하여 포지션과 스케일 속성을 통해 보이면서 시선을 집중시켰다. 전반적으로 텍스트와 이미지들이 나타나거나 사라질 때 모션 블러와 잔상 효과를 함께 주어 운동감과 스피드감을 더했으며, 여행지의 영상과 벡터그래픽의 합성, 컬러의 강렬한 대비, 비트맵 사진의 백터화 등을 이용하여 동적인 느낌을 강하게 표현하였다. 전체 길이는 약 4초로 비교적 짧지만 락 음악을 배경으로 한 효과음을 영상과 동기화하여 임팩트를 주었다.

그림 6과 그림 7은 마포구청과 서울특별시교육지원청이 함께 공동으로 설립하고 한국청소년재단이 위탁운영하는 마포진로직업체험지원센터의 채널이다[23].

Fig. 6. 
Opening Title Design of Mapo Work Fair_1

Fig. 7. 
Opening Title Design of Mapo Work Fair_2

본 센터는 지역의 청소년들이 스스로 진로를 설계할 수 있도록 진로 역량 강화 및 자율활동을 지원하고 있다[22]. 마포진로박람회의 오프닝 타이틀은 화면 중앙에서 나타난 원이 커지면서 시작된다. 확대된 원 안에서 다시 진로 줌인라는 텍스트와 교육 기간을 알리는 텍스트가 적힌 원이 나타난 후 다시 원 가장자리의 형태를 따라 패스 애니메이션(Path Animation) 기법을 통해 타이틀이 나타난다. 화면 밖에서 안으로 여러 캐릭터들이 포지션 속성을 이용하여 등장한다. 등장한 캐릭터들이 다시 화면의 상단으로 움직이면서 화면 하단으로부터 상단으로 라이트 블루 컬러의 구름 이미지가 화면 전체에 채워지면서 트랜지션된다. 다시 화면 하단에서 콘텐츠에 부합하는 캐릭터가 포지션 속성을 통해 나타나고, 화면의 우측에는 그림 7[22]과 같이 교육콘텐츠의 타이틀과 소제목이 투명도와 마스크 효과 기법을 통해 나타나면서 오프닝 타이틀을 마친다. 오프닝 타이틀의 길이는 8초 정도이며 전체적으로 파스텔 톤을 사용한 벡터 일러스트와 그래픽들이 배경음악과 조화를 이룬다.