그림 1
팁: 애니메이션은 정적 이미지를 연속적으로 재생하는 것입니다. 애니메이션을 만들기 전에 각 키 프레임에 해당하는 정적 이미지를 디자인해야 합니다. 키프레임 표시 시간 설정도 중요합니다. 이 매개변수는 재생 효과에도 직접적인 영향을 미칩니다. 이제 막 시작한 사용자의 경우 다양한 매개변수를 사용하여 여러 번 시도하면 예상치 못한 결과가 발생할 수 있습니다.
첫 번째 단계, 그래픽 제작
Adobe Photoshop CS3 소프트웨어를 열어 작업 인터페이스로 들어가서 작업 공간을 두 번 클릭하고 팝업 "열기" 대화 상자에서 선택한 자료를 엽니다. 직접 찍은 사진을 활용해도 좋고, 영화 스틸컷이나 만화 캐릭터 사진을 소재로 활용해도 좋아요. 우리는 고전 코미디의 재미있는 스틸 사진을 소재로 선택했습니다.
크기를 조정하고 잘라낸 후 "창 - 애니메이션" 명령을 실행하고 "애니메이션" 팔레트를 열고 과장된 눈물 만들기를 시작합니다. 먼저 레이어 팔레트 아래에 있는 "새 레이어 만들기" 아이콘을 클릭하여 새 레이어를 만듭니다. 기본 이름은 "Layer 1"입니다. 레이어 팔레트의 축소판 뒤에 있는 "Layer 1" 텍스트를 두 번 클릭하여 편집 가능한 상태로 바꾸고 이름을 "Tear 1"로 바꿔 레이어가 혼동되는 것을 방지할 수 있습니다. .
다음으로 도구 상자에서 "전경색 설정" 아이콘을 두 번 클릭하고 팝업 "색상 선택기" 대화 상자에서 전경색을 밝은 파란색(R=232, G=250, B=255)으로 설정합니다. 그런 다음 도구 상자에서 "사각형 도구"를 선택하고 "사각형 도구" 옵션 막대에서 "픽셀 채우기" 아이콘을 확인하면 "Tear 1" 레이어에서 캐릭터의 눈 바로 아래에 연한 파란색을 그릴 수 있습니다. (그림 2).
그림 2
그런 다음 "Tear 1" 레이어를 선택하고 "FilterDistortWave" 명령을 실행한 다음 팝업 "Wave" 대화 상자에서 다양한 매개변수를 설정합니다. "확인" 버튼을 누르면 과장된 물결 모양의 찢어진 부분이 나타납니다. 그런 다음 "Rectangular Marquee Tool"을 선택하고 "Tear"를 선택한 다음 "Move Tool"을 선택하고 "Alt" 키를 눌러 찢어진 부분을 오른쪽 눈 아래 위치에 복사합니다(그림 3).
그림 3
복사가 완료되면 단축키를 눌러주세요
다음 단계는 수직 텍스트 도구를 사용하여 이미지에 재미있는 텍스트를 추가하는 것입니다(그림 4). 텍스트 레이어를 선택하고 "LayerLayer StyleStroke" 명령을 실행한 다음 "Layer Style" 대화 상자를 열고 텍스트에 눈에 띄는 획 효과를 추가합니다. "확인" 버튼을 누릅니다(그림 5).
그림 4
그림 5
두 번째 단계, 애니메이션 제작
이미지를 움직이게 하려면 가장 중요한 단계는 키프레임을 설정하는 것입니다. 아이콘을 계속 클릭하여 애니메이션 팔레트 아래에 키 프레임을 생성합니다(그림 6). 총 5개의 키 프레임이 필요합니다.
그림 6
먼저 첫 번째 키프레임을 선택하고 레이어 팔레트의 배경 레이어와 텍스트만 유지한 후 다른 레이어 표시를 취소하고 키프레임 표시 시간을 애니메이션 팔레트 아래 0.1초로 설정합니다.
두 번째 키프레임을 선택하고 레이어 팔레트에 배경 레이어와 Tears 2 레이어가 표시되도록 유지하고 다른 레이어의 표시를 취소하고 "tears 2" 레이어의 불투명도를 80%로 설정하고 키 표시 시간을 그대로 둡니다. 프레임은 0.2초로 설정됩니다.
세 번째 키프레임을 선택하고 배경 레이어와 Tear 1 레이어를 레이어 팔레트에 표시한 상태로 유지하고 다른 레이어의 표시를 취소한 다음 "Tear 1" 레이어의 불투명도를 80%로 설정하고 키 표시 시간은 그대로 둡니다. 프레임은 0.2초로 설정됩니다.
네 번째 키프레임을 선택하고 레이어 팔레트에 배경 레이어와 Tears 2 레이어가 표시되도록 유지하고 다른 레이어의 표시를 취소하고 "tears 2" 레이어의 불투명도를 80%로 설정하고 키 표시 시간을 그대로 둡니다. 프레임은 0.2초로 설정됩니다.
다섯 번째 키프레임을 선택하고 배경 레이어와 Tear 1 레이어를 레이어 팔레트에 표시한 상태로 유지하고 다른 레이어의 표시를 취소하고 "Tear 1" 레이어의 불투명도를 80%로 설정합니다. 프레임 표시 시간은 다음과 같습니다. 0.5초로 설정합니다.
다음으로 파일을 psd 파일로 저장하여 백업한 다음 "파일웹 및 장치용으로 저장" 명령을 실행하고 열리는 대화 상자에서 gif 형식을 선택한 다음 애니메이션을 적절하게 최적화합니다. 전파를 용이하게 하려면 애니메이션의 크기를 줄여야 합니다(그림 7). 최적화가 완료되면 이미지가 로컬 디스크에 저장됩니다.
그림 7
3단계: QQ 이모티콘 가져오기
QQ 소프트웨어를 시작한 후 친구를 선택하여 채팅 창을 열고 채팅 창 아래의 "이모티콘 선택" 버튼을 클릭하여 이모티콘 창을 열고 창 아래의 "이모티콘 관리"를 클릭한 다음 "추가" 버튼을 클릭합니다. 팝업 "사용자 정의 이모티콘 추가" 창에서 "찾아보기"를 클릭하여 저장한 애니메이션 gif를 찾고, 이모티콘 이름을 바꾸거나 기본 이름을 사용하세요.
그림 8
QQ 채팅창을 다시 열면 이모티콘 아이콘을 살펴보세요. 하하! 표현 라이브러리에 새로운 표현이 등장했습니다. 이 간단하고 역동적인 QQ 이모티콘을 완성한 후, 우리는 gif 애니메이션의 원리와 제작에 대한 예비적인 이해를 갖게 되었습니다. 향후 제작 과정에서 우리는 그림이 어떻게 변하고 줄거리가 어떻게 설정되는지 결정할 수 있습니다. 하나의 예에서 추론하고 무한한 창의력을 발휘한다면 분명 더 흥미롭고 역동적인 QQ 이모티콘을 만들 수 있을 것입니다.
(컴퓨터 뉴스 기사, 2008년 2호, 페이지 F)