sub_title
 Photoshop
제   목 [포토샵] 이미지레디를 이용한 단순한 움직이는 GIF 파일 만들기
작성자 컴쟁이 등록일 2008-07-14 13:54:08 조회수 8,125

이미지레디를 이용한 초간단 움직이는 파일(GIF)을 만들어 보자.

 

1. 새 도큐먼트 [300×400]에 아래와 같이 그림 세 장을 복사해 둔다.

그림 세 장을 위와 같이 불러들이고 이미지레디로 이동한다.

잠깐만! 이것만은 알고 넘어가여...

그림을 복사하는 방법으로 전체 또는 부분 영역을 잡고 [Ctrl] + [C], [Ctrl] + [V]하는 일반적인 방법도 있지만 가장 쉽게 복사하는 방법이 있다.

1. 먼저 불러온 그림의 크기를 [Image] -> [Image Size]에서 줄여주고
2. [Move Tool]로 그림을 새 도큐먼트로 그냥 휘리릭~~ 드래그 해주면 쉽게 복사된다. 마우스의 모양을 잘 살펴보면 흰색 화살표 아래 사각형안의 +표시를 볼 수 있다. 도큐먼트간의 복사를 의미하는 마우스 포인터이다.

 

2. 프레임을 복사하고 상위 레이어를 감춘다.

[Duplicates current frame]을 클릭하여 현재 프레임을 복사한뒤 [Layer 3]의 눈을 꺼준다. 1번 프레임과 2번 프레임을 보면 서로 다른 그림임을 알 수 있다.

 

잠깐만! 이것만은 알고 넘어가여...

여기서 Frame이란 영화나 만화영화에서 움직임에 변화가 있는 한 컷을 뜻한다. 보통 영화는 초당 30프레임, TV는 24프레임이라고 생각하면 쉽게 이해가 될런지... 만화영화는 이보다 적은 프레임을 사용하므로 끊기는 현상이 나타나는 것이라고 한다.

이미지레디에서도 마찬가지로 적용해보면 프레임 수가 많으면 많을 수록 부드럽게 사진을 바꿔챌 수가 있지만 프레임수가 위와 같이 한 개일 경우 휙~하고 바뀐다. 대신 프레임 수가 적으면 용량이 작지만 프레임 수가 많아지면 용량을 커진다.

 

3. 마지막 프레임을 만든다.

2번과 같은 방법으로 마지막 프레임을 만들어준다. 재생을 해보면 너무 그림이 빨리 바뀐다. 지연시간이 0초 이므로 빨리 재생되는 것이다.

 

4. 지연시간을 늘려준다.

0초였던 프레임의 재생 시간을 0.5초로 각각 늘려준다. 한꺼번에 프레임을 잡으려면 [Shift]를 사용하여 세 개의 프레임을 동시에 0.5초로 만들어 줄 수 있다.

 

5. 재생시켜본 후 저장하자.

움직이는 정도가 맘에 들면 [File] -> [Save Optimized]로 저장한다. 저장시 확장자는 GIF로 되어 있음을 확인하고 저장하여준다.

 

지금까지는 간단한 움직임 즉, 단순하게 눈을 켜고 꺼줌으로서 움직이게 하는 파일을 만들어 보았다. 다음에는 그림의 전환이 좀 더 부드럽게 이루어지는 GIF 파일을 만들어 보도록 하자.

 

☞ 잠깐만여! 퍼가실 분을 아래 출처를 명시해 주시는 네티켓 잊지 마세여~~ (__)

