배우고 일하기 · 18개 사이트

이미지·영상 제작 주소모음

작은 픽셀 캐릭터와 웹 아이콘의 움직임, 화면 설명 영상은 제작 과정부터 다릅니다. 이 이미지·영상 제작 링크모음은 픽셀·벡터·로우폴리 제작과 목업·화면 녹화·음성 후처리처럼 구체적인 작업별 경로를 모았습니다. 웹에서 바로 편집하는 도구와 설치형 다운로드 안내를 구분하고 최종 파일 형식과 사용 권리부터 비교해 보세요.

픽셀·벡터·로우폴리 그래픽을 제작할 때디자인 시안과 웹용 움직임을 팀에 전달할 때화면 안내 영상을 만들고 녹음한 목소리를 다듬을 때

이미지·영상 제작 사이트 살펴보기

설명을 비교하고 후보를 담아보세요

Canva

canva.com
해외
이미지·영상 제작템플릿디자인홍보물

템플릿과 편집 도구로 이미지, 발표와 영상 등 시각 자료를 만드는 서비스입니다. 처음부터 화면을 설계하기보다 목적에 맞는 틀을 고르고 문구와 사진을 바꿔 홍보물의 구성을 잡을 때 살펴볼 수 있습니다.

활용 장점
디지털·인쇄·영상 형식과 템플릿을 함께 탐색해 여러 출력물의 초안을 구성하기 좋습니다.
확인할 점
소재별 사용 권리와 유료 요소, 원하는 출력 형식·해상도의 제공 조건을 확인하세요.

Graphite

graphite.art
해외
이미지·영상 제작벡터편집노드디자인

브라우저에서 벡터 그래픽과 절차적 디자인을 편집하는 오픈소스 도구입니다. 레이어와 노드를 연결해 모양을 만들며 수정 가능한 구성으로 그래픽 작업을 해 보고 싶을 때 활용할 수 있습니다.

활용 장점
노드 기반 구성과 레이어 편집을 함께 살펴 반복 가능한 그래픽 제작을 실험하기 좋습니다.
확인할 점
현재 알파 단계이며 예정 기능과 제공 기능을 구분하고 중요한 원본은 별도로 저장해 두세요.

Blockbench

blockbench.net
해외
이미지·영상 제작로우폴리3D모델

적은 폴리곤을 사용하는 3D 모델과 텍스처·애니메이션을 만드는 도구입니다. 블록 형태 캐릭터나 게임용 모델을 제작하고 표면을 칠한 뒤 움직임을 구성하려는 사람에게 적합합니다.

활용 장점
모델링과 텍스처 작업·애니메이션을 한 흐름에서 살펴 작은 3D 자산을 만들기 좋습니다.
확인할 점
출력 형식과 사용할 게임·플러그인의 호환성을 확인하고 확장 기능의 제공자를 검토하세요.

Wick Editor

wickeditor.com
해외
이미지·영상 제작웹편집기창작도구

브라우저에서 애니메이션과 간단한 상호작용 창작을 시작할 편집기입니다. 그림과 움직임을 연결한 작은 작업을 만들어 보며 웹 기반 제작 환경을 배우려는 학생이나 창작자가 살펴볼 수 있습니다.

활용 장점
그림을 움직임과 연결하는 작업을 웹 편집 환경에서 시작할 후보로 비교하기 좋습니다.
확인할 점
브라우저 호환성과 저장·출력 형식을 확인하고 작은 프로젝트부터 저장한 뒤 다시 열어 보세요.

Piskel

piskelapp.com
해외
이미지·영상 제작픽셀아트스프라이트

브라우저에서 픽셀 그림과 스프라이트 애니메이션을 그리는 편집기입니다. 프레임을 나누어 작은 캐릭터나 타일을 만들고 움직임을 미리 보면서 그림을 수정하려는 사람에게 맞습니다.

활용 장점
그리는 중 애니메이션을 미리 보고 GIF나 스프라이트 시트로 결과를 정리하기 좋습니다.
확인할 점
데스크톱 가로 화면을 권장하며 브라우저 작업을 마치기 전에 원본과 내보낸 파일을 저장하세요.

PixiEditor

pixieditor.net
해외
이미지·영상 제작2D그래픽설치형편집

픽셀 그림·이미지·벡터·애니메이션을 다루는 설치형 그래픽 도구입니다. 전용 픽셀 기능과 노드 기반 편집을 함께 살펴 작은 게임 자산이나 2D 시각 자료를 제작할 때 활용할 수 있습니다.

