사용 안내서 취소

프레임 애니메이션 만들기

  1. Photoshop 사용 안내서
  2. Photoshop 소개
    1. 꿈을 꾸세요. 만들어 보세요.
    2. Photoshop의 새로운 기능
    3. 첫 사진 편집
    4. 문서 만들기
    5. Photoshop | 일반적인 질문
    6. Photoshop 시스템 요구 사항
    7. 사전 설정, 액션 및 설정 마이그레이션
    8. Photoshop에 대해 알아보기
  3. Photoshop 및 Adobe 서비스
    1. Photoshop 및 Adobe Stock
    2. Creative Cloud 라이브러리
    3. Photoshop의 Creative Cloud Libraries
    4. Photoshop에서 Touch Bar 사용
    5. Photoshop에서 Illustrator 아트워크 작업
    6. Photoshop의 Capture 앱 내 확장 프로그램 사용
    7. 격자 및 안내선
    8. 동작 만들기
    9. 실행 취소 및 작업 내역
    10. 기본 키보드 단축키
    11. 터치 기능 및 사용자 정의 가능 작업 영역
  4. iPad용 Photoshop
    1. iPad용 Photoshop | 일반적인 질문
    2. 작업 영역 알아보기
    3. 시스템 요구 사항 | iPad용 Photoshop
    4. 문서 만들기, 열기, 내보내기
    5. 사진 추가
    6. 레이어를 사용한 작업
    7. 브러시를 사용하여 그리기 및 페인팅
    8. 선택 및 마스크 추가
    9. 합성 이미지 재손질
    10. 조정 레이어를 사용하여 작업
    11. 커브를 사용하여 컴포지션의 톤수 조정
    12. 변환 작업 적용
    13. 합성 자르기 및 회전
    14. 캔버스 회전, 이동, 확대/축소 및 재설정
    15. 문자 레이어를 사용하여 작업
    16. Photoshop 및 Lightroom을 사용하여 작업
    17. iPad용 Photoshop에서 누락된 글꼴 받기
    18. iPad에서 Photoshop의 일본어 텍스트
    19. 앱 설정 관리
    20. 터치 바로 가기 키 및 제스처
    21. 키보드 단축키
    22. 이미지 크기 편집
    23. iPad에서 Photoshop으로 라이브 스트리밍
    24. 복구 브러시를 사용하여 결함 수정
    25. [캡처]에서 브러쉬를 만들어 Photoshop에서 사용
    26. Camera Raw 파일을 사용한 작업
    27. 고급 개체 만들기 및 작업
    28. 닷지 및 번으로 이미지의 노출 조정
  5. 웹용 Photoshop 베타
    1. 일반적인 질문 | 웹용 Photoshop 베타 
    2. 작업 영역 소개
    3. 시스템 요구 사항 | 웹용 Photoshop Beta
    4. 키보드 단축키 | 웹용 Photoshop 베타
    5. 지원되는 파일 형식 | Photoshop 웹 버전(베타)
    6. 클라우드 문서를 열고 작업하기
    7. 이해 관계자와 공동 작업
    8. 클라우드 문서에 제한된 편집 적용
  6. 클라우드 문서
    1. Photoshop 클라우드 문서 | 일반적인 질문
    2. Photoshop 클라우드 문서 | 작업 과정 질문
    3. Photoshop에서 클라우드 문서 관리 및 작업
    4. Photoshop용 클라우드 스토리지 업그레이드
    5. 클라우드 문서를 만들거나 저장할 수 없음
    6. Photoshop 클라우드 문서 오류 해결
    7. 클라우드 문서 동기화 로그 수집
    8. 클라우드 문서 액세스 공유 및 편집
    9. 파일 공유 및 인앱 주석
  7. 작업 영역
    1. 작업 영역 기본 사항
    2. 문서 만들기
    3. Photoshop에서 Touch Bar 사용
    4. Photoshop에서 Microsoft 다이얼 지원
    5. 도구 갤러리
    6. 성능 기본 설정
    7. 도구 사용
    8. 터치 제스처
    9. 터치 기능 및 사용자 정의 가능 작업 영역
    10. 기술 미리 보기
    11. 메타데이터 및 메모
    12. 생성한 내용 빠르게 공유
    13. 다른 응용 프로그램에 Photoshop 이미지 배치
    14. 환경 설정
    15. 기본 키보드 단축키
    16. 눈금자
    17. 인쇄되지 않는 표시자 표시 또는 숨기기
    18. 이미지의 열 지정
    19. 실행 취소 및 작업 내역
    20. 패널 및 메뉴
    21. 다른 응용 프로그램으로
    22. 스냅을 사용하여 요소 위치 지정
    23. 눈금자 도구를 사용하여 위치 지정
    24. 사전 설정
    25. 키보드 단축키 사용자 정의
    26. 격자 및 안내선
  8. 웹, 화면 및 앱 디자인
    1. 디자인용 Photoshop
    2. 대지
    3. 장치 미리 보기
    4. 레이어에서 CSS 복사
    5. 웹 페이지 분할
    6. 분할 영역에 대한 HTML 옵션
    7. 분할 영역 레이아웃 수정
    8. 웹 그래픽 작업
    9. 웹 포토 갤러리 만들기
  9. 이미지 및 색상 기본 사항
    1. 이미지 크기 조정 방법
    2. 래스터 및 벡터 이미지 작업
    3. 이미지 크기 및 해상도
    4. 카메라 및 스캐너에서 이미지 얻기
    5. 이미지 만들기, 열기 및 가져오기
    6. 이미지 보기
    7. 잘못된 JPEG 표시자 오류 | 이미지 열기
    8. 여러 이미지 보기
    9. 색상 피커 및 색상 견본 사용자 정의
    10. HDR(High Dynamic Range) 이미지
    11. 이미지의 색상 일치
    12. 색상 모드 간 변환
    13. 색상 모드
    14. 이미지의 일부 지우기
    15. 혼합 모드
    16. 색상 선택
    17. 인덱스 색상표 사용자 정의
    18. 이미지 정보
    19. 왜곡 필터를 사용할 수 없음
    20. 색상 정보
    21. 채널을 사용하여 색상 및 단색 조정
    22. 색상 및 색상 견본 패널에서 색상 선택
    23. 견본
    24. 색상 모드 또는 이미지 모드
    25. 색상 경향성
    26. 액션에 조건부 모드 변경 추가
    27. HTML CSS 및 SVG에서 색상 견본 추가
    28. 비트 심도 및 환경 설정
  10. 레이어
    1. 레이어 기본 정보
    2. 원본 이미지의 데이터 손실이 없는 비파괴 편집
    3. 레이어 및 그룹 생성 및 관리
    4. 레이어 선택, 그룹화 및 연결
    5. 프레임에 이미지 가져오기
    6. 레이어 불투명도 및 혼합
    7. 마스크 레이어
    8. 스마트 필터 적용
    9. 레이어 구성 요소
    10. 레이어 이동, 스택 및 잠금
    11. 벡터 마스크를 사용하여 레이어 마스크
    12. 레이어 및 그룹 관리
    13. 레이어 효과 및 스타일
    14. 레이어 마스크 편집
    15. 자산 추출
    16. 클리핑 마스크로 레이어 표시
    17. 레이어에서 이미지 자산 생성
    18. 고급 개체 사용
    19. 혼합 모드
    20. 여러 이미지를 결합하여 단체 사진 만들기
    21. 레이어 자동 혼합을 사용하여 이미지 결합
    22. 레이어 정렬 및 배분
    23. 레이어에서 CSS 복사
    24. 레이어 또는 레이어 마스크 경계에서 선택 영역 불러오기
    25. 녹아웃으로 다른 레이어의 내용 나타내기
    26. 레이어
    27. 병합
    28. 합성
    29. 배경
  11. 선택 영역
    1. 선택 및 마스크 작업 영역
    2. 빠른 선택 영역 만들기
    3. 선택 영역으로 시작
    4. 선택 윤곽 도구를 사용하여 선택
    5. 올가미 도구로 선택
    6. 이미지의 색상 범위 선택
    7. 픽셀 선택 조정
    8. 패스와 선택 영역 테두리 간 변환
    9. 채널 기본
    10. 선택한 픽셀 이동, 복사 및 삭제
    11. 임시 빠른 마스크 만들기
    12. 선택 영역 및 알파 채널 마스크 저장
    13. 초점이 되는 이미지 영역 선택
    14. 채널 복제, 분할 및 병합
    15. 채널 연산
    16. 선택 영역
    17. 테두리 상자
  12. 이미지 조정
    1. 원근 뒤틀기
    2. 카메라 흔들림 흐림 효과 감소
    3. 복구 브러시 예
    4. 색상 검색 테이블 내보내기
    5. 이미지 선명도 및 흐림 효과 조정
    6. 색상 조정 이해
    7. 명도/대비 조정 적용
    8. 어두운 영역과 밝은 영역의 세부 묘사 조정
    9. 수준 조정
    10. 색조 및 채도 조정
    11. 활기 조정
    12. 이미지 영역의 색상 채도 조정
    13. 빠른 톤 조정
    14. 이미지에 특수 색상 효과 적용
    15. 색상 균형 조정을 사용하여 이미지 향상
    16. HDR(High Dynamic Range) 이미지
    17. 막대 그래프와 픽셀 값 보기
    18. 이미지의 색상 일치
    19. 사진을 자른 후 똑바르게 하는 방법
    20. 컬러 이미지를 흑백으로 변환
    21. 조정 및 칠 레이어
    22. 곡선 조정
    23. 혼합 모드
    24. 인쇄업체로 보내기 위한 대상 이미지
    25. 수준 및 곡선 스포이드로 색상 및 색조 조정
    26. HDR 노출 및 토닝 조정
    27. 필터
    28. 흐림 효과
    29. 이미지 영역 닷지 또는 번
    30. 선택 색상 조정
    31. 개체 색상 대체
  13. Adobe Camera Raw
    1. Camera Raw 시스템 요구 사항
    2. Camera Raw의 새로운 기능
    3. Camera Raw 소개
    4. 파노라마 만들기
    5. 지원되는 렌즈
    6. Camera Raw의 비네팅, 그레인 및 안개 현상 제거 효과
    7. 기본 키보드 단축키
    8. Camera Raw의 자동 원근 교정
    9. Camera Raw에서 비파괴 편집을 수행하는 방법
    10. Camera Raw 방사형 필터
    11. Camera Raw 설정 관리
    12. Camera Raw에서 이미지 열기, 처리 및 저장
    13. Camera Raw의 향상된 별색 제거 도구를 사용하여 이미지 복구
    14. 회전, 자르기 및 이미지 조정
    15. Camera Raw에서 색상 렌더링 조정
    16. 기능 요약 | Adobe Camera Raw | 2018 릴리스
    17. 새로운 기능 요약
    18. Camera Raw의 프로세스 버전
    19. Camera Raw에서 로컬 조정 수행
  14. 이미지 복구 및 복원
    1. [내용 인식 채우기]로 사진에서 개체 제거하기
    2. 내용 인식 패치 및 이동
    3. 사진 손질 및 복구
    4. 이미지 왜곡 및 노이즈 교정
    5. 대부분의 문제를 수정할 수 있는 기본 문제 해결 단계
  15. 이미지 변형
    1. 개체 변형
    2. 자르기, 회전 및 캔버스 크기 조정
    3. 사진을 자른 후 똑바르게 하는 방법
    4. 파노라마 이미지 만들기 및 편집
    5. 이미지, 모양 및 패스의 뒤틀기
    6. 소실점
    7. 픽셀 유동화 필터 사용
    8. 내용 인식 크기 조절
    9. 이미지, 모양 및 패스 변환
    10. 뒤틀기
    11. 변형
    12. 파노라마
  16. 그리기 및 페인팅
    1. 대칭 패턴 페인트
    2. 사각형 그리기 및 획 옵션 수정
    3. 그리기 정보
    4. 모양 그리기 및 편집
    5. 페인팅 도구
    6. 브러시 만들기 및 수정
    7. 혼합 모드
    8. 패스에 색상 추가
    9. 패스 편집
    10. 혼합 브러시를 사용하여 페인트
    11. 브러시 사전 설정
    12. 그레이디언트
    13. 그레이디언트 보간
    14. 선택 영역, 레이어 및 패스 채우기 및 획 그리기
    15. 펜 도구를 사용하여 그리기
    16. 패턴 만들기
    17. 패턴 작성기를 사용하여 패턴 생성
    18. 패스 관리
    19. 패턴 라이브러리 및 사전 설정 관리
    20. 그래픽 태블릿으로 그리기 또는 페인트
    21. 텍스처 브러시 만들기
    22. 브러시에 움직임 요소 추가
    23. 그레이디언트
    24. 미술 작업 내역 브러시로 스타일화된 획 페인팅
    25. 패턴을 사용하여 페인트
    26. 여러 장치에서 사전 설정 동기화
  17. 텍스트
    1. OpenType SVG 글꼴을 사용한 작업
    2. 문자 서식 지정
    3. 단락 서식 지정
    4. 문자 효과를 만드는 방법
    5. 텍스트 편집
    6. 행과 문자 간격
    7. 아랍어 및 히브리어 문자
    8. 글꼴
    9. 글꼴 문제 해결
    10. 아시아 언어 문자
    11. 문자 만들기
    12. Photoshop에서 입력 도구를 사용하는 경우 발생하는 텍스트 엔진 오류 | Windows 8
    13. 아시아 스크립트용 세계 통용 작성기
    14. Photoshop에서 텍스트를 추가하고 편집하는 방법
  18. 비디오 및 애니메이션
    1. Photoshop에서 비디오 편집
    2. 비디오 및 애니메이션 레이어 편집
    3. 비디오 및 애니메이션 개요
    4. 비디오 및 애니메이션 미리 보기
    5. 비디오 레이어의 프레임 페인트
    6. 비디오 파일 및 이미지 시퀀스 가져오기
    7. 프레임 애니메이션 만들기
    8. Creative Cloud 3D 애니메이션(미리 보기)
    9. 타임라인 애니메이션 만들기
    10. 비디오용 이미지 만들기
  19. 필터 및 효과
    1. 픽셀 유동화 필터 사용
    2. 흐림 효과 갤러리 사용
    3. 필터 기본 정보
    4. 필터 효과 참고 자료
    5. 조명 효과 추가
    6. 응용 광각 필터 사용
    7. 유화 필터 사용
    8. 레이어 효과 및 스타일
    9. 특정 필터 적용
    10. 이미지 영역에 문지르기 효과 만들기
  20. 저장 및 내보내기
    1. Photoshop에서 파일 저장
    2. Photoshop에서 파일 내보내기
    3. 지원되는 파일 형식
    4. 그래픽 형식으로 파일 저장
    5. Photoshop과 Illustrator 간 디자인 이동
    6. 비디오 및 애니메이션 저장 및 내보내기
    7. PDF 파일 저장
    8. Digimarc 저작권 보호
  21. 인쇄
    1. 3D 개체 인쇄
    2. Photoshop에서 인쇄
    3. 색상 관리를 이용한 인쇄
    4. 밀착 인화 및 PDF 프레젠테이션
    5. 사진 패키지 레이아웃으로 사진 인쇄
    6. 별색 인쇄
    7. 이중톤
    8. 상업용 인쇄기로 이미지 인쇄
    9. Photoshop에서 색상 인쇄 개선
    10. 인쇄 문제 해결 | Photoshop
  22. 자동화
    1. 동작 만들기
    2. 데이터 기반 그래픽
    3. 스크립팅
    4. 파일 일괄 처리
    5. 액션 실행 및 관리
    6. 조건부 액션 추가
    7. 액션 및 액션 패널 정보
    8. 액션 중인 도구 기록
    9. 액션에 조건부 모드 변경 추가
    10. 플러그인 및 스크립트용 Photoshop UI 도구 키트
  23. 색상 관리
    1. 색상 관리의 이해
    2. 일관된 색상 유지
    3. 색상 설정
    4. 색상 프로파일 작업
    5. 온라인으로 보기 위한 문서 색상 관리
    6. 인쇄할 때 문서 색상 관리
    7. 가져온 이미지 색상 관리
    8. 색상 교정
  24. 콘텐츠 신뢰성
    1. 콘텐츠 자격 증명에 대해 알아보기
    2. NFT의 ID 및 출처
    3. 크리에이티브 속성을 위한 계정 연결
  25. 3D 및 전문 이미징
    1. Photoshop 3D | 중단된 3D 기능에 대한 일반적인 질문
    2. Creative Cloud 3D 애니메이션(미리 보기)
    3. 3D 개체 인쇄
    4. 3D 페인팅
    5. 3D 패널 향상 | Photoshop
    6. 기본 3D 개념 및 도구
    7. 3D 렌더링 및 저장
    8. 3D 개체 및 애니메이션 만들기
    9. 이미지 스택
    10. 3D 작업 과정
    11. 측정
    12. DICOM 파일
    13. Photoshop 및 MATLAB
    14. 이미지에 있는 개체 카운트
    15. 3D 개체 결합 및 변환
    16. 3D 텍스처 편집
    17. HDR 노출 및 토닝 조정
    18. 3D 패널 설정
