GIF에서 더 많은 것을 얻는 방법

Sep 13, 2025
어떻게

GIF는 원활한주기에서 작동합니다 Rebecca Mock. '완벽한 루프'로 설명합니다. 이 루프는 첫 번째 및 마지막 프레임을 이상적으로 지우므로 모든 프레임이 첫 번째 일 수 있습니다. 자신의 GIF를 만들 때 우선 순위를 루핑하십시오. 뷰어에 대한 산만이 적어지며 매혹적인 시각적 관심을 더합니다. 모의는 또한 여분의 프레임을 추가하는 것을 제안합니다. "멈추자."두 가지 조치 사이의 공간이 많이 암시 할 수 있습니다. "

This GIF was made for PC World to accompany an article about the app Evernote

이 GIF는 PC World가 App Evernote에 대한 기사를 동반하는 데 이루어졌습니다. (이미지 크레디트 : 레베카 모의)

기본 기술

움직임의 기본 사항은 복잡한 애니메이션으로 확장되고 구축 될 수 있습니다. 이미지를 창조하기 시작할 때 Photoshop CC. , 정리하십시오. 레이어로 작업하고 각 조각을 별도로 움직입니다. 그렇게하면 나중에 하나의 요소를 변경 해야하는 경우 나머지 노력을 취소하지 않고도 분리 할 수 ​​없습니다.

포지셔닝은 수동으로 또는 시작 및 끝점을 설정하고 Photoshop을 작동시키는 것만으로 수행 할 수 있습니다.이 모든 것은 GIF가 갖는 어떤 종류의 움직임에 달려 있습니다. 커서를 사용하고 객체 프레임을 프레임으로 드래그하면 불규칙한 경로가 생성됩니다. Tweening - 두 이미지간에 중간 프레임을 생성하는 것 - 꾸준한 움직임을 줄 것입니다.

이미지 2/7.

Select which frame to tween and the number of frames you want to add.

트윈 프레임을 선택하고 추가 할 프레임 수를 선택하십시오.

02. 프레임을 선택하십시오

이미지 3/7.

Start the flicker effect by creating a straight line with a rough edge.

거친 가장자리로 직선을 만들어 깜박임 효과를 시작하십시오.

03. 효과를 시작하십시오

이미지 4/7.

Copy and paste the rough edge at the top of your original line.

원래 선의 맨 위에있는 거친 가장자리를 복사하여 붙여 넣으십시오.

04. 복사 및 붙여 넣기

이미지 5/7.

Create a layer mask to obscure part of the line. When animated, it will resemble a flicker.

라인의 일부를 모호하게하기 위해 레이어 마스크를 만듭니다. 애니메이션을 할 때 깜박임과 비슷합니다.

05. 레이어 마스크

이미지 6/7.

Hold down the Shift key to rotate a shape in 15 degree increments.

Shift 키를 누른 상태에서 15도 단위로 모양을 회전시킵니다.

06. 모양을 회전시킵니다

7의 이미지 7.

The Save for Web panel allows you to customise your saved colours. By unclicking a hue, you can remove it from your palette.

웹 패널에 대한 저장을 사용하여 저장된 색상을 사용자 정의 할 수 있습니다. 색조를 구부리지 않으면 팔레트에서 제거 할 수 있습니다.

07. 저장

Mock은 증기 상승과 화염에 대한 깜박임 / 페이딩 효과를 사용하는 것을 좋아합니다. 그것을 만들려면 거친 브러시를 사용하여 직선을 그립니다. 그 부분이 가려 지도록 레이어 마스크 (예 : 화염 등)를 추가하십시오. 그런 다음 패턴 만들기 방법을 사용하여 깨끗한 루프를 만드십시오 - 라인을 반으로 자르고 그 라인의 상단으로 거친 바닥 가장자리를 움직이고 중간에 넣고 레이어 마스크를 겹치는 것. tween 명령을 사용하여 선이 일관된 속도로 수직으로 움직이는지 확인하십시오. 이 시점에서 루프는 원활해야합니다.

회전 및 회전 운동은 물체의 작은 증분 턴으로 작성됩니다. 불규칙한 모양의 원을 만들고 전체 회전이있을 때까지 16에서 24 단계로 이동하십시오. Shift 키를 누르고 15도 증분으로 회전하십시오.

Creation Can Change The World was made for Sony Digital Entertainment.

창조물은 소니 디지털 엔터테인먼트를 위해 세계를 바꿀 수 있습니다. (이미지 크레디트 : 레베카 모의)

당신의 작품을 수출합니다

GIF를 내보내는 것은 마지막 단계 일 수 있지만 프로세스 전반에 걸쳐 생각해야 할 사항입니다. 이동하는 픽셀이 많을수록 파일 크기가 클수록 1MB 미만의 GIF를 원할 수 있습니다. GIF 파일은 256 색을 사용하는 것으로 제한되며, 무거운 텍스처와 그라디언트와 같은 것들이 잘 압력하지 않습니다. 평평한 색상과 날카로운 모서리로 더 나은 것이 더 낫습니다. 이는 파일을 관리하고 웹에서 업로드 할 수 있고 쉽게 업로드 할 수 있습니다.

이 기사는 원래 나타났습니다 컴퓨터 아트 문제 259; 여기 그것을 구입하십시오 ...에!

주제
그래픽 디자인

어떻게 - 가장 인기있는 기사

근육을 그리는 법

어떻게 Sep 13, 2025

모션에서 근육을 그리는 방법을 아는 것은 유동성과 움직임을 정지 화상에 추가합니다. 이 튜토�..


Mac에서 스크린 샷을 찍는 방법

어떻게 Sep 13, 2025

(이미지 크레디트 : 크리에이티브 블로크) 전체 화면, 창 또는 바탕 화면의 선택된 부분�..


패턴 스탬프 도구로 텍스처 생성

어떻게 Sep 13, 2025

(이미지 크레디트 : 리노 Drieghe) 빈 캔버스를 쳐다보고 있거나 해석을위한 많은 공간이있..


19 세기 마스터처럼 페인트하는 방법

어떻게 Sep 13, 2025

19 세기는 예술을위한 멋진 시간이었습니다. 아티스트는 높은 상황에서 개최되었으며 대중은 예�..


프라이머로 파스텔에 텍스처를 추가하는 방법

어떻게 Sep 13, 2025

사용 파스텔 프라이머 예술에 대한 서페이스를 만들려면 더 많은 파스텔을 보유하고�..


InDesign으로 혼합 잉크 생성

어떻게 Sep 13, 2025

페이지 1 / 2 : 혼합 잉크 견본을 만드십시오 혼합 잉크 �..


벡터 로고를 2D에서 3D로 가져가는 방법

어떻게 Sep 13, 2025

이 튜토리얼에서는 Illustrator 및 Photoshop에서 Illustrator 및 Photoshop에서 벡터 기반 로고를 사용하여 �..


Amazon Lumberyard에서 시작하기 : 설정

어떻게 Sep 13, 2025

아마존의 새로운 게임 엔진, 재목 두는 장소 게임 및 자산 창출에 대한 흥미로운 관심�..


카테고리