이 자습서에서는 Fireworks CS6을 사용하여 색상이 변하는 꼬리 날개가있는 칠면조의 애니메이션 GIF를 만드는 방법을 배웁니다. 시작하려면 일러스트레이션을 만들고 복제해야합니다. 그런 다음 하나의 그림을 변경하고 두 그림을 기호로 변환하고 두 번째 상태를 만들고 애니메이션을 미리 봅니다. 마지막으로 두 상태의 지속 시간을 변경하고 파일을 애니메이션 GIF로 저장 한 다음 브라우저에서 봅니다.
터키 Fireworks에서 애니메이션 GIF
Fireworks CS6이이 자습서에서 사용되었지만 Fireworks 또는 Photoshop의 최신 버전을 사용하여 따라 할 수 있습니다.
Adobe는 더 이상 Fireworks CC를 Creative Cloud의 일부로 제공하지 않습니다. Fireworks를 찾고있는 경우 Creative Cloud의 추가 응용 프로그램 찾기 섹션에서 찾을 수 있습니다. Adobe가 더 이상 응용 프로그램을 지원하거나 업데이트하지 않는다고 발표하면 응용 프로그램이 사라지는 것이 단지 시간 문제라고 생각할 수 있습니다.
02 중 20새 문서 만들기
먼저, 다음을 선택하여 새 문서를 만듭니다. 파일> 새로 만들기를 선택하십시오. 폭과 높이를 400 x 400 픽셀로, 해상도는 인치당 72 픽셀로 만듭니다. 캔버스 색상으로 흰색을 선택하고 확인을 클릭하십시오.
다음으로 파일> 저장, 파일 이름 지정 터키 PNG 확장자로 저장할 위치를 선택하고 저장을 클릭하십시오.
03/20원 그리기
도구 패널에서 획 색상 상자를 클릭하고 검정을 선택한 다음 채우기 색상 상자에서 갈색 견본을 선택하거나 16 진수 값 필드 # 8C4600을 입력하십시오.
속성 패널에서 획 너비를 2 픽셀로 설정합니다. 도구 패널에서 사각형 도구 또는 다른 보이는 모양 도구 옆에있는 작은 화살표를 클릭하여 찾을 수있는 타원 도구를 선택하십시오. Shift 키를 누른 상태에서 클릭하여 끌어 큰 원을 만듭니다. (교대를 사용하면 원이 완전히 둥글 ㄴ다는 것을 보증합니다.)
04 / 20다른 서클 그리기
다시 말하지만, 다른 원을 그릴 때 Shift 키를 누른 상태에서이 원이 마지막 것보다 작을 것이라는 의도로 나타납니다.
포인터 도구를 클릭하고 작은 원을 제자리로 드래그하십시오. 그림과 같이 큰 원의 윗부분과 겹쳐지기를 원합니다.
05 중 20둥근 사각형 그리기
둥근 사각형 도구를 사용하여 사각형을 그립니다. 포인터 도구를 사용하여 포인터 도구를 제자리에 놓습니다. 당신은 그것이 중심에 있고 작은 원의 바닥과 약간 겹쳐지기를 원합니다.
06 20경로 결합
Shift 키를 누른 상태에서 작은 원을 클릭하고 둥근 사각형을 클릭하십시오. 그러면 두 모양이 모두 선택됩니다. 그런 다음 수정, 결합 경로> 조합.
07 중 20색상 변경
도구 패널에서 채우기 상자를 클릭하고 견본을 선택하거나 16 진수 값 필드에 # FFCC99를 입력 한 다음 return 키를 누릅니다.
08 중 20눈 만들기
눈을 만들기 위해 작은 원 2 개를 그릴 수 있지만, 대신 유형 도구를 사용하십시오. 도구 패널에서 유형 도구를 클릭 한 다음 캔버스에서 클릭하십시오. 속성 관리자에서 글꼴에 대해 Arial Regular를 선택하고 크기를 72로 만들고 색상을 검정색으로 변경합니다. Alt 또는 Options 키를 누른 상태에서 숫자 8이있는 키를 누르면 총알이 생깁니다. 그런 다음 다른 글 머리 기호를 만들기 전에 스페이스 바를 누르십시오.
09/20부리 만들기
도구 패널에서 다각형 모양 도구를 클릭합니다. 속성 패널에서 채우기에 주황색 견본을 선택하거나 16 진수 값 필드에 # FF9933을 입력합니다. 또한 속성 패널에서 너비가 1 인 검정색을 검정색으로 만듭니다.
다음으로 윈도우> 자동 모양 속성. 다각형 모양을 클릭하고 점과면이 모두 3이되고 반경이 180 도로되도록 지정하십시오. 삼각형을 더 작게 만들려면 외곽 반지름 값 필드에 20을 입력합니다. 이 숫자는 삼각형의 크기에 따라 다릅니다. 그런 다음 return 키를 누릅니다.
포인터 도구를 사용하여 삼각형을 클릭하고 부리에 앉을 위치로 드래그합니다.
10/20스네드 만들기
칠면조의 부리에 매달린 빨간 물건을 Snood라고 부릅니다. 펜 도구를 사용하면됩니다.
도구 패널에서 펜 도구를 선택한 후 채우기 상자를 클릭하고 빨간색 견본을 선택하거나 16 진수 값 필드에 # FF0000을 입력 한 다음 return 키를 누릅니다.
펜 도구를 클릭하여 패스를 형성하는 포인트를 만들고 클릭하고 드래그하여 둥근 패스를 만듭니다. 마지막 점이 첫 번째 점과 연결되면 칠면조의 snood처럼 보이는 모양을 만들게됩니다.
11/20다리 만들기
채우기 상자를 클릭하고 부리를 클릭하여 채우기 색상을 부리와 동일한 오렌지색으로 설정할 수 있습니다. 펜 도구를 선택한 상태에서 획 색상을 검정색으로 설정하고 속성 패널에서 획 너비를 2로 설정합니다.
그런 다음 칠 도구를 사용하여 칠면조 다리 모양과 같은 모양을 만드는 점을 만듭니다. 선택한 모양으로 편집> 복제. 그런 다음 수정> 변형> 수평 뒤집기를 선택합니다. 포인터 도구를 사용하여 가장 잘 보이는 다리를 배치하십시오.
12/20크기 줄이기
고르다 > 모두 선택을 선택하십시오.그런 다음 도구 패널에서 크기 조정 도구를 클릭합니다. 바깥 쪽 또는 바깥쪽으로 이동할 수있는 핸들이있는 경계 상자가 나타납니다. 코너 핸들을 클릭하고 안쪽으로 움직여 전체를 작게 만든 다음 리턴 키를 누릅니다.
모든 모양을 선택하고 포인터 도구를 사용하여 칠면조를 제자리로 이동하십시오. 당신은 캔버스에 중심을 맞추기를 원합니다.
13/20꼬리 깃털 만들기
타원 도구를 클릭하고 끌어 긴 타원형을 만듭니다. 그런 다음 편집> 복제. 총 5 개의 타원이 생길 때까지 타원형을 반복해서 복제합니다.
14/20색상 변경
하나를 선택하고 채우기 상자를 클릭하고 다른 색상을 선택하십시오. 각기 다른 색을 선택하여 세 개의 타원으로이 작업을 수행하십시오.
15/20타원 이동
포인터 도구를 사용하여 다섯 개의 타원 위로 클릭하고 끌어 와서 모두 선택하십시오. 그런 다음 수정> 정렬> 맨 뒤로 보내기. 이렇게하면 꼬리 깃털이 칠면조 뒤에 떨어지게됩니다.
타원에서 클릭하여 선택을 해제 한 다음 한 번에 하나의 타원을 클릭하고 서로 옆으로 그리고 칠면조 뒤에 부분적으로 끕니다.
스마트 가이드를 사용하면 서로 마주하는 타원을 균등하게 배치하는 데 도움이됩니다. 직장에서 스마트 가이드가 보이지 않는 경우 보기> 스마트 가이드> 스마트 가이드 표시.
16/20타원 회전
타원을 회전하고 위치를 바꾸기를 원할 것입니다. 그렇게하려면 하나를 선택하고 수정> 변형> 자유 변형. 그런 다음 타원을 약간 회전시키기 위해 커서를 클릭하고 경계 상자 바깥으로 드래그하십시오. 포인터 도구를 사용하여 타원을 가장 잘 보이는 곳으로 배치하십시오.
남은 타원도 같은 방법으로 회전시켜 제자리에 놓습니다. 균등하게 분배.
17/20저장하고 다른 이름으로 저장
이미지를 보면 칠면조가 캔버스에서 너무 낮다는 것을 알 수 있습니다. 선택> 모두 선택, 포인터 도구를 사용하여 칠면조를 캔버스의 중앙에 배치하십시오. 당신이 어떻게 보이는지에 만족하면, 파일> 저장을 선택합니다.
그런 다음 꼬리 깃털을 클릭하여 선택하고 채우기 상자에서 다른 색상을 선택하십시오. 각 꼬리 깃털에 대해 이렇게하고 다음을 선택합니다. 파일> 다른 이름으로 저장. 파일 이름 바꾸기, 칠면조 2 PNG 확장자로 저장하고 저장을 클릭하십시오.
18/20기호로 변환
고르다 파일> 열기turkey.png 파일을 탐색하고 열기를 클릭하십시오. 상단의 turkey.png 탭을 클릭하고 선택> 모두 선택. 그런 다음 수정> 변환> 심볼로 변환. 이름을 1로 지정하고 유형으로 그래픽을 선택한 다음 확인을 누릅니다.
turkey2.png 탭을 클릭하고 동일한 작업을 수행하십시오.이 기호의 이름 만 2로 지정됩니다.
19/20새로운 주를 창조하십시오
turkey.png 탭을 다시 클릭하십시오. 상태 패널이 표시되지 않으면 창> 상태. 상태 패널의 하단에서 새 중복 상태 버튼을 클릭하십시오.
첫 번째 상태를 클릭하여 선택하면 기호가 있음을 알 수 있습니다. 두 번째 상태를 클릭하면 빈 상태임을 알 수 있습니다. 이 빈 상태에 기호를 추가하려면 Choose를 선택하십시오. 파일> 가져 오기> 탐색 turkey2.png 파일에 대해 열기를 클릭 한 다음 다시 열기를 클릭하십시오. 그런 다음 캔버스의 오른쪽 위 모서리를 클릭하여 파일을 올바른 위치에 놓습니다. 이제 첫 번째 상태와 두 번째 상태 사이를 클릭하면 두 상태가 모두 유지되는 것을 볼 수 있습니다. 창의 아래쪽에있는 재생 / 정지 버튼을 눌러 애니메이션을 미리 볼 수도 있습니다.
애니메이션 속도가 마음에 들지 않으면 각 상태의 오른쪽에있는 숫자를 두 번 클릭하여 조정할 수 있습니다. 숫자가 높을수록 지속 시간이 길어집니다.
20/20애니메이션 GIF 저장
마지막으로 파일> 다른 이름으로 저장, 파일 이름을 바꾸고, 애니메이션 GIF (* .gif)를 선택한 다음 저장을 클릭하십시오.
브라우저에서 Animation GIF를 열고 실행하려면 브라우저를 실행하고 파일> 파일 열기 또는 열기. 저장된 Animated GIF 파일을 탐색하여 선택하고 열기를 클릭하여 노동의 열매를 즐겨보십시오!
Tom Green 업데이트