참고:

Photoshop CC 이전 버전의 Photoshop에서는 Photoshop Extended가 있는 경우에만 이 문서에서 설명한 일부 기능이 사용 가능할 수 있습니다. Photoshop에는 별도의 Extended 제공 기능이 없습니다. Photoshop Extended의 모든 기능은 Photoshop의 일부입니다.

프레임 애니메이션 작업 과정

Photoshop에서는 [타임라인] 패널을 사용하여 애니메이션 프레임을 만들 수 있습니다. 각 프레임은 레이어 구성을 나타냅니다.

참고:

타임라인과 키프레임을 사용하여 애니메이션을 만들 수도 있습니다. 자세한 내용은 타임라인 애니메이션 만들기를 참조하십시오.

Photoshop 프레임 애니메이션 작업 과정
애니메이션 그림. 자전거 이미지가 자체 레이어 위에 있으며, 레이어의 위치가 애니메이션의 각 프레임에서 바뀝니다.

Photoshop에서 프레임 기반 애니메이션을 만들려면 다음과 같은 일반 작업 과정을 사용하십시오.

새 문서를 엽니다.

아직 표시되지 않으면 [타임라인] 및 [레이어] 패널을 엽니다. [타임라인] 패널이 프레임 애니메이션 모드인지 확인하십시오. [타임라인] 패널의 중앙에서 아래쪽 화살표를 클릭하여 [프레임 애니메이션 만들기]를 선택한 다음 화살표 옆에 있는 단추를 클릭합니다.

