[최불암의 사이버 집짓기] 4. 동영상 만들기

요즘 나오는 홈페이지들 가운데는 화면이 움직이도록 돼있는 것이 많다. 이를 애니메이션 효과가 있는 홈페이지라 부른다.

이런 효과를 내려면 ▶컴퓨터가 다양한 특수기능을 하도록 해주는 프로그램 (자바 스크립트) 이나 ▶ '다이나믹 HTML' 이란 특수한 홈페이지 제작용 언어를 사용해야 한다.

그러나 초보자가 일일이 이같은 모든 내용을 공부해서 알아두기란 쉬운 일이 아니다. 때문에 최근에 나온 다양한 홈페이지 제작용 소프트웨어들은 이런 어려운 기능을 초보자도 손쉽게 사용할 수 있도록 미리 틀을 만들어 원하는 내용만 선택하도록 했다.

◇ 간단한 애니메이션 만들기

요즘 잘 만든 홈페이지들을 열어보면 제목이나 인물사진들이 움직이는 것을 볼 수 있다. 열려지자 마자 움직이는 장면에 눈길이 확 끌려 효과가 만점이다. 이같은 기능은 자바 스크립트를 이용해 만들어 넣은 것이다.

그러나 시중에서 쉽게 구할 수 있는 국산 홈페이지 제작용 소프트웨어안에는 컴퓨터에서 시키는대로 따라하기만 하면 이런 기능이 자동적으로 수행되도록 하는 '스크립크마법사' 란 틀이 만들어져 있다.

최불암씨는 먼저 홈페이지 화면중 움직이도록 만들고 싶은 내용의 위치에 마우스를 갖다 놓고 클릭했다. 그리고 나서 메인메뉴중 도움말 바로 밑에 있는 양탄자같이 생긴 스크립트마법사용 아이콘 (표시) 을 선택했다.

이때 다양한 기능목록이 뜨는데 이중 애니메이션효과를 누르고 '다음' 을 선택하니 당구대에 당구공이 튀는 듯한 그림이 나타났다. 여기서 상하좌우의 시작위치와 직선.곡선.나선 등 움직이는 모양을 고르면 된다.

시험삼아 가장 위의 왼쪽에서 나선의 움직임을 고르니 미리 정해둔 글이나 사진이 홈페이지가 열리자마자 원하던 방향으로 움직이며 떠올랐다.

◇ 동시에 움직이기

TV드라마를 찍을 때 대본을 보면 출연진들이 언제 화면에 나와 어떤 대사를 해야 하는지 시간별로 지정돼 있다. 이같은 지시에 따라 출연진들은 움직이는 것이다.

인터넷 홈페이지도 마찬가지. 가령 홈페이지를 열었을 때 내 이름은 왼쪽에서 오른쪽으로 움직이고 5초 뒤에 'Welcome to Korea' 라는 협회명칭은 위에서 아래로 이동하며 전화번호는 10초후 밑에서 위로 솟아오르게 만들고 싶다고 하자.

이치는 간단하다. 움직일 내용물을 미리 입력해두고 이동하기 전의 위치와 이동후의 위치를 지정한 후 시간라인을 잡아두면 되는 것이다.

崔씨는 먼저 입력해둔 내용에 클릭을 해두고 메인메뉴의 '창' 아래에 있는 사각형 두개가 겹쳐진 아이콘 '레이어' 를 눌렀다. 그후 메인메뉴의 '보기→도구창→타임라인' 순으로 클릭해 나가니까 시간라인이 떴다. 여기서 시간을 지정하면 OK다.

움직이는 애니메이션 홈페이지를 통해 崔씨는 촛불이 흔들리는 모양이나 악수하는 모습도 만들수 있었다.

새로 집어넣은 기능이 정상적으로 가동되는지도 맨 아래에 있는 '미리보기' 만 누르면 즉시 확인이 되는 것을 보니 여간 신기한 것이 아니다.

<정리 = 이민호 기자>

다음회에는 방문자의 흔적을 남기는 방문자수.방명록.전자우편 기능을 더해주는 방법에 대해 알아봅니다.