워드프레스 쇼핑몰, 웹사이트

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
웹사이트

회원관리 사이트

회원관리 프러그인을 이용한 학회 홈페이지.

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
쇼핑몰

해외 쇼핑몰

해외 대상 쇼핑몰. 다양한 플러그인 사용됨.

사이트 이미지
쇼핑몰

강아지 용품 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

포트폴리오 보기

블로그 인기글

커스텀 디자인

여러 종류의 플러그인을 이용해 페이지와 콘텐츠를 커스텀 디자인

Brizy Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Elementor Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Advanced Custom Field Pro

사용자 정의 필드

커스텀 콘텐츠 작업에 필요한 플러그인

Pods

사용자 정의 콘텐츠 타입

기본 콘텐츠 타입외에 다양한 형태의 콘텐츠 생성.

블로그

인터넷에서 애니메이션 gif를 보면 우아! 멋진데! 이건 도대체 어떻게 만든거야? 하고 감탄과 의문을 갖게 됩니다.
그래서 이번 강좌는 기존 애니메이션 GIF파일을 편집하는 방법에 대해 알아보기로 하겠습니다. 타인이 만든 작품을 편집해서 자기것인양 변경시켜 사용하면 저작권법에 걸리겠죠? 하지만 잘 만든 작품을 보면 나도 이렇게 해보고 싶은데 어떻게 만들었는지 궁금하다, 그래서 다른 그림으로 이렇게 만들고 싶다...이럴경우는 타인의 작품이 훌륭한 참고서가 됩니다.  창작은 결코 무에서 태어난 것은 아닐 것입니다. 기존의 창작물을 모방하고 나의 창의력을 불어넣음으로서 새로운 창작이 탄생하죠. 창작의 역사는 이런게 아닐까요?
  
애니메이션 gif파일을 편집하기 위해서는 퀵타임플레이어가 필요합니다. 이곳 을 클릭하여 다운받으신후 설치해야합니다.
 
이곳 을 클릭하여 샘플 gif파일을 다운 받습니다. 압축파일을 해제하세요.


포토샵 화면에서 메뉴(화면 좌측상단)의 file를 클릭하고 import, Video Frames to Layers.. 를 클릭합니다. 포토샵 cs5 64비트 버전은 이 기능을 지원하지 않고 윈도우탐색기에서 파일에 우클릭하여 연결프로그램을 포토샵으로 선택하면 바로 열립니다. 32비트버전은 두가지 기능을 다 지원합니다. 애니메이션 gif파일을 여는 두가지 방법중 포토샵에서 import로 열게되면 배경이 흰색으로 나오고 윈도우탐색기에서 연결프로그램을 포토샵으로 선택하여 열면 배경이 투명으로 나옵니다. 이 기능은 CS5버전부터 가능합니다. 이전버전은 애니메이션 gif파일을 이 방식으로 열면 한장의 gif사진만 나오게 됩니다. 그러니 CS5가 기능이 향상된 것이죠.
 
여기서는 cs4 이전 버전을 기준으로 설명드립니다. 위와같은 화면이 뜨면 애니메이션 gif파일이 있는 폴더로 이동합니다.  처음에는 아무 화면도 안보이는데 이것은 지금 하고있는 것이 (2)의 MOV, AVI, MPG..등 동영상파일을 불러오는 작업이기 때문입니다. GIF파일은 움직이는 사진이지 정확히 말하면 동영상 파일이 아닙니다. 하지만 편집하자면 이 방법으로 불러오는 수 밖에 없습니다. 그러면 파일이름란의 (1)에서 그림처럼 "*.*"을 쳐주고 엔터키를 누르면 위와같이 모든 파일들이 나타납니다. GIF파일인 (3)을 클릭하고 (4)의 LOAD를 클릭합니다.

 


그랬더니 위와같은 화면이 뜹니다. OK클릭하시고 넘어갑니다.

 

GIF파일의 화면이 나오고 오른쪽(2)의 레이어창에 3개의 레이어가 보입니다. (1)의 애니메이션 창이 없는 경우, 메뉴의 WINDOW-ANIMATION을 클릭하면 나옵니다(cs3버전부터 이미지레이가 포토샵에 통합되었습니다. 이전버전은 이미지레이에서 작업합니다). (1)의 애니메이션 창에서 (3)의 플레이버튼을 클릭하면 프레임이 차례로 선택되면서 애니메이션이 실행됩니다. 다시 (3)을 클릭하여 중지시킵니다.