레이어를 추가하거나 배경 레이어를 변환합니다.

배경 레이어는 애니메이션으로 저장할 수 없으므로 새 레이어를 추가하거나 배경 레이어를 일반 레이어로 변환합니다. 자세한 내용은 배경 및 레이어 변환을 참조하십시오.

애니메이션에 내용을 추가합니다.

애니메이션에 독립적인 애니메이션으로 저장된 몇 개의 개체가 있거나, 개체의 색상을 변경하거나, 프레임의 내용을 완전히 변경하려면 별도의 레이어에서 개체를 만듭니다.

[타임라인] 패널에 프레임을 추가합니다.

자세한 내용은 애니메이션에 프레임 추가를 참조하십시오.

프레임을 선택합니다.

자세한 내용은 애니메이션 프레임 선택을 참조하십시오.

선택된 프레임의 레이어를 편집합니다.

다음 중 하나를 수행합니다.

  • 각 레이어의 가시성을 켜거나 끕니다.

  • 개체 또는 레이어의 위치를 변경하여 레이어 내용이 이동하게 만듭니다.

  • 레이어 불투명도를 변경하여 내용에 페이드인 또는 페이드아웃 효과를 적용합니다.

  • 레이어의 혼합 모드를 변경합니다.

  • 레이어에 스타일을 추가합니다.

    Photoshop에는 프레임 전체에서 레이어 특성을 동일하게 유지할 수 있는 도구가 있습니다. 애니메이션 프레임에서 레이어 속성 통합을 참조하십시오.

