포토샵 프레임 만들기 - potosyab peuleim mandeulgi

일련의 사진과 프레임 애니메이션을 사용하여 애니메이션 GIF를 만드는 방법을 살펴보세요.

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

Photoshop에서 일련의 사진을 반복 재생되는 애니메이션 GIF로 변환하는 방법을 살펴보세요.

이 기법은 DSLR 카메라 또는 모바일 디바이스로 촬영한 일련의 사진을 사용하여 타임랩스 애니메이션을 만드는 데 유용합니다. 이 예제의 경우 iPhone의 연속 촬영 모드로 촬영한 일련의 사진을 사용합니다. 위의 샘플 에셋을 다운로드하여 압축을 풀거나 보유하고 있는 일련의 사진들을 사용하십시오.

팁: 또한 이 기법을 사용하여 짧은 비디오에서 애니메이션 GIF를 만들 수도 있습니다. 1단계(선택 사항)로 스크롤하여 비디오 파일을 사용하는 방법을 살펴보십시오.

일련의 사진 가져오기

Photoshop을 열고 파일 > 스크립트 > 스택으로 파일 불러오기를 선택합니다.

찾아보기를 클릭하고 사용할 사진을 찾습니다. Shift 키를 누른 상태에서 모든 파일을 선택하고 열기를 클릭합니다.

확인을 클릭하여 사진들을 레이어로 구성된 하나의 파일로 가져옵니다.

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

작업 영역의 오른쪽에 있는 레이어 패널에 여러 개의 새 레이어가 생성됩니다.

개별 레이어는 애니메이션 GIF의 프레임이 됩니다.

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

선택 사항: 비디오 가져오기

짧은 비디오를 사용하려면 먼저 해당 비디오의 프레임을 개별 레이어로 변환해야 합니다. 파일 > 가져오기 > 비디오 프레임을 레이어로...를 선택합니다.

사용할 비디오 파일을 검색하여 선택한 다음 열기를 클릭합니다.

확인을 클릭하여 비디오 프레임을 레이어로 구성된 하나의 파일로 변환합니다.

참고: Photoshop에서 너무 긴 비디오는 가져오지 못할 수도 있습니다. 가져오기 창의 옵션을 사용하여 가져올 프레임 수를 제한합니다. 전체 비디오를 가져오거나 비디오의 한 범위만 선택할 수 있습니다. 또한 가져올 프레임 수를 2개 프레임 간격과 같이 일정한 간격으로 제한할 수 있습니다.

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

타임라인 열기

창 > 타임라인을 선택하여 타임라인 패널을 엽니다.

패널 가운데에 있는 버튼의 화살표를 클릭하고 프레임 애니메이션 만들기를 선택한 다음 이 버튼을 클릭하여 새 프레임 애니메이션을 만듭니다.

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

애니메이션 프레임으로 레이어 변환

타임라인 패널의 오른쪽 상단에 있는 메뉴 아이콘을 클릭하고 레이어에서 프레임 만들기를 클릭합니다.

그러면 레이어 패널에 있는 모든 레이어가 애니메이션의 개별 프레임으로 변환됩니다.

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

타임라인 패널 하단에 있는 재생 버튼을 클릭하거나 키보드의 스페이스바를 눌러 애니메이션을 미리 봅니다.

참고: 애니메이션이 반대로 재생되면 타임라인의 메뉴 아이콘을 다시 클릭한 다음 프레임 반전을 선택합니다.

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

애니메이션 반복 설정

타임라인 패널 하단에 있는 반복 메뉴를 클릭하고 계속을 선택하면 애니메이션이 계속 반복됩니다.

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

타임라인 패널 하단에 있는 재생 버튼을 클릭하거나 키보드의 스페이스바를 눌러 애니메이션을 미리 봅니다.

GIF로 애니메이션 내보내기

파일 > 내보내기 > 웹용으로 저장(레거시)...를 선택합니다.

  1. 사전 설정 메뉴에서 GIF 128 디더를 선택합니다.
  2. 색상 메뉴에서 256을 선택합니다.
  3. 온라인에서 이 GIF를 사용하거나 애니메이션 파일 크기를 줄이려면 이미지 크기 옵션에서 폭과 높이 필드를 변경합니다.
  4. 루핑 옵션 메뉴에서 계속을 선택합니다.