출처 : 웹제작 토탈 커뮤니티 (http://www.webmadang.net)

 
0
    
 
0
        list
 
※ 짧은 댓글일수록 예의를 갖추어 작성해 주시기 바랍니다.
line
reply cancel
 
번호 제목 글쓴이 추천 조회 날짜
79  [포토샵] 레이어 마스크를 이용한 이미지 합성 이미지   member 컴쟁이 11 / 0 22773 2009-11-19
78  [포토샵] 포토샵에서 히스토리 블러시로 수채화 효과 만들기 이미지   member 컴쟁이 0 / 0 8147 2009-04-10
77  [포토샵] 포토샵으로 웹용 버튼 만들기 이미지   member 컴쟁이 0 / 0 15849 2009-03-24
76  [포토샵] 포토샵에서 블러시로 눈 내리는 효과만들기 이미지   member 컴쟁이 0 / 0 7106 2009-03-12
75  [포토샵] 이미지 사이즈 VS 캔버스 사이즈 이미지   member 컴쟁이 0 / 0 8634 2009-03-03
74  [포토샵] 히스토리 블러시를 이용한 강조 이미지 만들기(색상 복구 기능) 이미지   member 컴쟁이 0 / 0 4785 2009-02-27
73  [포토샵] 제품의 치수 기입을 위한 화살표 만들어 넣기 이미지   member 컴쟁이 0 / 0 11165 2009-02-24
72  [포토샵] 선 옵션을 이용한 다양한 모양의 화살표 만들기 이미지   member 컴쟁이 0 / 0 9476 2009-02-24
71  [포토샵] 포토샵으로 휘어지는 글자 모양만들기(Warped Text) 이미지   member 컴쟁이 0 / 0 20206 2009-02-10
70  [포토샵] 포토샵으로 끼워진 액자 프레임 만들기 이미지   member 컴쟁이 0 / 0 8787 2008-12-04
69  [포토샵] 포토샵으로 뽀샤시 효과(스튜디오 사진) 만들기 이미지   member 컴쟁이 1 / 0 15046 2008-11-28
68  [포토샵] 그레이디언트(그라디언트)로 명암나타내기 이미지   member 컴쟁이 0 / 0 6868 2008-11-13
67  [포토샵] 그레이디언트(그라디언트)로 스트라이프 만들기 이미지   member 컴쟁이 0 / 0 7108 2008-11-12
66  [포토샵] 포토샵으로 나만의 그레이디언트(그라디언트) 만들기 이미지   member 컴쟁이 0 / 0 8219 2008-10-30
65  [포토샵] 이미지 레디를 이용하여 자연스럽게 'LOVE' 글자 나타내기 이미지   member 컴쟁이 0 / 0 5911 2008-10-02
64  [포토샵 초급] 포토샵을 이용한 간단한 메트릭스 효과내기! 이미지   admin 운영자 0 / 0 5714 2008-10-01
63  [포토샵 초급] 간단하게 웹디자인용 깔끔한 버튼 만들기 이미지  [2] member 뽀샤시 0 / 0 6239 2008-09-30
62  [포토샵 초급] Lighting Effect를 이용해 간단한 인트로 화면 꾸미기! 이미지   member 뽀샤시 0 / 0 6644 2008-09-26
61  [포토샵] 포토샵으로 모자이크 처리하기 이미지   member 컴쟁이 0 / 0 5442 2008-09-23
60  [포토샵] 포토샵에서 복사와 닷지 툴을 이용한 종이 말림효과 이미지   member 컴쟁이 0 / 0 8274 2008-09-03
59  [포토샵] 스머지 툴을 이용한 불꽃 효과 연출하기 이미지   member 컴쟁이 1 / 0 7851 2008-09-01
58  포토샵 필터를 이용한 칼라풀 Twirl 효과내기 이미지  [1] member 뽀샤시 0 / 0 5892 2008-08-09
57  [포토샵] 여러가지 색깔의 셀로판 효과내기 이미지   member 컴쟁이 0 / 0 6947 2008-08-08
56  [포토샵] 이미지레디를 이용한 자연스러운 화면 전환 효과 이미지   member 컴쟁이 2 / 0 7096 2008-07-18
55  [포토샵] 이미지레디를 이용한 단순한 움직이는 GIF 파일 만들기 이미지   member 컴쟁이 0 / 0 8125 2008-07-14
write
[2] [3] [4] button