GIF 효과 넣기 - GIF hyogwa neohgi

GIF 효과 넣기 - GIF hyogwa neohgi

지난 시간에 움짤 만드는 가장 기본적인 내용을 다뤘다면

오늘은 색보정 노이즈 제거 같은 복잡한 내용 들어가기 전에 

레이어를 사용한 간단하지만 유용하게 쓰이는 효과들 몇가지 다뤄볼게요

포토샵의 레이어 기본 개념

효과 설명하기 앞서 레이어에 대해서 잠깐 설명할게요

이 부분은 포토샵 레이어 개념에 대해 잘 모르는 뉴비들을 위한 내용입니다 

이미 알고 계시는 분들은 낙관/자막 넣기 부분부터 보셔도 됩니다

GIF 효과 넣기 - GIF hyogwa neohgi

보기 싫지만 흰색 사각형을 움짤에 넣어봤습니다

레이어 에 모든 움짤 레이어 위에 흰색 사각형 레이어가 올라간게 보이죠?

GIF 효과 넣기 - GIF hyogwa neohgi

레이어는 위에 있는 레이어가 아래에 있는 모든 레이어에게 영향을 줍니다

시각적으로 표현해봤는데 

우리가 보는 시각이 흑->백 방향이고 

움짤 레이어보다 흰색 레이어가 앞 (레이어 창에서는 위) 에 있으니 

그 아래에 있는 모든 움짤 레이어에 영향을 주겠죠?

GIF 효과 넣기 - GIF hyogwa neohgi

결과는 이렇게 모든 프레임에 흰색 레이어가 나오게 됩니다

GIF 효과 넣기 - GIF hyogwa neohgi

흰색 레이어를 레이어창에서 움짤 레이어들 중간에 넣어볼게요

GIF 효과 넣기 - GIF hyogwa neohgi

그럼 흰색 레이어가 움짤 레이어 중간에 들어가니

흰색 레이어보다 앞에 있는 (레이어 창에서는 위) 레이어에게는 영향을 주지 않고

뒤에 (레이어 창에서는 아래) 있는 레이어에만 영향을 주겠죠

흰색 레이어가 안보이긴 하는데 암튼 중간에 들어간거임

GIF 효과 넣기 - GIF hyogwa neohgi

결과물은 초반 레이어에는 안나오다가 중간부터만 흰색 레이어가 나오는걸 볼 수 있습니다 

GIF 효과 넣기 - GIF hyogwa neohgi

흰 레이어를 맨 아래에 놓으면 움짤 레이어에 가려져서 안보이겠죠

GIF 효과 넣기 - GIF hyogwa neohgi

결과물은 흰색 쪼가리가 안보이게 됩니다

이해가 좀 되시나요

레이어 기능은 움짤에 간단한 효과 넣기 외에도 

조정 레이어를 통해 색보정에서도 사용되는 중요한 기능이기 때문에 

똥손이긴 하지만 열심히 설명해봤어요

낙관/자막 넣기

GIF 효과 넣기 - GIF hyogwa neohgi

왼쪽 툴바에서 글자 도구를 선택합니다 단축키는 T

GIF 효과 넣기 - GIF hyogwa neohgi

낙관이나 자막 넣고 싶은 곳에 드래그해서 글자가 들어갈 상자를 만들어줍니다 

GIF 효과 넣기 - GIF hyogwa neohgi

예쁜 폰트 찾아서 적고 싶은 문구 적으면 끝

폰트나 크기 같은 설정은 상단 바에서도 가능하고 

더 세부적인 설정을 원한다면 창 (W) 탭에서 문자 창을 열어서 설정하시면 됩니다

글자 위치, 크기를 변경하고 싶을 땐 자유 변형 도구를 사용합니다 단축키는 ctrl+t

GIF 효과 넣기 - GIF hyogwa neohgi

낙관이 너무 눈에 들어와서 부담스러울 때 

레이어창 상단에 불투명도 를 조절합니다

해당 레이어의 불투명도를 조절하는 기능인데요 낙관이 티안나게 만들어줍니다

불투명도를 조정한 후에 타임라인 창에서 3줄 아이콘 누르고 프레임 전체에 레이어 일치 를 눌러줘야 

모든 프레임에 바뀐 불투명도가 적용됩니다 

이 기능은 이후 색보정에서도 자주 쓰이는 기능이니 미리 알아두세용

낙관 만들기

자막 같은 경우는 글자 도구로 매번 적어서 쓰지만

낙관 같이 자주 사용하는 글자는 따로 png 형식으로 저장해두었다가 꺼내쓰는게 좋습니다 

글자 낙관 만드는 방법 알아볼게요

파일 탭에서 새로 만들기 누른 다음 적당한 사이즈로 새 작업창을 만듭니다

GIF 효과 넣기 - GIF hyogwa neohgi

아까 배운대로 글자 도구로 글자를 써줍니다

글자 크기는 글자가 깨져 보이지 않을 정도로 넉넉하게 잡아주세요

GIF 효과 넣기 - GIF hyogwa neohgi

글자만 남게 테두리는 다 잘라내시고

레이어 창에서 배경 레이어를 삭제해 배경을 투명하게 만듭니다 