활용 장점
픽셀 작업과 다른 2D 편집 기능을 한 앱에서 연결해 세부 작업을 확장하기 좋습니다.
확인할 점
웹에서 바로 편집하는 서비스가 아니라 다운로드 안내이며 지원 운영체제와 출력 형식을 확인해야 합니다.

Aseprite

aseprite.org
해외
이미지·영상 제작픽셀애니메이션게임자산

픽셀 아트와 스프라이트 애니메이션을 제작하는 설치형 편집 도구입니다. 프레임·레이어·팔레트를 관리하고 게임에 사용할 움직임과 스프라이트 시트를 준비하는 경로로 살펴볼 수 있습니다.

활용 장점
프레임 태그와 어니언 스킨을 활용해 작은 캐릭터의 연속 동작을 정리하기 좋습니다.
확인할 점
다운로드와 구매·라이선스 조건을 확인하고 실제 사용할 게임 엔진의 이미지·데이터 규격을 대조하세요.

Lospec

lospec.com
해외
이미지·영상 제작픽셀자료팔레트

픽셀 아트 등 제한된 표현 방식의 디지털 창작 도구와 자료를 모은 사이트입니다. 팔레트·관련 소프트웨어·작품을 살펴 적은 색과 작은 해상도로 표현할 방법을 찾을 때 활용할 수 있습니다.

활용 장점
작업 도구와 참고 자료를 함께 찾아 픽셀 아트의 색과 제작 방식을 탐색하기 좋습니다.
확인할 점
커뮤니티 자료는 작성자별 조건이 다르므로 팔레트·이미지·소프트웨어의 사용 권리를 확인하세요.

SVGator

svgator.com
해외
이미지·영상 제작벡터모션웹애니메이션

벡터 도형을 편집하고 웹용 애니메이션으로 내보내는 온라인 도구입니다. 정적인 아이콘이나 화면 요소에 움직임을 붙인 뒤 사이트·앱에 넣을 형식으로 준비하려는 사람이 살펴볼 수 있습니다.

활용 장점
타임라인에서 움직임을 구성하고 웹용 출력 형식을 비교해 전달할 파일을 준비하기 좋습니다.
확인할 점
내보내기 형식·워터마크·요금제 범위를 확인하고 적용할 웹 환경에서 동작과 접근성을 점검하세요.

Lottielab

lottielab.com
해외
이미지·영상 제작Lottie제품모션

Lottie 애니메이션을 만들고 편집해 앱과 웹에 적용할 파일을 준비하는 도구입니다. 디자인 자산을 가져오거나 새로 구성한 뒤 팀의 의견을 받으며 제품 화면의 움직임을 다듬을 수 있습니다.

활용 장점
제품용 모션을 제작·검토·출력하는 흐름을 연결해 개발자에게 전달할 자료를 정리하기 좋습니다.
확인할 점
지원 효과와 출력 호환성은 적용 환경에서 확인하고 공동 편집·파일 내보내기 조건을 살펴보세요.

Artboard Studio

artboard.studio
해외
이미지·영상 제작목업제작디자인발표

기기·의류·패키지·인쇄물 등의 목업에 디자인을 배치해 보여 주는 온라인 도구입니다. 평면 이미지를 실제 적용 장면처럼 구성해 포트폴리오나 고객 설명 자료를 만들 때 활용할 수 있습니다.

활용 장점
디자인 적용 장면을 목업으로 제시해 결과물의 용도와 분위기를 설명하기 좋습니다.
확인할 점
목업 소재의 이용 권한과 내보내기 조건을 확인하고 실제 제품 사양과 다른 표현은 분명히 구분하세요.

Uizard

uizard.io
해외
이미지·영상 제작UI시안프로토타입

텍스트·스크린샷·스케치에서 편집 가능한 UI 시안을 만드는 디자인 도구입니다. 제품 아이디어를 여러 화면의 프로토타입으로 정리하고 팀과 초기 화면 구성을 논의할 때 살펴볼 수 있습니다.

활용 장점
거친 아이디어를 화면 시안으로 바꾸어 제품 요구사항과 화면 흐름을 논의하기 좋습니다.
확인할 점
시안은 완성된 웹 코드가 아니며 입력 이미지의 권리와 AI 생성·내보내기 범위를 확인해야 합니다.

Tella

tella.com
해외
이미지·영상 제작화면녹화설명영상

화면·카메라·음성을 녹화하고 설명 영상을 편집·공유하는 도구입니다. 제품 시연이나 사용 안내를 만들 때 화면 배치와 자막·소리를 다듬어 링크나 영상 파일로 전달할 수 있습니다.

