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

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

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

사이트 이미지
웹사이트

회원관리 사이트

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

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

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

사이트 이미지
쇼핑몰

해외 쇼핑몰

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

사이트 이미지
쇼핑몰

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

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

포트폴리오 보기

블로그 인기글

커스텀 디자인

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

Brizy Pro

페이지 빌더

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

Elementor Pro

페이지 빌더

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

Advanced Custom Field Pro

사용자 정의 필드

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

Pods

사용자 정의 콘텐츠 타입

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

블로그

포토샵의 GIF애니메이션은 주로 프레임 애니메이션 패널에서 만들기 때문에 다수의 애니메이션을 합치려면 하나의 애니메이션에 다른 애니메이션을 붙여넣기하고 레이어를 순서대로 서로 병합해줘야하고 레이어의 숫자가 다르면 일부레이어를 제거해줘야하는 번거로움이 있습니다. 두개의 애니메이션이  프레임 수가 같으면 간단하지만 다른 경우는 많은 수의 애니메이션의 프레임 수를 같게 줄여줘야합니다. 서로 다른 프레임 수를 가진 GIF 애니메이션의 병합 방법을 알아봅니다.





큰 이미지는 32개의 프레임이고 작은 이미지는 24개의 프레임입니다. 8개의 프레임이 많은데 프레임을 줄이려면 이미지에 따라서 방법이 다릅니다. 어느 한쪽 끝의 연속된 프레임을 잘라내도 되는 경우는 연속된 프레임에 해당하는 레이어를 제거해주면 되지만 위와 같이 어느쪽도 제거할 수 없는 이미지는 중간의 프레임을 제거해줘야합니다.총 32개의 프레임에서 8개를 잘라내려면 4장단위로 건너뛰어서 제거해주면 됩니다. 프레임 구가 많은 이미지의 프레임을 제거하면 안될 경우는 작은 이미지의 프레임을 같은 방법으로 중간중간 제거해주고 프레임을 두배로 복사해주면 됩니다. 24개의 프레임에서 3개단위로 하나씩 제거해서 16개로 줄이고 전체를 복사해서 프레임의 끝에 붙여넣으면 32개가 됩니다. 이와같이 프레임은 두개의 애니메이션이 서로 같은 숫자여야 하고 프레임수가 작은 애니메이션이 중간에 시작돼도 되는 것이라면 프레임수를 줄이지 않고 시작되는 부분을 조정해주면 됩니다.


프레임수가 많은 이미지를 4 프레임단위로 Ctrl키를 누르고 선택한 다음 3의 제거버튼을 누르면 제거되지만 4의 레이어창에는 그대로 있습니다. 애니메이션 실행에는 문제는 없습니다. 5의 타임라인 전환 버튼을 클릭해주고 6의 이미지도 5의 버튼을 클릭해줍니다.


레이어창을 보면 제거된 프레임에 해당하는 레이어는 눈아이콘이 꺼져있습니다. 첫번째 레이어를 클릭하고 Shift키를 누르고 마지막레이어를 클릭하면 전체가 선택됩니다. 우클릭해서 메뉴에서 Convert to Smart Object 를 선택합니다. 작은이미지도 마찬가지 방법으로 선택을 하고 스마트오브젝트로 변경해줍니다.


1처럼 하나의 레이어로 스마트오브젝트로 전환됩니다. 이동툴로 2의 이미지를 클릭드래그해서 다른 이미지로 이동한 다음, 위치를 정해주고 플레이버튼을 클릭하면 애니메이션이 실행됩니다. 웹용으로 저장하기창에서 우측하단에서 Once를 Forever로 바꿔줘야 반복 실행됩니다.