메뉴 건너뛰기

팁(TIP) 누구나 쉽게 따라할수 있다! 원덬이도 했으니 모두가 할수 있는 합짤 움짤 만들기 프로젝트
35,136 163
2018.12.27 20:54
35,136 163

종종 디자인방덬들이 움짤 합짤 만드는 법을 물어보는 경우가 있는거 같아서 간단하게 알려주려고.

일단 전제조건은 합치려는 두 움짤의 프레임수가 같아야 하고 

좌우로 합칠 경우는 움짤들의 높이가, 위 아래로 합칠 경우에는 폭이 같아야해


BCOwR
1. 우선 합칠 두 움짤을 가져와. (프레임수 확인은 꼭 해줘)

원덬은 귀찮으니까 캡쳐만 했고 보정안함




vjaWl

2. 둘 중 한 움짤의 캔버스 크기를 늘려줘. 두 짤이 다 들어갈 정도로!

나는 이때 대충 눈대중으로 퍼센트로 지정해주고나서 나중에 합쳐놓고 봐가면서 자르는 편이야.

근데 여기 캡쳐에는 일단 늘리는 방향이 잘못되어있네 그건 신경쓰지 말고ㅋㅋ


mQYGR

3. 그러고 나서 옮겨갈 짤에 가서 모든 프레임 선택을 한 후 프레임 복사를 눌러줘


fdsjS

4. 자 이제 아까 캔버스를 늘려놓은 짤도 모든 프레임들을 선택한 상태에서 프레임 붙여넣기를 눌러주는거야 

이거 다 선택 안한상태로 붙여넣으면 이상하게 겹쳐지니까 꼭 모든프레임 선택된 상태여야해


CBpcU
5. 이때 창이 뜨는데 꼭 선택항목 위에 붙여넣기로 체크해줘



UFczI
6. 이렇게 위로 붙여져서 안보이는 경우가 있는데 전혀 당황할 필요가 없어. 

레이어 창에서 방금 새로 붙여넣기 한 레이어들 전부 선택한다음에 컨트롤+t 누른 상태로 옮기면 모든 프레임들이 옮겨질거야


OnvAI
7. 이렇게 해서 정상적으로 모든 프레임이 한꺼번에 다 옮겨졌어. 그리고 각 움짤들끼리 그룹 설정을 해줘야해 나는 편의상 좌/우 그룹으로 나눴어

이제 레이어 마스크를 이용해서 경계를 흐리게 해서 자연스럽게 합쳐볼거야 (나는 우측 짤에 레이어 마스크를 설정할거임)


EWOiF

이 레이어 창에 빨간 표시한 왼쪽이 레이어마스크고 오른쪽이 그룹이야. 

그룹설정을 할때는 내가 그룹으로 설정하려고 한 레이어들을 모두 선택한 상태에서 저 버튼을 눌러주면 돼,

저 레이어 마스크는 이제 자연스럽게 합칠때 쓸거야.



uGlMR
8. 레이어 마스크 지정 해놓은 상태로(꼭 레이어 마스크 선택되어있는지 확인할것) 그라데이션 툴을 당겨주면 이렇게 경계가 흐려져

레이어 마스크에 그라데이션 툴 쓸때는 꼭 위에는 검정색, 아래는 흰색으로 되어있어야하는거 알지?


xRejb

혹시나 해서 레이어 마스크로 그라데이션 주는거를 약간 설명하고 가면 

이렇게 우측짤에 레이어 마스크를 쓰는 경우에는 오른쪽에서 왼쪽 방향으로 그라데이션 툴을 적용하는거야

그리고 그라데이션 툴 끝나는 지점이 저 화살표, 그러니까 사진의 경계 끝이여야해 그래야 짤에 경계가 안보여!



근데 지금 레이어 마스크로 경계를 흐리게 해주면서 저렇게 공간이 남게 되었지? 

다시 우측 짤 그룹을 선택하고  컨트롤+T 누른상태에서 이동을 시켜서 합쳐주는거야


EVvyF

옮겨주면 이렇게 경계는 흐려진 상태에서 자연스럽게 합쳐져 있게 되는거지 

나는 레이어 마스크 여러번 해보면서 제일 자연스럽다 싶을때 최종적으로 옮기고 이미지들을 내 맘대로 잘라ㅋㅋㅋㅋ