활용 장점
화면 녹화 뒤 배치·자막·편집을 같은 흐름에서 진행해 짧은 설명 영상을 준비하기 좋습니다.
확인할 점
녹화에 비공개 화면과 알림이 포함되지 않게 하고 공유 범위·내보내기·요금 조건을 확인하세요.

ScreenPal

screenpal.com
해외
이미지·영상 제작화면기록안내영상

화면과 카메라를 녹화해 안내·수업용 영상을 만드는 도구입니다. 프로그램 사용법이나 작업 과정을 설명할 때 녹화와 편집·전달 단계를 구성할 환경을 찾는 사람이 살펴볼 수 있습니다.

활용 장점
화면을 보여 주며 설명하는 영상을 준비하고 녹화부터 전달까지 필요한 기능을 비교하기 좋습니다.
확인할 점
기기별 설치 요구와 녹화 시간·저장 조건을 확인하고 화면의 알림이나 비공개 정보가 찍히지 않도록 하세요.

Flixier

flixier.com
해외
이미지·영상 제작온라인영상자막편집

브라우저에서 영상·음성을 여러 트랙으로 편집하고 자막·텍스트를 추가하는 도구입니다. 녹화본이나 촬영 자료를 온라인에서 다듬어 설명 영상과 게시용 콘텐츠로 만들 때 활용할 수 있습니다.

활용 장점
별도 편집 앱 설치 없이 타임라인과 자막 작업을 연결해 온라인 영상 편집을 진행할 수 있습니다.
확인할 점
파일이 클라우드에 올라가므로 자료의 공개 범위를 확인하고 출력 해상도·워터마크 조건을 비교하세요.

Auphonic

auphonic.com
해외
이미지·영상 제작음성후처리팟캐스트

녹음된 음성이나 영상의 소리를 후처리하는 온라인 서비스입니다. 팟캐스트·강의·인터뷰의 소리를 정리할 작업 경로를 찾아 처리 방식과 제공 옵션을 비교할 때 활용할 수 있습니다.

활용 장점
영상 효과보다 음성 후처리에 집중해 녹음물의 전달 품질을 다듬을 도구를 찾기 좋습니다.
확인할 점
처리 시간에 따른 이용 범위와 파일 보관 조건을 확인하고 결과를 직접 들으며 왜곡 여부를 살펴보세요.

AudioMass

audiomass.co
해외
이미지·영상 제작오디오편집웹도구

브라우저에서 오디오 파일을 편집하는 도구입니다. 녹음한 소리의 필요한 구간을 다듬거나 간단한 음성 작업을 준비할 때 복잡한 영상 편집 프로그램과 구분해 살펴볼 수 있는 경로입니다.

활용 장점
소리만 다루는 웹 편집 환경을 찾아 간단한 녹음 수정에 필요한 도구를 비교하기 좋습니다.
확인할 점
입력·출력 파일 형식과 브라우저의 처리 한계를 확인하고 원본 사본으로 편집한 뒤 결과를 직접 들어 보세요.

Soundation

soundation.com
해외
이미지·영상 제작온라인작곡오디오협업

브라우저에서 녹음·악기·샘플·효과를 조합해 음악을 만드는 온라인 스튜디오입니다. 비트를 구성하거나 함께 곡을 편집하고 프로젝트를 링크로 공유하려는 창작자가 살펴볼 수 있습니다.

활용 장점
온라인 스튜디오에서 샘플과 악기를 조합하고 공동 제작 흐름을 확인하기 좋습니다.
확인할 점
샘플·생성 음원의 사용 권리와 요금별 저장·출력 조건을 확인하고 공동 작업의 공개 범위를 정하세요.

분야별 선택 가이드

이미지·영상 제작 링크모음, 어떻게 이용할까요?

편집 도구를 선택하기 전에 출력물부터 정하기

같은 그림이라도 화면에 올릴 이미지와 인쇄할 홍보물에는 다른 조건이 필요합니다. 먼저 사용할 장소, 가로세로 비율, 파일 형식과 최종 크기를 적어 보세요. 짧은 SNS 영상이라면 세로 화면과 자막 가독성이 중요하고, 설명 자료라면 글자가 선명하게 보이는지가 중요합니다. 목표 형식이 분명하면 기능이 많은 도구보다 작업에 맞는 도구를 찾기 쉬워집니다.

