냐울당 햄버거 메뉴

목차

    반응형

    포토샵으로 간단하게 움짤을 만들어보겠습니다.

     


    1. 포토샵 움짤

    ①  포토샵 움짤 예시

    움짤은 움직이는 짤방의 줄임말인데요.

    위의 예시 포토샵 움짤처럼 고정된 이미지가 아니라 움직이는 이미지를

    gif 형식으로 저장한 것을 말합니다.

     

    (*짤방 : 짤림 방지의 줄임말로 예전에는 게시물이 짧거나 하면

    짤리기도해서 짤림 방지 용으로 넣는 이미지였다.)

     

    간단하게 여러개의 이미지가 바뀌는 모습으로 만들어볼게요.

    원리만 알면 간단한 애니메이션도 제작할 수 있습니다.

     

    https://notefolio.net/draw_wool/314523

     

    🌊7월의 아이디어스 일러스트🌼

     idus Illustration

    notefolio.net

    ②  포토샵 움짤 사용 예시

    이 움짤은 노트폴리오 썸네일로 사용했습니다.

    사용 예시를 보고 싶으신 분들은 위의 링크에서 확인해주세요.

     

    7월 아이디어스 일러스트 작업을 모아둔 포트폴리오입니다.

     

    노트폴리오 썸네일에 움직이는 이미지를 넣으면 좋다고 하더라고요.

     

     

    320x100
     

    2. 포토샵 움짤 만들기 준비

    ①  이미지 열기

    먼저 움짤에 사용할 이미지를 하나 열어줍니다.

    드래그해서 가져오셔도 좋고,

    원하는 사이즈의 캔버스를 만든 다음 그 위에 이미지를 불러와도 좋습니다.

     

    ②  다른 이미지 가져오기

    움짤로 사용할 다른 이미지를 가져옵니다.

    위의 모습처럼 레이어가 위쪽으로 생성되게 만들어주세요.

     

    ③ 타임라인

    모든 재료가 준비되었다면

    상단 메뉴에서 창(Window) > 타임라인(Timeline)을 선택합니다.

     

    -

     

     


    3. 타임라인 만들기

    ①  비디오 타임라인 만들기

    타임라인 메뉴를 선택하면 밑으로 이상한 게 뜨는데

    당황하지 마시고 비디오 타임라인 만들기를 클릭해주세요.

     

    ②  타임라인 확인

    뭔가 만들어지긴했는데

    잘 보니까 맨 처음 만들었던 이미지는 생기지 않았을 거예요.

    이미지가 전부 생기셨다면 이 부분은 넘어가셔도 좋습니다.

     

    이건 배경 레이어에 잠금이 걸려있어서 나타나는 현상입니다.

    레이어를 보시면 오른쪽에 잠금 표시가 되어있죠?

     

    ③ 배경 레이어 잠금 풀기

    레이어 잠금을 풀어주면 해결됩니다.

    배경 레이어(잠금이 걸린 레이어)를 더블클릭해주세요.

     

    더블클릭하면 '새 레이어'라는 창이 뜨는데

    여기서 그냥 확인을 눌러주시면 됩니다.

     

    ④  타임라인 만들기

    모든 레이어가 타임라인에 나오면 준비 완료입니다.

     


    3. 타임라인을 이용해 포토샵 움짤 만들기

    ①  레이어 선택

    지금은 재생을 눌러도 이미지가 변하지 않을 거예요.

    이제부터 본격적으로 움짤을 만들어봅시다.

     

    가장 아래에 있는 레이어를 제외하고

    위쪽의 레이어를 Shift를 이용해 모두 선택합니다.

     

    ②  레이어 밀기

    드래그해서 레이어를 오른쪽으로 조금 밀어줍니다.

    왼쪽에서 오른쪽으로 진행되기 때문에

    앞쪽은 맨 아래 레이어만 보일 거예요.

     

    실제로 보시는 것이 이해가 빠를 것 같아서

    준비해봤습니다.

    이미지가 바뀌는 것이 보이시나요?

     

    그럼 이제 나머지 레이어도 동일한 방법으로 드래그해줍니다.

     

    ③ 레이어 타임라인 위치 조정

    이런 모양으로 나오면 되겠죠?

     

    여기서 팁을 드리자면

    표시된 부분을 당겨서 전체 길이를 조절할 수 있습니다.

    짧은 움짤을 만드신다면 왼쪽으로 끌고 와서 길이를 줄여주세요.

     

    완성된 모습입니다.

     

    저장하실 때 gif로 저장하시면

    포토샵 움짤 만들기 완성입니다!

     

    이제 포토샵으로 간단하게 움짤을 만들어보아요.

     


    이상으로 포토샵 움짤 만들기였습니다.

    도움이 되셨다면 공감과 댓글, 구독을 부탁드립니다.

     

     

    [같이 보면 좋은 포스팅]

    [Design/Photoshop] - 포토샵 동일한 간격으로 연속 복사 하는 방법

     

    포토샵 동일한 간격으로 연속 복사 하는 방법

    포토샵에서 동일한 간격으로 연속 복사하는 방법을 알아보겠습니다. 1. 동일한 간격으로 복사 ① 도형툴 도형 툴을 이용해 복사할 개체를 하나 만들어줍니다. 꼭 도형 툴이 아니어도 괜찮습니다

    ssimplay.tistory.com

    [Design/Photoshop] - 포토샵 배경 늘리기 방법 (칠하기 사용)

     

    포토샵 배경 늘리기 방법 (칠하기 사용)

    포토샵 배경 늘리기 방법을 알아보겠습니다. 1. 포토샵 배경 늘리기 준비 예시 이미지 ① 이미지 준비 배경 늘리기를 하려는 작업물이면 끝쪽이 아마 빈 공간이 있을 거예요 그렇죠? 어떤 경우에

    ssimplay.tistory.com

     

    그럼 이만.

    총총.

    반응형
    댓글
    위쪽 화살표
    도움이 되었다면 공감(하트)과 댓글을 부탁드려요.
    로딩바