필요에 따라 더 많은 프레임을 추가하거나 레이어를 편집합니다.

만들 수 있는 프레임 수는 Photoshop에서 사용할 수 있는 시스템 메모리의 양만 충분하다면 제한이 없습니다.

[트윈] 명령을 사용하면 패널에서 기존의 두 프레임 사이에 중간 단계를 추가하는 일련의 새 프레임을 자동으로 생성할 수 있습니다. 이 기능을 사용하면 개체가 화면을 가로질러 이동하거나 페이드인 또는 페이드아웃하는 효과를 빠르게 만들 수 있습니다. 자세한 내용은 트윈을 사용하여 프레임 만들기를 참조하십시오.

프레임 지연 및 루핑 옵션을 설정합니다.

각 프레임에 지연 시간을 할당하고 루핑을 지정하여 애니메이션이 한 번, 특정 횟수 또는 연속적으로 실행되도록 할 수 있습니다. 자세한 내용은 프레임 애니메이션의 지연 시간 지정프레임 애니메이션의 루핑 지정을 참조하십시오.

애니메이션을 미리 봅니다.

애니메이션을 만들면서 [타임라인] 패널에 있는 컨트롤을 사용하여 애니메이션을 재생해 볼 수 있습니다. 그런 다음 웹용으로 저장 명령을 사용하여 웹 브라우저에서 애니메이션을 미리 봅니다. 