저 거대한걸 움짤에 그대로 넣으면 움짤을 다 가려버리겠죠? 사이즈를 줄여야합니다

사이즈를 줄이기 전 레이어 창에서 글자 레이어를 선택한뒤 우클릭 - 문자 레스터화 를 눌러주세요

글자 크기를 줄였을 때 계단 현상이 일어나 글자가 깨지고 가독성이 날라가는 일을 방지합니다

GIF 효과 넣기 - GIF hyogwa neohgi

이렇게 낙관을 코딱지만하게 줄였으면

파일 탭에서 다른 이름으로 저장, 형식은 PNG로 저장해주세요

PNG로 저장해야 투명한 배경을 인식합니다 

이제 저장해뒀다가 쓸 일이 생기면 꺼내다가 움짤 레이어 위에 복붙해서 쓰면 되겠죵

특정 프레임에서만 글자 보이게 만들기 

주로 자막 쓸 때 쓰는 기능입니다 

GIF 효과 넣기 - GIF hyogwa neohgi

타임라인 창에서 글자가 안보일 프레임만 선택한 뒤, (shift클릭, alt클릭)

레이어 창에서 글자 레이어 옆에 눈을 꺼주세요 

이 기능은 글자 레이어뿐만 아니라 다양한 레이어를 드러내고 숨기는데 사용할 수 있습니다 

GIF 효과 넣기 - GIF hyogwa neohgi
설명한 기능으로 만든 자막 움짤

배경색 넣기

GIF 효과 넣기 - GIF hyogwa neohgi

먼저 상단의 이미지 탭에서 캔버스 크기를 원하는만큼 늘립니다

이미지 크기 조정과 캔버스 크기 조정의 차이점은 

이미지 크기는 사진의 크기를 조절하는 거라면

캔버스는 이미지의 액자틀 사이즈를 늘리고 줄이는 거라고 보면 됩니다 

캔버스 크기가 이미지보다 작으면 이미지가 잘리고 

이미지보다 크면 여백은 투명으로 표시됩니다 

GIF 효과 넣기 - GIF hyogwa neohgi

이렇게 움짤의 여백에 투명한 배경이 나옵니다

GIF 효과 넣기 - GIF hyogwa neohgi

모든 움짤 레이어 아래에 레이어 하나를 추가해주세요

GIF 효과 넣기 - GIF hyogwa neohgi

레이어 창 하단에 조정 레이어를 선택하고 단색을 눌러주세요

GIF 효과 넣기 - GIF hyogwa neohgi

색상 피커가 나오면 자기가 원하는 배경색 넣어주면 끝 

GIF 효과 넣기 - GIF hyogwa neohgi
배경색 넣은 움짤. 샤샤 귀엽죠?

n분할 움짤 만들기 

GIF 효과 넣기 - GIF hyogwa neohgi
GIF 효과 넣기 - GIF hyogwa neohgi

먼저 움짤 여러개를 준비합니다

전 2분할로 만들어볼게요

여기서 중요한 점은 모든 움짤의 프레임 수가 같아야 한다는 점입니다 

프레임 수가 맞지 않는다면 제일 프레임 수가 작은 움짤 기준으로 프레임 다이어트 시켜주세요

GIF 효과 넣기 - GIF hyogwa neohgi

꼭 할 필요는 없지만 해두면 편리합니다

움짤마다 레이어 창에서 모든 레이어를 선택한 후 그룹으로 묶어주세요 단축키는 ctrl+G 

GIF 효과 넣기 - GIF hyogwa neohgi

움짤 중 하나 골라서

이미지 탭에서 캔버스 크기 기능으로 나머지 움짤이 들어갈 수 있게 

캔버스 크기를 키워주세요

캔버스 크기를 넓혀놓은 움짤을 붙여질 움짤, 그외에 움짤을 일 움짤이라고 할게요

GIF 효과 넣기 - GIF hyogwa neohgi

붙여질 움짤에서 모든 레이어와 모든 프레임을 선택합니다 

GIF 효과 넣기 - GIF hyogwa neohgi

붙일 움짤에서 모든 프레임을 선택한 후  타임라인 창의 도구 중 프레임 복사 눌러주세요

GIF 효과 넣기 - GIF hyogwa neohgi

붙여질 움짤로 돌아와서 도구 중에서 프레임 붙여넣기 누르고 

선택 항목 위에 붙여넣기로 선택해주세요

GIF 효과 넣기 - GIF hyogwa neohgi

움짤 두개가 이제 한 타임라인에 들어갔습니다

움짤마다 자유 변형 도구 (ctrl+T) 로 안곂치게 움직여주면 끝

2분할 이상은 붙여질 움짤의 프레임과 레이어 전체 선택부터 다시 진행해주면 됩니다

GIF 효과 넣기 - GIF hyogwa neohgi
위 작업을 반복하면 이렇게 9분할이 만들어집니다
GIF 효과 넣기 - GIF hyogwa neohgi
배경 움짤도 동일한 방식으로 넣습니다. Background gif Produced by Lematworks.  https://lematworks.myportfolio.com/

궁금한 점 있으면 댓글로 알려주세용