분류 전체보기23 이미지 배경 지우기 이미지 배경 지우기 기능을 이용해 배경을 지워 투명하게 만들 수 있습니다. 우선 스케치몬 캔버스를 열고 (https://canvas.sketchmon.com)1. 캔버스에 배경을 제거할 이미지를 올립니다. 2. 상단 메뉴 중 [ * 배경 제거 ] 버튼을 선택하고, 배경을 제거할 이미지 위에 마우스를 올립니다. (정상 이미지인경우 click 표시가 깜빡깜빡 합니다. : 이미 한 번 배경을 제거한 이미지에는 안뜹니다.) 3. 이미지에 click 표시가 깜빡깜빡 하면 클릭 한다. 클릭하면 아래와 같이 배경제거가 진행되며, 잠시 기다리면 4. 배경제거가 완료되면 아래와 같은 결과가 나타납니다.배경이 제거되면 배경이 투명한 png 이미지로 만들어집니다. 5. 제거가 잘 되었는지 배경색을 다른색으로 바꿔보겠습.. 2025. 9. 2. 움직이는 스프라이트 애니메이션 만들기 스프라이트 애니메이션 기능을 이용하여 움직이는 애니메이션을 만들수 있습니다.스프라이트 애니메이션은 여러컷으로 구성된 한개의 이미지파일을 자연스럽게 애니메이션으로 플레이 해줍니다. 애니메이션을 만들 이미지 원본 준비아래 이미지는 한개 이지만 8개의 프레임으로 구성되어 있으므로, 8개로 잘라서 순서대로 교체해서 보여주면 애니메이션이 완성 됩니다. 준비되었으면 스케치몬으로 애니메이션을 만들어보자먼저 스케치몬 캔버스를 준비하고 ( https://canvas.sketchmon.com ) 1. 화면에 사각 박스를 적당한 사이즈로 드래그 하여 그리고, 배경을 없애 투명하게 만듭니다. 2. 만들어진 사각박스를 선택한 뒤 우측 [배경이미지 채우기] 를 클릭하여 이미지를 선택하면 아래와 같이 사각박스에 이미지가 들어갑니.. 2025. 9. 2. 스케치몬 타임라인으로 통통튀는 공 만들기 스케치몬 타임라인으로 통통튀는 공 만들기 예제입니다.타임라인을 이용하면 간단한 애니메이션을 만들 수 있습니다. 자세한 사용법은 아래 영상으로 확인하세요. https://youtube.com/shorts/_UXdf5l3u5Q 2025. 9. 2. 그림(이미지) 넣기 - 직접 이미지파일을 업로드 하여 넣기 그림을 넣는 방법은 아래의 세 가지 방법이 있습니다.1. 스케치몬 내의 [이미지 검색] 메뉴를 통해 이미지를 검색하여 넣기2. 외부 다른 사이트에서 이미지를 드래그/드롭 하여 넣기3. 직접 이미지파일을 업로드 하여 넣기 위 세가지 방법 중 3. 직접 이미지파일을 업로드 하여 넣기 에 대해 안내합니다. 1. 드래그 / 드롭 으로 이미지 파일 넣기PC 내에 있는 이미지 파일을 스케치몬 캔버스 영역에 드래그/드롭 하여 이미지를 넣습니다. 2. 삽입된 이미지의 사이즈 및 위치를 조절하여 완성 합니다. * 삽입된 이미지는 콘텐츠 내 리소스로 저장되며 우측 [첨부파일] 탭에서 확인할 수 있습니다. 2025. 9. 2. 그림(이미지) 넣기 - 외부 다른 사이트에서 드래그/드롭 으로 넣기 그림을 넣는 방법은 아래의 세 가지 방법이 있습니다.1. 스케치몬 내의 [이미지 검색] 메뉴를 통해 이미지를 검색하여 넣기2. 외부 다른 사이트에서 이미지를 드래그/드롭 하여 넣기3. 직접 이미지파일을 업로드 하여 넣기 위 세가지 방법 중 2번항목 외부 다른 사이트에서 드래그/드롭 으로 넣는 방법에 대해 안내합니다. 1. 스케치몬 페이지와 외부 다른 사이트의 창을 별도로 열어 아래 이미지와 같이 나란히 놓고, 이미지를 캔버스로 드래드/드롭 합니다. 2. 이미지가 삽입되면 사이즈와 위치를 조절하여 마무리 합니다. * 삽입된 이미지는 콘텐츠 내 리소스로 저장되며 우측 [첨부파일] 탭에서 확인할 수 있습니다. 2025. 9. 2. 그림(이미지) 넣기 - 이미지 검색하여 넣기 그림을 넣는 방법은 아래의 세 가지 방법이 있습니다.1. 스케치몬 내의 [이미지 검색] 메뉴를 통해 이미지를 검색하여 넣기2. 외부 다른 사이트에서 이미지를 드래그/드롭 하여 넣기3. 직접 이미지파일을 업로드 하여 넣기 위 세가지 방법 중 1번항목 [이미지 검색] 메뉴를 통해 이미지 검색하여 넣는 방법에 대해 안내합니다. 1. 우측 [이미지검색] 탭 메뉴를 선택하고 상단에 찾고싶은 이미지 검색어를 입력한뒤 키보드 엔터를 입력하거나, 우측 돋보기 아이콘을 클릭 합니다. 2. 검색된 이미지 중 삽입하고자 하는 이미지를 캔버스 영역으로 드래그/드롭 합니다. 3. 삽입된 이미지의 사이즈를 조절하고 위치를 옮겨 완성합니다.이미지 사이즈 조절 시 키보드 Shift 키 를 누른채로 사이즈를 조절하면 비율이 유지.. 2025. 9. 2. 글 상자 만들기 스케치몬에서 글상자는 간단하게 만들고 편집 할 수 있습니다. 글 상자 만들기상단 메뉴 중 [글 상자] 버튼을 클릭 후 캔버스의 적당한 위치에 클릭 한 뒤 내용을 입력합니다.기본 글상자가 입력되고 편집 상태가 됩니다.내용을 입력하거나, 글을 선택하고 상단의 각종 편집 메뉴를 사용하여 스타일링 합니다. 글 입력이 완료되면 글상자 바깥쪽 캔버스 빈 영역을 클릭하여 완료합니다. 글상자가 선택되지 않은 상태에서 글상자 영역을 한 번 클릭하면 텍스트 박스가 선택되며, 마우스로 드래그 하여 이동하거나, 사이즈를 변경 할 수 있습니다. 글상자 안의 내용을 다시 수정하려면 글상자를 더블클릭하거나 마우스 우클릭 한 뒤 [텍스트 편집]을 선택하면 수정모드로 변환되며 글 내용 수정이 가능합니다. 2025. 9. 2. 디자인 템플릿으로 새 콘텐츠 만들기 스케치몬에서 제공하는 다양한 템플릿을 이용해서 콘텐츠를 쉽고 간편하게 만들 수 있습니다.이번 예제에서는 템플릿을 이용해서 콘텐츠를 만들어보고 이미지 다운로드, 공유URL 생성을 해보겠습니다. 1. 새 콘텐츠 만들기 창을 엽니다.새 콘텐츠를 만들기 창을 여는 방법은 아래의 방법이 있습니다. - 이전에 생성한 콘텐츠가 없는 경우 (신규 가입) 에는 자동으로 새 콘텐츠 생성 창이 열립니다.- 이전에 생성한 콘텐츠가 있는경우 : 스케치몬에 로그인 시 자동으로 내 콘텐츠 목록 창이 열립니다. 이 창 상단의 [새 콘텐츠 생성] 버튼을 클릭합니다. - 다른 콘텐츠가 이미 열려있는 경우 : 상단의 [파일] 메뉴를 클릭하고 하위 메뉴 중 [새 콘텐츠 만들기] 항목을 클릭합니다. 2. [새 콘텐츠 만들기] 창이 열리면 아.. 2025. 9. 2. 새 콘텐츠 (빈 콘텐츠로) 만들기 스케치몬에서 새 콘텐츠를 만들어 보겠습니다.먼저 새 콘텐츠를 만들때 빈 콘텐츠로 시작할것인지, 템플릿을 이용해서 시작할 것인지 선택해야 합니다.우선 빈 콘텐츠로 만들어서 간단한 글 상자를 넣어 보겠습니다. 빈 콘텐츠 만들기새 콘텐츠 만들기 팝업에서 [A4] 상자를 더블클릭 하거나, 한번 클릭 후 하단의 [ok] 버튼을 클릭 합니다.위와같이 빈콘텐츠중 하나를 더블클릭하면 화면에 A4 사이즈의 빈 캔버스가 나타납니다. 글 상자 만들기상단 메뉴 중 [글 상자] 버튼을 클릭 후 캔버스의 적당한 위치에 클릭 한 뒤 내용을 입력합니다. 이미지 파일로 내려받기상단 메뉴 중 [파일 - 파일로 내려받기] 를 선택하면 우측에 "파일로 내려받기" 탭이 열리며, 그 탭 하단의 [파일로 내려받기] 버튼을 클릭합니다. 이후.. 2025. 9. 1. 스케치몬 접속 및 가입 스케치몬 접속하기 url : https://www.sketchmon.com 로그인 및 회원 가입 [회원 가입] 버튼을 클릭하면 아래와 같은 로그인 화면으로 이동합니다.* 회원가입은 무료이며 카카오, 네이버, 구글 계정을 통해 간편하게 로그인/가입할 수 있습니다. (가입시 추가 정보 입력하는 부분은 없습니다.) - 마지막 [스케치몬 ID 로그인] 은 스케치몬과 별도 계약한 단체 계정 입니다. 로그인 완료 로그인을 완료하면 아래와 같은 [새 콘텐츠 만들기] 작성 화면이 뜨며, "빈 콘텐츠"나 적합한 "템플릿"을 선택하여 콘텐츠를 만들 수 있습니다. 이제 콘텐츠를 만들어 보아요~ 2025. 9. 1. 스케치몬 안내 스케치몬은 웹페이지, 상품 이미지, 전단/광고지 등을 누구나 쉽고 간편하게 콘텐츠를 제작할 수 있도록 다양한 기능(디자인 템플릿, 이미지 리소스 등)을 제공하는 웹기반의 디지털 콘텐츠 제작 서비스 입니다. 별도의 프로그램 설치 없이 웹페이지에 접속만으로 모든 작업이 가능하며, 작업 결과물은 인쇄 또는 이미지파일로 다운로드 받거나, 웹페이지 형태로 내보내기하여 다양하게 활용 할 수 있습니다. [스케치몬 제작 콘텐츠] 무료 가입만으로도 필요한 기능들을 대부분 사용할 수 있으니, 지금 바로 사용해 보세요~ 스케치몬 서비스 바로가기 : https://www.sketchmon.com sketchmon무료 디지털 웹 콘텐츠 제작 프로그램 skethcmon(스케치몬), 교육 콘텐츠 저작 프로그램, flow codi.. 2025. 9. 1. 이전 1 2 다음