애니메이션을 효율적으로 다운로드할 수 있도록 최적화합니다.

자세한 내용은 애니메이션 프레임 최적화를 참조하십시오.

애니메이션을 저장합니다.

프레임 애니메이션을 저장하는 옵션은 다양합니다.

  • [웹용으로 저장] 명령을 사용하여 애니메이션 GIF로 저장합니다.

  • 나중에 애니메이션에서 더 많은 작업을 할 수 있도록 Photoshop 형식(PSD)으로 저장할 수 있습니다.

  • 이미지 시퀀스, QuickTime 동영상 또는 별도의 파일로 저장할 수 있습니다. 자세한 내용은 비디오 파일 또는 이미지 시퀀스 내보내기를 참조하십시오.

애니메이션에 프레임 추가

애니메이션을 만드는 첫 번째 단계는 프레임을 추가하는 것입니다. 이미지를 열면 해당 이미지가 [타임라인] 패널에 새 애니메이션의 첫 번째 프레임으로 표시됩니다. 프레임을 추가할 때마다 이전 프레임이 그대로 복제되어 시작됩니다. 그런 다음 [레이어] 패널을 사용하면 프레임의 내용을 변경할 수 있습니다.

  1. [타임라인] 패널이 프레임 애니메이션 모드인지 확인하십시오.

  2. [선택한 프레임 복제] 단추 를 클릭합니다.

애니메이션 프레임 선택

특정 프레임으로 작업하려면 먼저 해당 프레임을 현재 프레임으로 선택해야 합니다. 현재 프레임의 내용은 문서 창에 표시됩니다.

[타임라인] 패널에서 프레임 축소판 둘레의 음영이 강조된 선택 영역 안에 좁은 테두리가 표시된 것이 현재 프레임입니다. 선택된 프레임은 프레임 축소판 둘레가 음영으로 강조되어 표시됩니다.

하나의 애니메이션 프레임 선택

  1. [타임라인] 패널에서 다음 중 하나를 수행합니다.

    • 프레임을 클릭합니다.

    • [다음 프레임 선택] 단추 를 클릭하여 일련의 프레임 중 다음 프레임을 현재 프레임으로 선택합니다.

    • [이전 프레임 선택] 단추 를 클릭하여 일련의 프레임 중 이전 프레임을 현재 프레임으로 선택합니다.

    • [첫 번째 프레임 선택] 단추 를 클릭하여 일련의 프레임 중 첫 번째 프레임을 현재 프레임으로 선택합니다.

여러 애니메이션 프레임 선택

  1. [타임라인] 패널에서 다음 중 하나를 수행합니다.

    • 인접한 여러 개의 프레임을 동시에 선택하려면 Shift 키를 누른 상태에서 두 번째 프레임을 클릭합니다. 두 번째 프레임 및 첫 번째와 두 번째 사이에 있는 모든 프레임이 선택 항목에 추가됩니다.

    • 인접하지 않은 여러 프레임을 동시에 선택하려면 Ctrl 키(Windows) 또는 Command 키(Mac OS)를 누른 상태에서 선택된 프레임에 추가할 프레임을 클릭합니다.

    • 모든 프레임을 선택하려면 패널 메뉴에서 모든 프레임 선택을 선택합니다.

    • 선택된 여러 프레임 중 하나의 프레임만 선택을 해제하려면 Ctrl 키(Windows) 또는 Command 키(Mac OS)를 누른 상태에서 그 프레임을 클릭합니다.

애니메이션 프레임 편집

  1. [타임라인] 패널에서 하나 이상의 프레임을 선택합니다.

  2. 다음 중 하나를 수행합니다.
    • 애니메이션 프레임에 있는 개체의 내용을 편집하려면 [레이어] 패널을 사용하여 그 프레임에 영향을 주는 이미지의 레이어를 수정합니다.
    • 애니메이션 프레임에 있는 개체의 위치를 변경하려면 [레이어] 패널에서 개체가 포함된 레이어를 선택한 다음 새 위치로 드래그합니다.
    참고:

    여러 프레임의 위치를 선택하고 변경할 수 있습니다. 그러나 서로 떨어져 있는 여러 프레임을 새 위치로 드래그하면 프레임이 인접하게 됩니다.

    • 애니메이션 프레임의 순서를 반대로 바꾸려면 패널 메뉴에서 [프레임 반전]을 선택합니다.
    참고:

    반전할 프레임은 인접하지 않아도 됩니다. 선택된 프레임은 모두 반전할 수 있습니다.

    • 선택된 프레임을 삭제하려면 [타임라인] 패널 메뉴에서 [프레임 삭제]를 선택하거나 [삭제] 아이콘 을 클릭한 다음 [예]를 클릭하여 삭제를 확인합니다. 선택된 프레임을 [삭제] 아이콘 위로 드래그할 수도 있습니다.

