편집 가능한 텍스트와 템플릿으로 밈을 만드는 방법.

Meme Generator를 열고 로봇 반응을 선택하여 이 예시를 따라 하세요. 두 가지 분위기를 선택하면 두 장의 사진을 비교하는 작업이 시작됩니다. 최대 25 MB까지 지원되는 자신의 이미지를 업로드할 수도 있습니다. 원본 로봇 아트워크는 도구에 포함되어 있으며, 이 튜토리얼은 타사 밈 템플릿 이미지를 사용하지 않습니다.

사진 위에 텍스트를 올리려면 Classic을 유지하세요. Headline과 펀치라인은 흰색 캡션 띠를 추가하며, 기대 / 현실와 남들이 생각하는 것는 독립적으로 교체 가능한 두 장의 사진을 제공합니다. Spotlight는 흰색 프레임을 추가합니다. 작성하기 전에 레이아웃을 선택하세요. 레이아웃을 전환하면 시작 텍스트와 배치가 바뀝니다.

상단 캡션을 클릭하거나 탭하고 MY NEXT GREAT IDEA로 바꾸세요. 텍스트가 이미지 위에서 직접 변경됩니다. 선택한 캡션 아래의 이동 핸들을 드래그하여 조금 더 아래로 배치하세요. 기록된 예시에서 포인터는 시연된 모바일 미리보기 크기에서 18 CSS 픽셀 아래로 이동합니다.

예시를 위해 두 번째 시작 캡션은 유지하세요. 텍스트 추가를 누르면 최대 16개의 레이어와 각 레이어당 1,000자까지 캡션을 더 만들 수 있습니다. 캡션 복제는 선택한 레이어를 복사하고, 맨 앞으로 가져오기는 텍스트가 겹칠 때 순서를 변경하며, 캡션 삭제는 해당 캡션을 제거합니다. 실행 취소와 다시 실행을 통해 최근 변경 사항을 복구할 수 있습니다.

플로팅 툴바에서 글꼴(Font)을 엽니다. 이 내보내기 결과를 재현하려면 텍스트 크기를 108픽셀로, 회전을 -8도로 설정하세요. 기본 소스 캔버스는 1200 x 900픽셀이므로, 크기는 브라우저 확대/축소가 아닌 실제 출력물을 기준으로 측정됩니다. 텍스트 너비는 줄 바꿈을 제어하며, 정렬 버튼으로 줄을 왼쪽, 가운데, 오른쪽으로 배치할 수 있습니다.

B, I, Aa 컨트롤을 사용하여 굵게, 기울임꼴, 대문자로 변경하세요. 텍스트 모양 컨트롤은 채우기 색상, 불투명도, 윤곽선 및 배경을 제어합니다. 윤곽선이나 배경 색상을 선택하면 해당 효과가 활성화됩니다. '시스템 글꼴 사용'은 지원되는 경우 브라우저에 로컬 글꼴에 대한 액세스를 요청하며, 포함된 글꼴은 권한 없이도 작동합니다.

모든 템플릿 사진은 변경할 수 있습니다. 단일 사진 레이아웃에는 캔버스 아래에 '이미지 교체'가 있습니다. 두 장의 사진 레이아웃은 각 패널에 교체 버튼이 있으며, 이미지 카드에서도 동일한 옵션을 제공합니다. '프레임 채우기'는 사진 가장자리를 자를 수 있으며, '전체 이미지 표시'는 전체 소스를 보이게 유지합니다.

PNG을 선택한 다음 시작(Start)을 선택하세요. 결과 페이지에서 다운로드(Download)를 사용하여 이미지를 저장하세요. 이 예제는 편집된 상단 캡션, 두 번째 캡션, 추가된 워터마크 없는 1200 x 900픽셀 PNG을 생성했습니다. 아래 비교는 해당 다운로드 파일을 사용합니다.

PNG은 선명한 글자를 위한 좋은 선택입니다. JPG과 WebP는 압축을 통해 파일 크기를 줄일 수 있습니다. 다운로드된 결과물은 정적이고 평면화된 이미지이므로 캡션은 더 이상 별도의 편집 가능한 개체가 아닙니다. 편집기가 열려 있는 동안 대체 버전을 만드세요. 편집기나 결과 페이지를 새로 고치면 도구 페이지로 돌아갑니다.