음... 근데 막 자연스러운지는 모르겠다. 사실 나도 막 레이어 마스크를 엄청 자연스럽게 잘 쓸줄 아는게 아니라



아무튼! 이렇게 해서 한프레임 한프레임씩 짤들이 합쳐진거지

이제 원래 덬들이 하던대로 웹으로 저장을 해보자!


https://gfycat.com/AcidicImpoliteEquine

이렇게 된다.

(프레임이 많아서 용량 개큼....)


아 진짜 자세하게 열심히 설명해 주고 싶었는데 내가 글빨이 좋지가 않아서 막 잘 설명해주지를 못하겠네.. 혹시 궁금한거 있으면 댓으로 물어봐도 돼!

목록 스크랩 (490)
댓글 163
댓글 더 보기
새 댓글 확인하기

번호 카테고리 제목 날짜 조회
이벤트 공지 [💜리쥬란 코스메틱💜] 이제는 모공 고민까지!? ✨홈 에스테틱 케어 1인자✨ NEW 더마 힐러 포어 타이트닝 라인 2종 체험 이벤트 (100인) 433 02.18 16,139
공지 [공지] 언금 공지 해제 24.12.06 935,009
공지 📢📢【매우중요】 비밀번호❗❗❗❗ 변경❗❗❗ 권장 (현재 팝업 알림중) 24.04.09 5,407,574
공지 공지가 길다면 한번씩 눌러서 읽어주시면 됩니다. 23.11.01 8,879,340
공지 ◤더쿠 이용 규칙◢ [스퀘어 정치글 금지관련 공지 상단 내용 확인] 20.04.29 27,617,180
모든 공지 확인하기()
119 팁(TIP) html 실시간 편집기 사이트 8 24.11.11 1,586
118 팁(TIP) 팁 두번째 24 24.04.29 5,532
117 팁(TIP) 팁 첫번째 38 24.04.29 7,388
116 팁(TIP) 팁이라고 해도 되나 싶지만...👀 게시글 내에서 스크롤 이동 시켜주는 a id 활용하는 법! 10 24.01.02 4,092
115 팁(TIP) 티스토리 검수화면 조금이라도 빨리 끝내는 방법 7 23.12.01 4,055
114 팁(TIP) 다 알고있겠지만 그냥 일러->포토샵 화질 손상없이 저장하는법 3 23.10.19 5,061
113 팁(TIP) 떡밥정리용 썸네일 들어간 정리글 만들기 html 가이드 25 23.08.29 6,198
112 팁(TIP) 바뀐 에디터로 적용해보는 스케줄, 가이드에 넣을 표를 예쁘게 꾸며주는 html 속성(backgruound-image)&캘린더양식 -2편- 18 23.08.27 5,330
111 팁(TIP) ffmpeg가 귀찮은 맥덕들 위한 [ffmpeg명령어 자동생성 및 실행 app] ft.나덬제작 9 23.08.12 4,798
110 팁(TIP) 야너두 할 수 있어, 완전 초심자도 쉽게 할 수 있는 스케줄용 가이드용 HTML 표 꾸미기 -입문편- 25 23.07.29 6,148
109 팁(TIP) 바뀐 에디터로 적용해보는 스케줄, 가이드에 넣을 표를 예쁘게 꾸며주는 html 속성 (radius) -1편- 28 23.07.27 5,154
108 팁(TIP) 노답필터 제거하는 색상일치 기능 TIP (바꿔서 끌올) 32 23.06.25 7,058
107 팁(TIP) 공모전 참가 준비중인데 표절 확인할수 있는 방법이 있어? 2 23.05.17 4,942
106 팁(TIP) 틱톡 라이브 저장하기 3 23.02.05 12,654
105 팁(TIP) 사람들이 티스토리로 들어와서 한번에 저장할 때 새창으로 열어 원본으로 저장하는 방법 7 23.02.01 6,797
104 팁(TIP) 티톨 썸네일 선명하게 처음부터 끝까지 재생시키기 12 23.01.31 7,846
103 팁(TIP) 리사이징할때 투명선 안만드는방법 4 22.12.02 8,712
102 팁(TIP) 맥 m1 디노이즈 설치 10 22.10.03 13,698
101 팁(TIP) 부드러운 움짤 만들기 75 22.09.25 20,175
100 팁(TIP) 짤찌면서 별거아닌 정말 사소한 팁 52 22.09.23 14,328