포토샵으로 gif 만들기.
포토샵으로 간단한 .gif 파일을 만들어봤습니다.
'캐릭터 2개', '글자 움직임 2개' 미리 만들어 두었습니다.
01.포토샵 레이어 네이밍.
폴더명 설명: '01'-캐릭터 / 'rumbeing'-캐릭터 배의 글자 / '글자'-구독,즐찾,추천
3개의 폴더가 한 컷 입니다. 6개의 폴더 총 2컷의 이미지 입니다.
레이어글자를 더블클릭하면 이름을 변경할 수 있습니다.
제멋대로의 이름을 가진 레이어 폴더들의 이름을 정리해 줬습니다.
당장은 제멋대로 이름을 가지고 있어도 알아볼 수 있지만, 차후에 수정하게 될 경우 이름이 바르지 않으면 한참 고생하게 됩니다. '레이어 네이밍'은 강박증이 생길정도로 습관화 되어야 포토샵을 사용하면서 편해집니다.
02. 원본 살려두기 / 레이어 병합 'merge'
제일 위의 원본 폴더를 우클릭하여 그룹 복제를 눌러줍니다. (단축키 'Ctrl + j')
그리고 엔터를 누르면 똑같은 폴더가 복제됩니다.
사용하지 않는 원본 폴더의 눈은 꺼두어 비활성화 시킵니다.
사용하려는 3개의 이미지, '01'/'rumbeing'/'글자' 를 병합(합체/merge)시켰습니다.
원하는 레이어를 'Ctrl + 클릭'으로 선택해 줍니다.
'우클릭' 후 '레이어 병합(단축키 Ctrl + e)'해 줍니다.
3개의 폴더가 '1개의 이미지 레이어'로 합쳐집니다.
나중에 타임라인에서 쉽게 관리하기위한 과정입니다.
03. 타임라인 창 열기 (Time line)
상단 메뉴에서 '창(window)' 클릭.
타임라인 Time line 을 클릭해줍니다.
하단에 타인라인 창이 생깁니다.
가운데 비디오 타임라인 만들기를 클릭해 줍니다.
레이어 창의 레이어들이 자동으로 타임라인에 순서대로 나열됩니다.
04. 타임라인의 레이어들을 원하는 위치로 옮깁니다.
'타임라인 창'과 '레이어 창'이 맞는지 확인합니다.
'01'/'02' 레이어를 확인했습니다.
레이어창의 가장 밑, '원본' 폴더는 눈을 꺼두었습니다.
타임 라인 창의 오른쪽 끝에서 드레그 하여 레이어 길이를 줄여줍니다.
원하는 만큼 레이어를 조절해줍니다.
저는 1초동안 2개의 이미지를 보여줄 생각입니다.
05. 출력 범위 설정/재생 루프 설정
타임라인 오른쪽 끝의 조절 부분을 원하는 만큼 드레그 합니다.
타임라인 재생 설정을 클릭하여 해상도를 100%로, 재생 루프(Loop)를 설정해 둡니다.
06. 출력(내보내기/Export) 설정
상단 메뉴 '파일' -'내보내기(Export)'-웹용으로 저장(레거시)' [단축키 Alt+Shift+Ctrl+S] 를 눌러줍니다.
설정 예입니다.
색상은 용량에 따라 128로 낮추어도 괜찮습니다.
투명도 체크 확인하셔야 합니다.
맨 아래 루핑 옵션에서 계속을 설정하는 게 좋습니다.
어도비 포토샵 움직이는 이미지 gif 만들기 방법, how to make animated gif in adobe photoshop
01. 포토샵 레이어 네이밍. 02. 원본 살려두기 / 레이어 병합 'merge'. 03. 타임라인 창 열기 (Time line). 04. 타임라인의 레이어들을 원하는 위치로 옮깁니다. 05. 출력 범위 설정/재생 루프 설정 06. 출력(내보내기/Export) 설정.
01. Photoshop layer naming. 02. Keep original / Merge layers 'merge' 03. Open the timeline window (Time line) 04. Move the layers on the timeline to the desired positions. 05. Output range setting/playback loop setting 06. Output (Export/Export) Settings
포토샵으로 gif 움짤 만드는 방법 모아보기.
'영상, 이미지 > 이미지 강의 팁(포샵,일러)' 카테고리의 다른 글
| [포토샵] 하프톤, 도트, 점점 무늬, 사용하기! (만화책 효과, 망점, halftone) (0) | 2018.06.19 |
|---|---|
| [이미지] jpeg/jpg/jpeg2000 무엇이 다른가? (0) | 2018.06.15 |
| [포토샵]색상모드 변경하기(RGB/CMYK) -자동으로 'CMYK'로 바뀔때 (0) | 2018.06.14 |
| [이미지] 다양한 이미지 파일 형식,포맷,컨테이너,확장자 설명 (0) | 2018.06.09 |
| [포토샵] 살아있는 사진 만들기 - 명도, 채도 (0) | 2018.05.11 |