본문 바로가기

Study about/그래픽 예제

[Photoshop CC] 움짤만들기 / GIF 움직이는 파일 만들기

움직이는 GIF파일 만들기

 

에프터이펙트처럼 고 퀄리티로 작업하기엔 시간이 걸리고

 

초 간단하면서도 움직이는 결과물이 필요할 때

 

 

포토샵 버전은 CC입니다

 

 

 

 

▼▼▼▼작업 결과물▼▼▼▼

 

결과물이 민망하네요

 

 

 

 

 

 

 

 

1. 포토샵 실행 후 새파일을 만들어줍니다

 

 

 

웹용이니까 그렇게 큰 값이 들어갈 필요가 없겠죠?

적당히 가로 세로 픽셀수를 입력해줍니다

 

Color Mode는 당연히 RGB이죠^^~~

(인쇄용은 CMYK입니다~~)

 

 

 

2. 밑작업을 해줍니다.

 

 

 

기본 실력이 있는 분들에 한해서 설명해드리네요..

 

 

각 레이어마다 움직이는 개체라 생각해 주세요

예를들어 빛 소스를 2개 다 같이 움직이고 싶다면 1개의 레이어에 두개를 만들어 주시고

각각 따로 움직이고 싶다면 위 그림처럼 각각 한개씩 만들어 주시면 됩니다.

 

밑작업 후 이제 애니메이션을 할 차례죠!

 

 

3. Timeline창을 켜줍니다.

 

 

 

4. 그럼 아래 뭐가 떠요

 

Create Vieo Timeline 클릭

 

(예전엔 순수 노가다였는데, 업그레이드 되면서 좀더 간편한 작업으로 바뀌게 된것 같습니다..

맞나요..무튼.. 에프터이펙트의 간편 버젼이라고 하면 맞을거 같네요)

 

 

 

 

 

 

 

 

5.값을 설정해 줍니다

 

 

 

기본 움짤은 3초 내지 5초인거 같습니다.

기본 5초로 적용된거 같네요

 

설정값

값을 표시해줍니다.

마름모 모양 보이시나요?

2번이 들어간 바 안에서 3번을 왓다갓다 해주시며 1번 마름모를 클릭해 주심 됩니다

예를 들자면

상단 빛을 왼쪽에서 오른쪽으로 이동하고싶다면

상단 빛 레이어를 왼쪽으로 이동시킨 후 3번을 맨 왼쪽으로 끌어당기고 1번 포지션 마름모 클릭

상단 빛 레이어를 오른쪽으로 이동시킨 후 3번을 오른쪽 중간이나 끝부분으로 이동시킨 후 1번 포지션 마름모 클릭

 

중간중간사항은 1번 위쪽 재생을 눌러서 확인 가능하니 하시면서 보시면 금방 익힐것 같습니다!

 

 

 

6. 웹 용으로 저장!

 

 

 

작업 완료 후엔 멋진 결과물을 출력해야겠죠?

웹용으로 저장 들어갑니다

 

 

7. 저장

 

 

 

나머지 값은 위에 사항대로 해줘도 크게 문제될게 없습니다

다만 밑에 빨간색으로 박스쳐진 부분이 재생을 1번 할것인가 무한 반복할것인가를 선택해 줘야 하는데요,

움짤이 한번 재생되고 끝나면 렉걸린 기분이죠?

 

 

 

무한 반복으로 설정을 해주시면 됩니다.

 

 

 

필요에 따라 설정값은 변경하심 됩니다.~~