애니메이션 프레임에서 레이어 속성 통합

[레이어] 패널의 통합 단추들([레이어 위치 통합], [레이어 가시성 통합], [레이어 스타일 통합])은 활성 애니메이션 프레임에서 변경한 특성이 동일한 레이어의 다른 프레임에 적용되는 방식을 결정합니다. 통합 단추를 선택하면 활성 레이어의 모든 프레임에서 해당 특성이 변경됩니다. 그리고 이 단추의 선택을 해제하면 변경 내용이 활성 프레임에만 적용됩니다.

[레이어] 패널의 [프레임 1 전파] 옵션도 첫 번째 프레임에서 변경한 특성이 동일한 레이어의 다른 프레임에 적용되는 방식을 결정합니다. 이 옵션을 선택하면 첫 번째 프레임의 특성을 변경할 수 있으며, 활성 레이어에 존재하는 이후 프레임은 모두 첫 번째 프레임에 따라 변경됩니다. 이미 만들어진 애니메이션은 그대로 유지됩니다.

레이어 속성 통합

  1. [타임라인] 패널에서 특성을 하나의 프레임으로 변경합니다.

  2. [레이어] 패널에서 [레이어 위치 통합] , [레이어 가시성 통합] 또는 [레이어 스타일 통합] 을 선택하여 변경된 특성이 활성 레이어의 다른 프레임에도 모두 적용되도록 합니다.

프레임 1 전파

  1. [레이어] 패널에서 [프레임 1 전파] 옵션을 선택합니다.
  2. [타임라인] 패널에서 첫 번째 프레임에 대한 특성을 변경합니다.

    레이어에 존재하는 이후 모든 프레임에 (따라) 변경된 특성이 적용됩니다.

참고:

Shift 키를 누른 채 레이어에서 연속하는 프레임 그룹을 선택하고 선택된 프레임에서 특성을 변경하여 프레임을 전파할 수도 있습니다.

레이어 통합 단추 표시 또는 숨기기

  1. [레이어] 패널 메뉴에서 [애니메이션 옵션]을 선택하고 다음 중 하나를 선택합니다.

    자동

    [타임라인] 패널이 열릴 때 레이어 통합 단추를 표시합니다.

    항상 표시

    [타임라인] 패널이 열리든 닫히든 항상 레이어 통합 단추를 표시합니다.

    항상 숨기기

    [타임라인] 패널이 열리든 닫히든 항상 레이어 통합 단추를 숨깁니다.

레이어 속성으로 프레임 복사

프레임을 복사하여 붙이는 작업의 원리를 쉽게 이해하려면 지정된 레이어 구성에서 이미지를 복제한 것을 프레임이라고 생각하면 편리합니다. 프레임을 복사하는 경우 각 레이어의 가시성 설정, 위치 및 기타 속성을 포함한 레이어의 구성을 복사한 다음 프레임을 붙이면 대상 프레임에 해당 레이어 구성이 적용됩니다.

  1. [타임라인] 패널에서 복사할 프레임을 하나 이상 선택합니다.

  2. 패널 메뉴에서 [프레임 복사]를 선택합니다.
  3. 현재 애니메이션이나 다른 애니메이션에서 대상 프레임을 하나 또는 여러 개 선택합니다.
  4. 패널 메뉴에서 [프레임 붙여넣기]를 선택합니다.
  5. [붙여넣기] 방법을 선택합니다.

    프레임 대체

    선택한 프레임을 복사한 프레임으로 대체합니다. 새 레이어가 추가되지 않습니다. 대상 프레임에 있던 각 레이어의 속성은 복사된 각 레이어의 속성으로 대체됩니다. 이미지 간에 프레임을 붙일 경우에는 새 레이어가 이미지에 추가됩니다. 그러나 대상 프레임에서는 붙인 레이어만 보이며 기존 레이어는 숨겨집니다.

    선택 항목 위에 붙여넣기

    붙이는 프레임의 내용을 새 레이어로 이미지에 추가합니다. 같은 이미지에 프레임을 붙이는 경우 이 옵션을 사용하면 이미지의 레이어 수가 두 배로 늘어납니다. 대상 프레임에서는 새로 붙인 레이어가 보이며 원래 레이어는 숨겨집니다. 대상 프레임이 아닌 프레임에서 새로 붙인 레이어는 숨겨집니다.

    선택 항목 앞에 붙여넣기 또는 선택 항목 뒤에 붙여넣기

    복사한 프레임을 대상 프레임의 앞이나 뒤에 추가합니다. 이미지 간에 프레임을 붙이면 새 레이어가 이미지에 추가됩니다. 그러나 새 프레임에서는 붙인 레이어만 보이며 기존 레이어는 숨겨집니다.

  6. (선택 사항) [레이어] 패널에서 붙인 레이어를 연결하려면 [추가된 레이어 연결]을 선택합니다.

    이 옵션은 프레임을 다른 문서에 붙여넣을 때만 사용할 수 있습니다. 붙인 레이어의 위치를 하나의 단위로 다시 지정할 경우 이 옵션을 선택합니다.

  7. [확인]을 클릭합니다.

