포토샵으로 간단하게 움짤을 만들어보겠습니다.
1. 포토샵 움짤
① 포토샵 움짤 예시
움짤은 움직이는 짤방의 줄임말인데요.
위의 예시 포토샵 움짤처럼 고정된 이미지가 아니라 움직이는 이미지를
gif 형식으로 저장한 것을 말합니다.
(*짤방 : 짤림 방지의 줄임말로 예전에는 게시물이 짧거나 하면
짤리기도해서 짤림 방지 용으로 넣는 이미지였다.)
간단하게 여러개의 이미지가 바뀌는 모습으로 만들어볼게요.
원리만 알면 간단한 애니메이션도 제작할 수 있습니다.
https://notefolio.net/draw_wool/314523
🌊7월의 아이디어스 일러스트🌼
idus Illustration
notefolio.net
② 포토샵 움짤 사용 예시
이 움짤은 노트폴리오 썸네일로 사용했습니다.
사용 예시를 보고 싶으신 분들은 위의 링크에서 확인해주세요.
7월 아이디어스 일러스트 작업을 모아둔 포트폴리오입니다.
노트폴리오 썸네일에 움직이는 이미지를 넣으면 좋다고 하더라고요.
2. 포토샵 움짤 만들기 준비
① 이미지 열기
먼저 움짤에 사용할 이미지를 하나 열어줍니다.
드래그해서 가져오셔도 좋고,
원하는 사이즈의 캔버스를 만든 다음 그 위에 이미지를 불러와도 좋습니다.
② 다른 이미지 가져오기
움짤로 사용할 다른 이미지를 가져옵니다.
위의 모습처럼 레이어가 위쪽으로 생성되게 만들어주세요.
③ 타임라인
모든 재료가 준비되었다면
상단 메뉴에서 창(Window) > 타임라인(Timeline)을 선택합니다.
-
3. 타임라인 만들기
① 비디오 타임라인 만들기
타임라인 메뉴를 선택하면 밑으로 이상한 게 뜨는데
당황하지 마시고 비디오 타임라인 만들기를 클릭해주세요.
② 타임라인 확인
뭔가 만들어지긴했는데
잘 보니까 맨 처음 만들었던 이미지는 생기지 않았을 거예요.
이미지가 전부 생기셨다면 이 부분은 넘어가셔도 좋습니다.
이건 배경 레이어에 잠금이 걸려있어서 나타나는 현상입니다.
레이어를 보시면 오른쪽에 잠금 표시가 되어있죠?
③ 배경 레이어 잠금 풀기
레이어 잠금을 풀어주면 해결됩니다.
배경 레이어(잠금이 걸린 레이어)를 더블클릭해주세요.
더블클릭하면 '새 레이어'라는 창이 뜨는데
여기서 그냥 확인을 눌러주시면 됩니다.
④ 타임라인 만들기
모든 레이어가 타임라인에 나오면 준비 완료입니다.
3. 타임라인을 이용해 포토샵 움짤 만들기
① 레이어 선택
지금은 재생을 눌러도 이미지가 변하지 않을 거예요.
이제부터 본격적으로 움짤을 만들어봅시다.
가장 아래에 있는 레이어를 제외하고
위쪽의 레이어를 Shift를 이용해 모두 선택합니다.
② 레이어 밀기
드래그해서 레이어를 오른쪽으로 조금 밀어줍니다.
왼쪽에서 오른쪽으로 진행되기 때문에
앞쪽은 맨 아래 레이어만 보일 거예요.
실제로 보시는 것이 이해가 빠를 것 같아서
준비해봤습니다.
이미지가 바뀌는 것이 보이시나요?
그럼 이제 나머지 레이어도 동일한 방법으로 드래그해줍니다.
③ 레이어 타임라인 위치 조정
이런 모양으로 나오면 되겠죠?
여기서 팁을 드리자면
표시된 부분을 당겨서 전체 길이를 조절할 수 있습니다.
짧은 움짤을 만드신다면 왼쪽으로 끌고 와서 길이를 줄여주세요.
완성된 모습입니다.
저장하실 때 gif로 저장하시면
포토샵 움짤 만들기 완성입니다!
이제 포토샵으로 간단하게 움짤을 만들어보아요.
이상으로 포토샵 움짤 만들기였습니다.
도움이 되셨다면 공감과 댓글, 구독을 부탁드립니다.
[같이 보면 좋은 포스팅]
[Design/Photoshop] - 포토샵 동일한 간격으로 연속 복사 하는 방법
포토샵 동일한 간격으로 연속 복사 하는 방법
포토샵에서 동일한 간격으로 연속 복사하는 방법을 알아보겠습니다. 1. 동일한 간격으로 복사 ① 도형툴 도형 툴을 이용해 복사할 개체를 하나 만들어줍니다. 꼭 도형 툴이 아니어도 괜찮습니다
ssimplay.tistory.com
[Design/Photoshop] - 포토샵 배경 늘리기 방법 (칠하기 사용)
포토샵 배경 늘리기 방법 (칠하기 사용)
포토샵 배경 늘리기 방법을 알아보겠습니다. 1. 포토샵 배경 늘리기 준비 예시 이미지 ① 이미지 준비 배경 늘리기를 하려는 작업물이면 끝쪽이 아마 빈 공간이 있을 거예요 그렇죠? 어떤 경우에
ssimplay.tistory.com
그럼 이만.
총총.
'Design > 포토샵' 카테고리의 다른 글
[포토샵] 입체적으로 보이게 만들어보자! (18) | 2022.09.26 |
---|---|
[포토샵] 배경에서 전깃줄을 지워보자 (12) | 2022.09.13 |
포토샵 동일한 간격으로 연속 복사 하는 방법 (20) | 2022.07.04 |
포토샵 배경 늘리기 방법 (칠하기 사용) (34) | 2022.06.24 |
포토샵 블러 처리 (28) | 2022.06.02 |