포토샵으로 나만의 맞춤형 GIF 애니메이션 만드는 법
Photoshop에서 처음부터 애니메이션을 만드는 것은 힘들 것으로 보일 수 있지만 실제로는 매우 간단합니다. Photoshop을 실행하고 파일 중 일부를 가져옵니다. 이제는 애니메이션 GIF로 친구들의 바지를 괴롭히는 시간입니다.!
비디오 및 유튜브 립을 애니메이션 GIF로 변환하는 간단한 방법에 대해 이야기했지만, 오늘은 비디오 파일을 사용하지 않고 간단한 애니메이션을 만드는 방법을 보여 드리겠습니다. 독서 유지 - 이건 아주 재미있어..
Photoshop의 애니메이션 도구로 애니메이션 만들기
간단한 애니메이션의 경우 이동 가능한 별도의 레이어에 이미지의 일부를 생성합니다. 우리는 눈의 움직임을 애니메이션으로 만 만들 것이지만 실제 손으로 그린 애니메이션 셀이나 움직이는 사진을 포함하여 모든 종류의 애니메이션을 만들 수 있습니다..
애니메이션에 관계없이 최소한 두 개의 레이어부터 시작하십시오. 이 예에서는 HTG 로고를 사용하고 있으며 눈을 두 번째 레이어로 이동하여 애니메이션을 애니메이션으로 만들 수 있습니다.
시작하려면 애니메이션 패널을 당깁니다. 창> 애니메이션으로 이동하여 찾으십시오..
이 패널은 창 하단에 나타나며 사용하기가 매우 쉽습니다. 애니메이션의 새로운 "프레임"은 파일의 스냅 샷과 같습니다. 클릭 파일의 현재 상태에서 새 스냅 샷을 만들 때마다 애니메이션 패널에서 그러나 아직은 아냐!
또한이 패널을 사용하여 각 프레임에 대해 "지연"을 설정할 수 있습니다. 즉, 다음 프레임으로 이동하기 전에 화면에 표시되는 기간 (전체 또는 초 단위)을 의미합니다. 초당 25 프레임 (0.04)은 애니메이션의 표준 속도이지만 애니메이션 GIF의 경우 약간 빠릅니다. 예를 들어, 우리는 당신이 사용할 수있는 0.05의 지연으로 타협했습니다. 초당 다른 프레임 수를 사용하려면 적절한 지연 시간을 얻기 위해 1을 프레임 수로 나누기 만하면됩니다. (예를 들어, 1 초를 25 프레임으로 나눈 값은 0.04 지연 시간과 같습니다.)
아이디어는 눈 레이어를 작은 증분 그 길을 따라 스냅 샷을 찍습니다. 우리는 이동 도구 (바로 가기 키 "V") 및 우리의 레이어를 nudging ~을 사용하여 화살표 키. 이 예에서는 두 픽셀 씩 또는 그 이상으로 스냅 샷을 찍었습니다.
클릭하여 패널에서 애니메이션에서 생성 된 새 프레임을 볼 수 있습니다. 그들은 프레임의 시간 지연을 먼저 받기 때문에 처음부터 올바른 지연을 고를 수 있으므로 이미지 캡처가 완료되면 프레임의로드를 변경할 필요가 없습니다.
(저자의 메모 : 나 같은 사람이라면, 어쨌든, 지연을 수천 번씩 조정할 것입니다. 항상 원하는대로 작동하지는 않습니다!)
레이어 패널을 사용하여 객체 (예 : 눈)를 이동하면서 마음에 드는 것처럼 프레임을 배치하고 많은 스냅 사진을 찍습니다. 기억하십시오, 25 정도는 1 초와 같습니다. 따라서 스냅 샷을 적절하게 취하십시오..
또한 Shift 키를 사용하여 여러 프레임의 지연을 편집하고 여러 프레임 또는 전체 프레임을 선택하고 지연을 변경할 수 있습니다. 하단의 딜레이를 "기타 ..."로 설정하면 맞춤 지연 0.05를 사용할 수 있습니다.
파일> 웹 및 장치 용으로 저장으로 이동하여 같은 이름의 도구를 엽니 다..
이 도구를 사용하면 브라우저 친화적 인 애니메이션 GIF를 만들고 툴 내부에서 테스트 할 수 있습니다 (화살표 커서가있는 위 그림 참조). 파일 형식을 GIF로 설정하고 Perceptual, Selective 또는 Adaptive 중 하나의 설정을 사용하십시오. 이것들은 이미지를 다른 방법으로 바꿀 수 있지만, 많은 사람들이 거의 동일한 결과를 줄 것입니다. 파일 크기를 줄이려면 이미지 크기 (바닥쪽으로)와 당신의 수 그림 물감 (오른쪽 상단). 투명도를 포함하지 않음으로써 파일 크기를 줄일 수도 있습니다 (예를 들어우!).
그리고 우리의 애니메이션 GIF는 기쁨, 충격, 경외심을 길러줄 웹에 준비가되어 있습니다..
그리고 그것은 애니메이션을 위해 그것을 마무리합니다. 우리의 방법에 대한 생각이나 질문? 더 나은 방법, 또는 더 간단한 기술이 있습니까? 좀 더 진보 된 것을보고 싶습니까? 의견에 대한 의견을 보내 주시거나 [email protected]으로 의견을 보내 주시면 다음 그래픽 기사에 포함시킬 수 있습니다..