게임용 픽셀 그림은 프레임과 스프라이트 시트가, 웹 아이콘의 움직임은 벡터와 애니메이션 출력 호환성이 중요합니다. 목업은 디자인을 적용한 장면을 보여 주는 용도이며 실제 제품을 제작하는 도구는 아닙니다. 단순 화면 녹화와 음성 후처리도 서로 다른 작업이므로 촬영·편집·전달 중 어디가 필요한지 먼저 나누어 보세요.

원본과 사용 권리를 준비하는 단계

사진과 영상은 작업을 시작하기 전에 원본을 따로 보관하세요. 축소된 파일이나 메신저로 압축된 파일을 계속 수정하면 필요한 품질을 확보하기 어려울 수 있습니다. 인물이나 제품 사진에 개인 정보가 포함되어 있는지도 확인해야 합니다. 온라인 도구에 파일을 올리는 과정에서 어디에 저장되는지, 공유 링크가 생성되는지 살펴보는 습관이 도움이 됩니다.

템플릿, 폰트, 배경음악과 스톡 이미지는 각각 이용 조건이 다를 수 있습니다. 유료 구독을 했다고 모든 소재를 어떤 용도로든 쓸 수 있다고 가정하지 마세요. 특히 고객에게 전달하는 작업물이나 광고에는 해당 소재의 상업적 사용과 재배포 조건을 확인해야 합니다. 음성을 복제하거나 다른 사람의 모습을 활용하는 경우에는 필요한 동의와 권한을 먼저 갖추세요.

시안과 실제 적용 파일을 구분하기

UI 생성 도구나 목업 편집기에서 그럴듯한 화면을 만들었다고 실제 웹사이트가 바로 동작하는 것은 아닙니다. 시안은 화면 배치와 디자인 방향을 논의하는 자료이며 버튼 동작·반응형 크기·데이터 처리는 별도 구현이 필요할 수 있습니다. 결과를 전달할 때에는 편집 원본인지, 이미지인지, 웹에 넣을 애니메이션 파일인지 구분해 설명하세요.

벡터 애니메이션은 출력 규격과 재생 환경에 따라 효과 지원이 달라질 수 있습니다. 픽셀 애니메이션은 프레임 간격과 이미지 크기, 3D 모델은 출력 형식과 텍스처 연결을 살펴야 합니다. 도구가 알파나 시험판으로 안내되어 있다면 예정 기능을 현재 기능으로 생각하지 마세요. 작은 예제부터 내보내 실제 사용할 화면이나 프로그램에서 다시 열어 보세요.

공유 전에 화면·소리·내보내기 결과 확인하기

편집 화면에서 좋아 보이던 결과도 내보내기 후에는 글꼴, 색상과 여백이 달라질 수 있습니다. 완성 파일을 실제로 열어 글자가 잘리지 않는지, 이미지 가장자리가 자연스러운지 확인하세요. 영상은 시작과 끝의 빈 구간, 자막의 오타와 표시 시간, 배경음악에 묻히는 목소리를 확인하는 것이 좋습니다. 휴대전화에서 보는 콘텐츠라면 작은 화면에서도 읽어 보세요.

내보낼 수 있는 해상도, 워터마크 여부와 편집 원본의 보관 방식은 요금제와 작업 유형에 따라 달라집니다. 공유 링크만 전달할 것인지, 이미지·영상 파일과 편집 원본까지 전달할 것인지도 미리 정해 두세요. 주소콜의 주소모음은 제작 도구의 목적을 안내하며, 특정 결과물의 품질이나 상업적 사용 가능성을 대신 판단하거나 보증하지 않습니다.

이용 전에 궁금한 점

자주 묻는 질문

무료 도구로 만든 이미지도 상업적으로 써도 되나요?

도구의 이용 조건과 사진·폰트·템플릿 등 개별 소재의 권리를 각각 확인해야 합니다. 무료 여부만으로 상업적 사용이나 재배포 가능 여부를 판단할 수 없습니다.

UI 시안을 만들면 웹사이트 코드도 완성되나요?

시안·프로토타입과 운영 가능한 웹사이트는 다릅니다. 출력 형식과 상호작용 범위를 확인하고 실제 데이터·반응형 화면·접근성은 구현 환경에서 따로 검증해야 합니다.

영상 편집 도구는 어떤 기준으로 비교하나요?

원하는 영상 길이·해상도·비율, 자막과 음성 편집의 필요성을 먼저 정하세요. 이어서 입력 형식, 워터마크와 내보내기 조건, 프로젝트 보관 방식과 비용을 비교하면 됩니다.