밈 메이커

이 밈 및 콜라주 메이커의 기능

밈 또는 콜라주 만드는 방법

1. 1
   캔버스 크기 선택

   프리셋(정사각형, 세로, 스토리 또는 와이드)을 선택하거나 사용자 정의 너비와 높이를 입력하세요. 정사각형 1080은 게시물에 안전한 기본값이며, 스토리는 세로 릴 및 스토리에 적합합니다.

2. 2
   이미지 추가

   이미지 추가를 클릭하여 업로드하거나, 파일을 페이지로 드래그하거나, Ctrl+V(Cmd+V는 Mac)로 클립보드에서 스크린샷을 붙여넣으세요. 각 이미지는 자체 레이어가 됩니다.

3. 3
   각 레이어 위치 및 크기 조정

   레이어를 클릭하여 선택한 다음 드래그하여 이동하세요. 모서리 핸들을 사용하여 크기를 조정하세요. 이미지 레이어는 비율을 유지하므로 찌그러지지 않습니다.

4. 4
   원하는 부분으로 자르기

   이미지 레이어가 선택된 상태에서 레이어 자르기를 클릭하고 레이어 안에 사각형을 드래그한 후 적용하세요. 자르기는 파괴적이지만 언제든지 모두 지우기를 선택하여 다시 시작할 수 있습니다.

5. 5
   밈 캡션 추가

   텍스트 추가를 클릭하세요. 기본값은 검은색 테두리가 있는 흰색 대문자 Impact로, 클래식 밈 모양입니다. 텍스트를 편집하고 위치를 조정한 후 속성 패널에서 글꼴, 크기 및 색상을 조정하세요.

6. 6
   레이어 순서 변경

   앞으로 및 뒤로를 사용하여 어떤 레이어가 위에 있는지 제어하세요. 눈 아이콘을 전환하여 레이어를 삭제하지 않고 숨길 수 있습니다.

7. 7
   내보내기 및 다운로드

   PNG(투명도 또는 선명한 텍스트에 최적), JPEG(사진이 많은 밈에 가장 작음) 또는 WebP를 선택하세요. 구성 다운로드를 클릭하세요. 전체 해상도 결과는 로컬에서 생성되어 귀하의 장치에 저장됩니다.

레이어 캔버스 컴포저 작동 방식

1. 각 레이어는 위치(x, y), 크기(너비, 높이), z-순서 및 가시성을 가집니다.
2. 이미지 레이어는 createImageBitmap(file)에서 ImageBitmap을 보유합니다.
3. 텍스트 레이어는 텍스트와 글꼴, 크기, 채우기, 테두리 및 정렬을 보유합니다.
4. 매 렌더링 시 컴포저는 레이어를 아래에서 위로 순회하며 2D 캔버스에 그립니다.
5. 이미지 레이어는 ctx.drawImage(bitmap, x, y, w, h)를 사용합니다.
6. 텍스트 레이어는 ctx.fillText / ctx.strokeText를 사용하며 레이어의 너비에서 단어 줄 바꿈을 합니다.
7. 자르기는 소스의 하위 영역에서 새로운 ImageBitmap을 생성합니다. 레이어의 표시 크기는 일치하도록 줄어듭니다.
8. 내보내기는 사용자가 편집한 동일한 캔버스에서 canvas.toBlob(format, quality)를 호출합니다.

참조: MDN — CanvasRenderingContext2D.drawImage()

작업 예시

밈 및 콜라주 메이커를 사용할 때

• 포토샵을 배우거나 워터마크 사이트를 신뢰하지 않고 임팩트 스타일의 이미지 매크로를 만드는 것.
• 블로그 게시물, 트윗 또는 버그 보고서를 위한 나란히 또는 전후 스크린샷 구성.
• 세 개의 서로 다른 스크린샷에서 관련 슬라이스를 잘라내고 하나의 이미지로 쌓기.
• 스토리나 피드에 게시하기 전에 전화 사진에 굵은 캡션 텍스트 추가.
• 커스텀 배경에 투명 캐릭터 컷아웃(배경 제거기에서)을 합성하기.
• 브라우저 탭을 떠나지 않고 빠른 반응 이미지를 만들기.
• 여러 패널과 오버레이 텍스트가 있는 트위터/X 형식의 넓은 이미지 만들기.
• 제3자 디자인 도구에 업로드하고 싶지 않은 개인 콜라주 만들기.

관련 도구

자주 묻는 질문