트윈을 사용하여 프레임 만들기

트윈(tweening)이라는 용어는 이러한 과정을 설명할 때 사용되는 전통적인 애니메이션 용어 "in betweening"에서 착안된 말입니다. 트윈(보간이라고도 함)을 사용하면 페이드인이나 페이드아웃 또는 프레임 전반에 걸쳐 요소를 이동하는 것과 같은 애니메이션 효과를 만드는 데 필요한 시간이 줄어듭니다. 트윈 프레임을 만든 다음 프레임을 개별적으로 편집할 수도 있습니다.

[트윈] 명령을 사용하여 자동으로 기존의 두 프레임 사이에 일련의 프레임을 추가하거나 수정할 수 있습니다. 이 때 새 프레임들 간에 레이어 속성(위치, 불투명도 또는 효과 매개 변수)을 균일하게 변경하면 움직이는 모양을 만들 수 있습니다. 예를 들어, 레이어를 페이드아웃하려면 시작 프레임에서 레이어의 불투명도를 100%로 설정한 다음 같은 레이어의 불투명도를 끝 프레임에서 0%로 설정합니다. 이렇게 한 다음 두 프레임 간을 트윈하면 사이에 있는 새 프레임들 간에 레이어의 불투명도가 균일하게 점진적으로 줄어듭니다.

Photoshop 트윈을 사용하여 프레임 만들기
트윈을 사용하여 텍스트 위치에 애니메이션 효과를 줌

  1. 특정 레이어에 트윈을 적용하려면 [레이어] 패널에서 해당 레이어를 선택합니다.
  2. 하나의 프레임 또는 인접한 여러 개의 프레임을 선택합니다.
    • 프레임 하나를 선택한 경우에는 해당 프레임을 이전 프레임으로 트윈할 것인지 다음 프레임으로 트윈할 것인지 선택합니다.

    • 두 개의 인접 프레임을 선택한 경우에는 두 프레임 사이에 새 프레임이 추가됩니다.

    • 세 개 이상의 프레임을 선택한 경우에는 첫 번째와 마지막으로 선택한 프레임 사이의 기존 프레임이 트윈 작업에 의해 변경됩니다.

    • 애니메이션에서 첫 번째 프레임과 마지막 프레임을 선택한 경우 이 프레임들은 인접한 것으로 처리되며 트윈한 프레임은 마지막 프레임 다음에 추가됩니다. 애니메이션이 여러 번 루핑되도록 설정되어 있을 때 유용한 트윈 방법입니다.

  3. 다음 중 하나를 수행합니다.
    • [타임라인] 패널에서 [트윈] 단추 를 클릭합니다.

    • 패널 메뉴에서 [트윈]을 선택합니다.

  4. 추가된 프레임에서 변경할 레이어를 지정합니다.

    모든 레이어

    선택된 프레임에서 모든 레이어를 변경합니다.

    선택된 레이어

    선택된 프레임에서 현재 선택된 레이어만 변경합니다.

  5. 변경할 레이어 속성을 지정합니다.

    위치

    새 프레임에서 시작과 끝 프레임 간에 레이어 내용의 위치를 균일하게 변경합니다.

    불투명도

    시작 프레임과 끝 프레임 사이에서 새 프레임의 불투명도를 균일하게 변경합니다.

    효과

    시작 프레임과 끝 프레임 사이에서 레이어 효과의 매개 변수 설정을 균일하게 변경합니다.

  6. 2단계에서 단일 프레임을 선택했으면 [트윈 방법] 메뉴에서 프레임을 추가할 위치를 선택합니다.

    다음 프레임

    선택한 프레임과 다음 프레임 사이에 프레임을 추가합니다. [타임라인] 패널에서 마지막 프레임을 선택한 경우에는 이 옵션을 사용할 수 없습니다.

    첫 번째 프레임

    마지막 프레임과 첫 번째 프레임 사이에 프레임을 추가합니다. 이 옵션은 [타임라인] 패널에서 마지막 프레임을 선택한 경우에만 사용할 수 있습니다.

    이전 프레임

    선택한 프레임과 이전 프레임 사이에 프레임을 추가합니다. [타임라인] 패널에서 첫 번째 프레임을 선택한 경우에는 이 옵션을 사용할 수 없습니다.

    마지막 프레임

    첫 번째 프레임과 마지막 프레임 사이에 프레임을 추가합니다. 이 옵션은 [타임라인] 패널에서 첫 번째 프레임을 선택한 경우에만 사용할 수 있습니다.

  7. [추가할 프레임] 상자에 값을 입력하거나 위쪽 또는 아래쪽 화살표 키를 사용하여 프레임 수를 선택합니다. 세 개 이상 선택한 경우에는 이 옵션을 사용할 수 없습니다.
  8. [확인]을 클릭합니다.

새로운 각 프레임에 새 레이어 추가

[새 프레임마다 새 레이어 만들기] 명령은 다른 프레임에 숨겨져 있지만 새 프레임에는 표시되는 새 레이어를 자동으로 추가합니다. 애니메이션을 만들어 각 프레임에 새로운 시각적 요소를 추가해야 할 때 이 옵션을 사용하면 시간을 절약할 수 있습니다.

  1. [타임라인] 패널 메뉴에서 [새 프레임마다 새 레이어 만들기]를 선택합니다.

    확인 표시가 있으면 옵션이 설정된 것입니다.

