• 30일 이후 자동 삭제
  • 공지사항
  • 사용가이드
  • 망고야 부탁해
원격제어
친환경 배너는 판매 종료 | 허니콤보드·세로배너를 추천해요.
잘 쓰여서 홍보도 잘 되는 신상 4종! '이중컵'부터 '고평량 엽서'까지
필요한 만큼 충전하고 끊김 없이 작업하세요! 새로워진 AI 부스터 요금제
  • 망고보드
  • 망고툰
망고보드 공식 홈페이지
  • 템플릿
  • 인쇄물 제작/주문
    • AI 디자인 만들기
    • AI 연출컷 만들기
    • AI 영상 만들기
    • AI 이미지 편집하기
    • AI 동영상 편집하기
    • AI 만화 만들기
    • AI 노래 만들기
    상세페이지, 카드뉴스, PPT, 포스터 등 다양한 디자인을 AI로 생성할 수 있어요!
    AI 디자인 만들기 아이콘 AI 디자인 만들기

    상세페이지, 카드뉴스, PPT, 포스터 등 다양한
    디자인을 AI로 생성할 수 있어요!

    자세한 설명 보기
    제품 연출컷과 AI 모델컷 생성, 트렌디한 이미지 합성까지 모두 가능해요!
    AI 연출컷 만들기 아이콘 AI 연출컷 만들기

    제품 연출컷과 AI 모델컷 생성, 트렌디한 이미지
    합성까지 모두 가능해요!

    자세한 설명 보기
    세련되고 다양한 장면 영상을 텍스트와 이미지로 만들 수 있습니다.
    AI 영상 만들기 아이콘 AI 영상 만들기

    세련되고 다양한 장면 영상을 텍스트와 이미지로 만들 수 있습니다.

    배경제거, 일괄배경제거(50장), 화질개선, 영역확장, 지우개 기능이 있어요!
    AI 이미지 편집하기 아이콘 AI 이미지 편집하기

    배경제거, 일괄배경제거(50장), 화질개선,
    영역확장, 지우개 기능이 있어요!

    자세한 설명 보기
    동영상 배경을 한 번에 제거해요. 모자이크, 자르기도 오픈 예정이에요!
    AI 동영상 편집하기 아이콘 AI 동영상 편집하기

    동영상 배경을 한 번에 제거해요. 모자이크,
    자르기도 오픈 예정이에요!

    자세한 설명 보기
    망고보드 혹은 개인 캐릭터를 활용하여 최대 4컷의 만화를 만들 수 있어요!
    AI 만화 만들기 아이콘 AI 만화 만들기

    망고보드 혹은 개인 캐릭터를 활용하여
    최대 4컷의 만화를 만들 수 있어요!

    자세한 설명 보기
    원하는 주제, 분위기, 악기로 맞춤형 노래를 만들 수 있어요!
    AI 노래 만들기 아이콘 AI 노래 만들기

    원하는 주제, 분위기, 악기로
    맞춤형 노래를 만들 수 있어요!

    자세한 설명 보기
  • 요금제/결제
  • 사용가이드
  • 망고소식
    • AI 디자이너
      • 기본사용법
        • AI 디자이너란?
          • AI 디자이너란?
      • 디자인 만들기
        • AI 디자인 만들기
          • AI 상세페이지
          • AI 프레젠테이션
          • AI 카드뉴스
          • AI 1페이지 디자인
          • AI 상세페이지 영상 튜토리얼
        • AI 연출컷 만들기
          • AI 연출컷 만들기
        • AI 이미지 편집하기
          • AI 배경제거
          • AI 일괄 배경제거
          • AI 화질개선
          • AI 영역확장 / 자르기
          • AI 지우개
        • AI 만화 만들기
          • AI 만화 만들기
      • 동영상 만들기(MP4/GIF)
        • AI 영상 만들기
          • AI 영상 만들기란?
          • AI 토킹 아바타
          • AI 영상 만들기
        • AI 동영상 편집하기
          • AI 동영상 배경제거
          • AI 동영상 모자이크
          • 동영상 자르기
        • AI 노래 만들기
          • AI 노래 만들기
    • 망고보드 에디터
      • 기본사용법
        • 망고보드 에디터란?
          • 망고보드 시작하기
          • 망고보드 용도/저작권
          • 망고보드 무료 사용 팁
          • 망고보드 핵심팁
          • 망고보드 한입 튜토리얼
      • 디자인 만들기
        • 템플릿·슬라이드
          • 템플릿 사용하기
          • 레이어 사용
          • 여러 슬라이드 보기
          • 슬라이드 크기 변경
          • 사이즈 변경 (AutoFit-오토핏, 개별 높이 설정)
          • 슬라이드 개별 높이 설정
          • 안내선, 눈금자 사용
          • 슬라이드 쪽수 날짜 / 워터마크 삽입
        • 나의 작업·업로드·즐겨찾기
          • PC에 있는 사진 업로드, 구글 드라이브 사진 불러오기
          • 업로드 공간이 부족합니다
          • 나의 작업 폴더 생성/이동
          • 나의 작업 불러와서 편집하기/합치기
          • 즐겨찾기/그룹 즐겨찾기
          • 업로드한 파일 다운로드
          • AI로 생성한 이미지 확인하기
        • 저장·다운로드·공유
          • 작업 저장/다른 이름으로 복사
          • 이전 작업 상태로 되돌리기
          • 결과물 다운로드 (이미지, 인쇄, PPT, PDF, 동영상, GIF)
          • 템플릿 URL로 공유 / 템플릿 주고받기
          • 이미지 각각 분리해서 파워포인트 파일(PPTX) 다운로드
          • 편집 가능한 텍스트로 파워포인트 파일(PPTX) 다운로드
          • PPT 다운로드 시 슬라이드 노트 포함
          • 고해상도 인쇄용 PDF 다운로드
          • 영상 변환 후 추가 다운로드
        • 검색
          • 상세검색/검색필터
          • 비슷한 요소(이미지) 찾기
          • AI 검색 - 비슷한 레이아웃 템플릿
          • 템플릿 쉽게 찾는 법
          • 에디터에서 원하는 디자인을 빠르게 찾는 방법
        • AI
          • Chat 망고 시작하기
          • Chat 망고 기본 사용법
          • Chat 망고로 이미지 생성/편집
          • Chat 망고로 동영상 생성
          • Chat 망고로 표 생성
          • Chat 망고로 카피 생성
          • Chat 망고 이전 대화 기록 및 생성 결과물 관리
          • AI 변형 - 이미지 변형하기
          • AI 변형 - 이미지 배경제거
          • AI 변형 - 이미지 합성하기
          • AI변형 - 이미지 동영상 변환하기
          • AI 목업
        • 텍스트
          • 텍스트 색상 변경하기
          • 텍스트 윤곽선
          • 텍스트 그림자
          • 텍스트 그라데이션
          • 텍스트 가운데 투명처리
          • 텍스트 긴 그림자 만들기
          • 텍스트 스타일 복사
          • 워드아트 텍스트 디자인
          • 입체효과 3D텍스트
          • 텍스트에 사진 넣기
          • AI 텍스트 꾸미기
          • 이모지
          • 사용자 소유 폰트 업로드
          • 같은 종류 폰트 한 번에 변경
          • 자유변형 텍스트
          • 기본 폰트 설정
          • 텍스트 찾기•바꾸기
          • AI 글·표 추출 (텍스트 추출)
          • AI 텍스트
          • 한글→한자 변환
          • 텍스트 탭-단축키, 추천 폰트, 즐겨찾기
          • 망고보드 서체 다운로드
          • 폰트 고르는 시간을 줄여주는 폰트 활용 가이드
        • 사진
          • 사진 자르기(Crop), 이미지 조절
          • 그림자 넣기 (입체효과)
          • 이미지 자유변형 (이미지워프)
          • 사진 보정
          • 사진 가장자리 흐리게 하기
          • AI 모델 & AI 이미지
        • 포토 에디터
          • 포토 에디터 (필터/모자이크/지우개/화질개선/AI지우개/자르기)
          • 배경제거(누끼따기)
          • AI 지우개 - 이미지 속 물체 제거
          • 영역/요술봉 기능
          • AI 얼굴 교체
          • AI 제품 교체
          • 도장툴-사진 속 글씨/사물 지우기
          • 이미지 필터(오일 페인팅/스케치)
          • 모자이크 처리
          • 블러(사진 일부분만 흐리게)
          • 외곽선(윤곽선) 두르기
          • AI 화질개선
          • AI 영역확장 - 이미지 확장
          • AI 개체분리
          • AI 상품배경
        • 도형·프레임
          • 도형 설정
          • 사각형/프레임 꼭지점 자유 변형
          • 기본선 간격/길이 조정
          • 프레임
          • 멀티 프레임
          • 그리기툴
        • 배경·색상
          • 그라데이션 활용법
          • 배경 설정
          • 배경 테두리 만들기
          • 투명 배경 PNG
          • 슬라이드 배경 복사 붙여넣기
          • 배경 우클릭 활용하기
          • 색상 맞추기/스포이트 사용
          • 원클릭으로 전체 컬러 변경
        • 만화
          • 만화 템플릿
          • 만화 캐릭터 · 배경 세트
          • MY 캐릭터
          • 만화 요소 - 말풍선
          • 만화 요소 - 배경·소품
          • 스마트 프레임(컷)
        • 요소설정·순서정렬·링크
          • 여러 요소를 마우스로 선택
          • 복사, 회전, 반전, 그룹으로 묶기
          • 투명도, 겹침순서(정렬), 하이퍼링크
          • 요소 교체하기
          • 요소 서식 복사 및 붙여넣기
          • 스마트 가이드
        • 차트·지도·표·카카오맵·YouTube·QR·바코드
          • 차트(그래프)
          • 차트연동-엑셀/구글스프레드시트
          • 지도
          • 표
          • 표연동-엑셀/구글스프레드시트
          • 표 가져오기 - 엑셀/PPT/한글
          • 카카오맵 지도 삽입하기
          • 유튜브 동영상 삽입
          • QR·바코드 만들기
          • 표를 달력 형태로 변환하기
        • 슬라이드쇼
          • 프레젠테이션 진행하기
        • 팀협업·팀룸
          • 팀룸 만들기/팀원 초대
          • 팀룸 관리
          • 팀룸에서 작업하기
          • 팀원관리/권한설정
          • 팀 업로드(파일 업로드)
          • 템플릿 복사이동(↔나의 작업)
          • 커뮤니케이션(보드/댓글)
        • 인쇄 주문 및 결제
          • 인쇄 출력 서비스 이용하기
          • 가격 확인 및 견적서 출력하기
        • 편리한 사용팁
          • 당신이 모를 수 있는 망고보드 기능들
          • 다른 템플릿 일부만 가져오기
          • 화면 캡처 이미지 가져오기
          • 편리한 기능 모음
          • 안드로이드 스마트폰 크롬에서 모바일페이지 확대·축소하는 방법
          • 실험실
          • 기획부터 디자인까지, 고퀄리티 AI 상세페이지 '풀세트' 자동 완성
          • 쿠팡 상세페이지 GIF 넣는 법 | WebP 파일 망고보드로 만드는 법
          • 망고보드 쿠폰코드 사용법
          • 우클릭으로 에디터 작업을 더 빠르게
          • 카드뉴스 만들기, AI 생성부터 수정 방법까지 제작 꿀팁 총정리
          • 상세페이지 제작 시 필수 기능
          • 퀄리티 좋은 PPT AI 초안부터 완성까지 총정리
      • 동영상 만들기(MP4/GIF)
        • 타임라인
          • 타임라인 5분만에 배우기
          • 타임라인 알아보기
          • 타임라인 축소/확대
          • 미리보기 재생하기
          • 슬라이드 / 타임라인 이동하기
          • 타임라인 선택하기
          • 타임라인 레이어
          • 슬라이드 재생 길이 설정하기
          • 타임라인 블록 분할
        • 영상편집
          • 망고보드 동영상 제작 기본 이해
          • PC 동영상 / 배경음악 업로드
          • 업로드 영상 자르기/크기조정
          • 동영상 템플릿 불러오기
          • 템플릿의 사진과 동영상 교체하는 법
          • 모션 템플릿 활용하기
          • GIF/MP4 삽입하여 모션 효과 만들기
          • 동영상 소스 활용하여 만들기
          • 우클릭 버튼 활용하기
          • 동영상 설정 / 다운로드
          • 동영상 시간 타이밍 속도조절
          • 동영상 요소 조절 - 재생 구간, 지연시간, 반복재생, 음원제거
          • 동영상 작업 시 알아야 하는 기능 (그룹, 영상 효과 제외)
          • 여러 자막 순서대로 넣기
          • 권장 PC사양/속도 개선 방법
          • AI 동영상 모자이크
          • AI 자동자막
          • AI 동영상 배경제거
        • 오디오
          • 배경음악(BGM)
          • 오디오 페이드 인/아웃 설정하기
          • AI 음성(TTS) 블록 타임라인 추가 방식
          • AI 음성(TTS) 잘릴 때 해결법
          • AI 음성(TTS) 변경 및 삭제
          • AI 음성(TTS) 설정 복사/붙여넣기
        • 효과
          • 모션 효과 설정하기
          • 세트효과
          • 세트효과 제외
          • 사용자 지정 효과
          • 사용자 지정 효과 - 크기변화
          • 사용자 지정 효과 - 각도회전
          • 사용자 지정 효과 - 위치이동
          • 사용자 지정 효과 - 투명조절
          • 카운트 효과 설정하기
          • 모션 효과 적용 꿀팁
        • 편리한 사용팁
          • 동영상 잘 만드는 팁
          • 다른 동영상 제작 프로그램과 함께 사용하기
          • 동영상 제작시 유의사항
    • 자료
      • 망고보드 소개서
      • 망고보드 서체
    • 사용가이드
    • 망고보드 에디터
    • 효과

    키프레임 애니메이션 만들기 - 사용자 지정 효과

    목차

      (클릭) 크기변화 튜토리얼

      (클릭) 각도회전 튜토리얼

      (클릭) 위치이동 튜토리얼

      (클릭) 투명조절 튜토리얼

      * 위 튜토리얼만으로도 기본적인 사용 방법을 확인하실 수 있으며,
      아래 사용 가이드에서는 영상에서 다루지 않은 추가 설명을 제공하고 있습니다.

      1. 사용자 지정 효과

      크기 · 위치 · 각도 · 투명도 원하는 대로 설정하기

      이 기능을 사용하면 요소가 시간에 따라 자연스럽게 변하는 영상 효과를 만들 수 있어요.

      예를 들어 “처음엔 크게 → 점점 작아지다가 → 마지막엔 원래 크기”

      이런 변화를 만들고 싶다면, 사용자 지정 효과에서 변화지점(키프레임)을 추가해 값만 바꿔주면 됩니다.

      영상 제작 중급자 이상 분들께 추천드리는 기능이며,
      너무 어렵다고 느껴지시는 분들은 모션과 세트효과 기능을 활용해 보시길 권장드립니다.

      (클릭) 모션 사용가이드

      (클릭) 세트효과 사용가이드

      사용자 지정 효과로 요소가 시간에 따라 변하는 모습

      사용자 지정 효과에서 변화지점을 추가해 값을 바꾸는 화면

      2. 사용자 지정 효과 옵션

      크기변화, 위치이동, 각도회전, 투명조절에는 아래 옵션들이 공통으로 들어 있어요.

      아래 옵션들은 모든 사용자 지정 효과에 동일하게 작용합니다.

      1) 효과 재생 속도

      - 설정한 효과가 1회 실행되는 데 걸리는 시간

      - 타임라인에서 효과 블록(파란색 선 블록)이 속도가 빠를수록 짧게, 속도가 느릴수록 길게 변화합니다.

      효과 재생 속도 설정과 타임라인 효과 블록 길이 화면

      2) 변화지점(키프레임)

      변화지점(키프레임)은 “이 시점에는 이렇게 보이게 해 주세요”라고 알려주는 지점이에요.

      - 시작 : 효과가 처음 적용되는 모습

      - 끝 : 효과가 마무리되는 모습

      다이아몬드 버튼을 눌러 변화지점을 추가하거나 삭제할 수 있어요.

      슬라이드에서 핸들러를 움직여 직접 조정하거나,
      좌측 설정탭에서 정확한 수치를 입력할 수도 있어요.

      다이아몬드 버튼으로 변화지점을 추가하고 삭제하는 화면

      핸들러 이동과 설정탭 수치 입력으로 변화지점을 조정하는 화면

      효과의 시작과 끝 사이에서, 효과가 적용되는 위치를 %로 표시합니다.

      타임라인 효과블록에도 변화지점(다이아몬드 모양)이 나타납니다.

      변화지점(다이아몬드)을 드래그해서 값의 변화 위치를 변경할 수 있습니다.

      변화지점 위치가 %로 표시되고 효과 블록에 다이아몬드가 나타난 화면

      3) 감속 • 가속도

      대부분의 실제 사물들은 일정한 속도로 이동하지 않고, 속도에 변화가 생깁니다.

      영상 제작을 할 때도 감속·가속도 설정을 활용하시면 훨씬 자연스럽고 부드러운 느낌을 만들 수 있습니다.

      감속·가속도 설정 옵션 화면

      감속·가속도 옵션은 8가지 프리셋을 제공합니다.

      감속·가속도 8가지 프리셋을 적용하는 모습

      원하는 경우 직접 조정도 가능합니다. 감속·가속도 조정값에는 4개의 숫자가 있습니다.

      각 숫자는 (시작 시간, 시작 변화량, 종료 시간, 종료 변화량)을 뜻합니다.

      • 시간 (1·3번째 자리)

      0~1 사이의 값만 입력 가능합니다. 0이 시작시간, 1이 종료시간입니다.

      • 변화량 (2·4번째 자리)

      1을 기준으로 작거나 크게 입력합니다. 1보다 작으면 부드럽고 완만한 움직임을, 1보다 클 경우 빠르고 강한 움직임을 만들 수 있습니다.

      • 그래프

      그래프 방향에 따라 움직임이 달라집니다. 정비례 방향일 때는 설정한 방향대로, 반비례 방향일 때는 그 반대 방향으로 움직입니다.

      * 종료 시간이 1일 때 변화량이 1보다 크거나 작아도 움직임은 항상 마지막에 1로 끝나니 유의하세요.

      감속·가속도 조정값 4개 숫자와 그래프 화면

      4) 반복 재생

      설정한 키프레임 효과를 계속 반복할지 여부를 정하는 옵션입니다.

      기본적으로 지정한 효과 재생속도에 맞춰 동작을 반복합니다.

      반복 재생 옵션 설정 화면

      반복 설정 시 효과 블록이 1회 재생시간(효과 재생속도)을 기준으로 반복횟수만큼 늘어납니다.

      반복 설정에 따라 효과 블록이 반복횟수만큼 늘어나는 모습

      타임라인에서 효과 블록을 확인하면 마름모 모양 표시(변화지점)가 생기는 것을 확인하실 수 있습니다.

      마름모 모양은 마우스로 드래그하여 간격을 조정할 수 있습니다.

      이 마름모 모양의 간격이 넓으면 효과 재생속도가 느리고,
      좁아질수록 효과 재생속도가 빨라집니다.

      만약 변화지점이 여러 개일 때 반복재생을 추가하면 반복되는 지점의 변화지점은 원 모양으로 표시됩니다.

      원 모양 변화지점을 기준으로 반복되는 걸 알 수 있습니다.

      타임라인 효과 블록의 마름모 변화지점과 원 모양 반복 지점 화면

      반복재생은 슬라이드 범위를 초과 적용하여도 재생 시 보이지 않습니다.

      따라서 효과 시간을 슬라이드에 맞추고 싶다면
      효과 재생속도를 줄이거나, 반복 횟수를 조정하거나, 슬라이드 길이를 늘려주세요.

      반복재생이 슬라이드 범위를 초과한 타임라인 화면

      타임라인에서 반복재생 편집하기

      1. 반복재생이 켜져있는 경우, 효과 블록 오른쪽 끝 지점을 끌어당겨 반복횟수 추가가 가능합니다.

      효과 블록 오른쪽 끝을 끌어 반복횟수를 늘리는 모습

      2. 반복재생 지점(파란 동그라미)을 드래그해서 효과 1회 재생속도와 반복횟수를 조절할 수 있습니다.

      반복재생 지점을 드래그해 재생속도와 반복횟수를 조절하는 모습

      5) 기준점

      ※ [크기 변화], [각도 회전]만 해당합니다

      기준점은 “어디를 기준으로 움직임이 일어날지”를 정하는 옵션이에요.

      기본적으로 9가지 기준점이 제공되고, 좌표로 더 세밀하게 설정 가능합니다.

      크기 변화, 각도 회전의 핸들러를 더블클릭하면 빨간 점(기준점)으로 바뀝니다.

      빨간 점(기준점)을 드래그해서 기준점의 위치를 변경할 수 있습니다.

      단, 핸들러를 더블클릭하지 않고 드래그하면
      요소의 위치가 이동되거나 변화지점(키프레임) 값만 변경됩니다.

      핸들러를 더블클릭해 빨간 점 기준점으로 바꾼 화면

      ※ 9가지 기준점 예시

      기본 제공되는 9가지 기준점 예시

      최종 수정일 2026. 10. 06.

      이전 가이드 세트효과 제외 다음 가이드 사용자 지정 효과 - 크기변화

      ← 본문으로