내보내기 창의 왼쪽 하단에 있는 미리 보기... 버튼을 클릭하여 웹 브라우저에서 GIF를 미리 봅니다.

저장...을 클릭하고 애니메이션 GIF 파일의 저장 위치를 선택합니다.

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

이상입니다. 지금까지 애니메이션 GIF를 만들어 보았습니다. 직접 만든 애니메이션 GIF를 온라인에 게시해 보십시오.

또한 레이어로 구성된 Photoshop 파일이라면 이 기법을 사용할 수 있습니다.

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

안녕하세요:) 오늘은 제가 넷플릭에서 재밌게 보던 종이의 집을 보고 작업을 만들어보게 되었어요!

작업물의 원작자는 인스타그램에서 알게된 @PANTOP이라는 작가에요!

다양한 컬러에 인물들을 합성하는데요.

이것이 팬톤의 색상컬러를 연상시키는 작업물이라 오늘의 예제로 준비해봤답니다:D

중간중간 부족한 부분들은 이음컴퓨터학원에 준비되어있는 포스팅을 참고할 수 있도록 할께요!

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

▲ 작업하고 싶은 이미지를 불러줍니다!

File < Open

Ctrl + O

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

▲ 이 작업물의 주인공이 될 사람 혹은 사물을 펜툴을 이용하여 누끼를 따줄께요!

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

▲ 만들어진 패스는 패스레이어에서 우클릭을 하고 Make Selection으로 선택영역을 만들고 복사해주세요!

복사하기 Ctrl + C

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

▲ 자! 이제는 작업할 영역을 만들께요.

저는 작게 500*500px로 만들었어요!

사이즈는 원하시는대로 하시면 됩니다.

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

▲ 여러분들이 원하시는 컬러로 배경색을 지정해주세요!

전경색을 채우는 단축키는 Alt + Delete입니다!

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

▲ 그리고 도형툴을 사용하여 세로로 긴 사각형을 만들께요.

대신 프레임처럼 보이기 위해서 면색은 흰색으로 선색은 없음으로 해주세요.

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

▲ 그리고 이번엔 정사각형 도형을 그릴텐데요!

정사각형을 그릴때에는 Shift를 눌러 비율이 고정되도록 해주세요.

그리고 이번엔 Fill색을 배경색과 같도록 합니다.

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

▲ 그리고 만들어진 도형들을 화면의 중앙에 오도록 조절할텐데요.

전체선택 Ctrl + A으로 선택영역을 잡아주시고,

도형레이어를 Shift를 눌러서 선택하여 다중선택합니다.

그 상태에서 상단 메뉴바에 있는 정렬 아이콘 중 중앙정렬을 눌러서 정렬합니다!

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

▲ 이동툴을 사용하여 정사각형인 도형레이어를 선택하여

위쪽으로 적절하게 이동도 해주세요!

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

▲ 그리고, 방금 작업해서 복사한 이미지를 Ctrl+V로 붙여넣고

크기조절Ctrl+T로 프레임 밖으로 튀어나갈 것을 예상하고 조절해주세요!

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

▲ 그리고, 이번에는 Ctrl을 누른상태에서 정사각형 도형레이어의 썸네일을 선택합니다.

그러면 사각형 모양의 선택영역이 생기는데요.

이 때, 이미지레이어를 클릭하고 레이어마스크를 선택해주세요!

그러면 프레임 안쪽에만 이미지가 남고 사라지죠~!

*레이어 마스크에 대한 이해가 꼭 필요합니다!*

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

▲ 마스크 영역을 선택한 상태에서 여러분들은 브러쉬툴을 선택합니다.

브러쉬툴의 색상은 반드시 흰색을 사용하여 제가 의도하여 튀어나가는 부분을 다시 색칠합니다.

그러면 흰색으로 칠해진 부분은 다시 이미지가 보이죠?

포토샵 프레임 만들기 - potosyab peuleim mandeulgi

▲ 그리고, 마무리로는 여러분들이 적고싶은 문구를 사용하여서 꾸며주시면 됩니다:)

인스타그램에서 제가 따라한 작가의 인스타그램을 통해

더욱 많은 작업물들을 구경해보세요~!