애니메이션 프레임에서 레이어 숨기기

새 레이어를 만들면 기본적으로 모든 애니메이션 모든 프레임에서 볼 수 있습니다.

  • 활성 프레임에만 새 레이어를 표시하려면 [타임라인] 패널 메뉴에서 [모든 프레임에 새 레이어 표시]를 선택 해제합니다.

  • 특정 프레임에서 레이어를 숨기려면 프레임을 선택한 다음 [레이어] 패널에서 원하는 레이어를 숨깁니다.

프레임 애니메이션의 지연 시간 지정

애니메이션에서 하나의 프레임 또는 여러 프레임에 대해 하나의 프레임이 표시되는 시간, 즉 지연을 지정할 수 있습니다. 지연 시간은 초 단위로 표시되며 초 이하의 단위는 소수값으로 표시됩니다. 예를 들어, 1/4초는 .25로 표시됩니다. 현재 프레임에 지연 시간을 설정하면 이후 작성한 모든 프레임에 이 지연 시간 값이 기억되고 적용됩니다.

  1. [타임라인] 패널에서 하나 이상의 프레임을 선택합니다.

  2. 선택된 프레임 아래의 [지연] 값을 클릭하여 팝업 메뉴를 표시합니다.
  3. 지연 시간을 지정합니다.
    • 팝업 메뉴에서 값을 선택합니다. 최근에 사용된 값이 메뉴 아래에 나타납니다.

    • [기타]를 선택하고 [프레임 지연 설정] 대화 상자에 값을 입력한 다음 [승인]을 클릭합니다. 여러 개의 프레임을 선택한 경우에는 프레임 하나에 지연 값을 지정하면 모든 프레임에 해당 값이 적용됩니다.

프레임 처리 방법 선택

프레임 처리 방법이란 다음 프레임을 표시하기 전에 현재 프레임을 버릴 것인지 여부를 지정하는 것입니다. 배경 투명도가 포함된 애니메이션의 처리 방법을 선택하여 다음 프레임의 투명 영역을 통해 현재 프레임을 볼 수 있도록 할 것인지 지정할 수 있습니다.

Photoshop 프레임 처리 방법
프레임 처리 방법

A. 배경 투명도가 있는 프레임에 [배경으로 복구] 옵션을 사용했을 때 B. 배경 투명도가 있는 프레임에 [지우지 않음] 옵션을 사용했을 때 

[처리 방법] 아이콘은 프레임이 [처리하지 않음] 으로 설정되어 있는지 [처리] 로 설정되어 있는지 나타냅니다. [처리 방법]을 [자동]으로 설정하면 아이콘이 나타나지 않습니다.

  1. 처리 방법을 선택할 프레임을 하나 또는 여러 개 선택합니다.
  2. 프레임 축소판을 마우스 오른쪽 단추로 클릭하거나(Windows) Control 키를 누른 채 클릭하면(Mac OS) [처리 방법] 문맥 메뉴를 볼 수 있습니다.
  3. 처리 방법 선택:

    자동

    자동으로 현재 프레임의 처리 방법을 결정하며, 다음 프레임에 레이어 투명도가 포함되어 있는 경우 현재 프레임을 버립니다. 대부분의 애니메이션에서는 [자동] 옵션(기본값)으로 원하는 결과를 얻을 수 있습니다.

    참고:

    투명도가 포함된 프레임을 유지하려면 [중복 픽셀 제거] 최적화 옵션을 사용할 때 [자동 처리] 옵션을 선택합니다.

    지우지 않음

    표시 영역에 다음 프레임을 추가할 때 현재 프레임을 유지합니다. 현재 프레임과 이전 프레임을 다음 프레임의 투명 영역을 통해 볼 수 있습니다. [지우지 않음] 옵션을 선택했을 때 애니메이션을 정확하게 미리 보려면 브라우저를 사용해야 합니다.

    처리

    다음 프레임을 표시하기 전에 현재 프레임을 표시 영역에서 버립니다. 이 옵션을 선택하면 항상 하나의 프레임만이 표시되며 현재 프레임이 다음 프레임의 투명 영역을 통해 나타나지 않습니다.

프레임 애니메이션의 루핑 지정

루핑 옵션을 선택하면 애니메이션 시퀀스가 재생될 때 반복되는 횟수를 지정할 수 있습니다.

  1. [타임라인] 패널의 왼쪽 아래 모퉁이에서 [루핑 옵션 선택] 상자를 클릭합니다.

  2. 루핑 옵션으로 [한 번], [3번], [계속] 또는 [기타]를 선택합니다.
  3. [기타]를 선택한 경우 [루프 개수 설정] 대화 상자에 값을 입력하고 [확인]을 클릭합니다.
    참고:

    루핑 옵션은 [웹용으로 저장] 대화 상자에서도 설정할 수 있습니다. 

전체 애니메이션 삭제

  1. [타임라인] 패널 메뉴에서 [애니메이션 삭제]를 선택합니다.

Adobe 로고

내 계정 로그인

[Feedback V2 Badge]