• 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. 사진에 그라데이션 넣는 법

      1. [가장자리 흐리게] 사용하기

      1. 이미지 클릭 후 [가장자리 흐리게] 클릭
      2. 흐리게 만들 방향과 범위 설정

      * 사진이 프레임에 들어가 있는 경우에는 [가장자리 흐리게]가 적용되지 않습니다.
      이 경우 다음에 나오는 [그라데이션 프레임]을 이용하세요.

      이미지의 가장자리 흐리게 방향과 범위를 설정하는 모습

      가장자리 흐리게 설정 시에는 뒷배경색을 바꾸면 그라데이션 색상이 바뀌는 효과를 줄 수 있습니다.

      1. 그라데이션이 적용된 슬라이드에서 우측 마우스 클릭하여 [배경] 선택
      2. 배경색을 검은색 혹은 다른 색으로 변경

      배경색을 어둡게 눌러주면 글자가 더 잘 보이는 효과가 있습니다.

      배경색을 바꿔 그라데이션 색상이 달라지는 모습

      가장자리 흐리게는 여러 방향 복수선택도 가능합니다.

      가장자리 흐리게를 여러 방향으로 복수 선택하는 모습

      2. 그라데이션이 들어간 [프레임] 사용하기

      1) [그래픽] - [프레임] - [그라데이션프레임]에서 원하는 프레임 선택

      그래픽 프레임에서 그라데이션 프레임을 선택하는 모습

      2) 그라데이션을 주고 싶은 사진을 프레임에 삽입

      • 프레임을 이용하면 내부 사진 불투명도를 조절할 수 있어요.
      • 그라데이션 프레임에 그려져 있는 색상은 변경이 어려우므로 색상을 바꾸고 싶은 경우,

      해당 색상이 적용된 프레임 사용 혹은 다른 방법을 이용해 주세요.

      그라데이션 프레임에 사진을 삽입하는 모습

      3. 그라데이션이 들어간 [도형] 추가하기

      1. 그라데이션을 원하는 곳에 도형 추가
      2. [색상] - [직접 지정] - [그라데이션]에서 색 변경

      도형 색상을 직접 지정으로 그라데이션으로 바꾸는 모습

      1. 한쪽을 투명하게 하고 싶은 경우 색상값 선택 후 [불투명도]를 조절
      2. 색상값 위치, 각도 및 도형 크기를 조절

      * 그라데이션 바의 빈 곳을 클릭해 색깔을 추가한 뒤 투명도를 단계별로 주면 더 자연스러워요

      그라데이션 바에서 색을 추가하고 투명도를 단계별로 조절하는 모습

      * 도형 한쪽을 투명하게 만드는 법 자세히보기

      도형 한쪽을 투명하게 만드는 모습

      2. 배경에 그라데이션 넣는 법

      1. 배경을 선택 후 색상 설정에서 [그라데이션]을 클릭

      * [테마] 카테고리에서 테마별로 제공되는 그라데이션도 사용해 보세요

      배경 색상 설정에서 그라데이션을 선택하는 모습

      2. [직접 지정]을 통해 원하는 그라데이션을 만들 수도 있습니다.
      선형, 방사형 선택이 가능하고 각도 및 위치 변경도 가능합니다.

      [기본], [테마]에서 제공되는 그라데이션도 직접 지정을 통해 원하는 대로 수정할 수 있습니다.

      직접 지정으로 선형 방사형 그라데이션의 각도와 위치를 바꾸는 모습

      * 배경 그라데이션에서는 불투명도 설정이 제공되지 않습니다.

      → 먼저 배경을 투명으로 설정하신 후 투명 그라데이션 도형을 가장 뒤쪽에 추가하는 방식을 이용해 주세요.

      최종 수정일 2026. 10. 06.

      다음 가이드 슬라이드 배경 바꾸기 - 색상·패턴·이미지·영상

      ← 본문으로