Photopea 이미지에 글자 넣기: 텍스트 레이어와 크기 적용

흰 문서에 GYEOLLOK을 입력하고 90px로 바꾼 실제 화면입니다.

송상수 · 결록

이 글의 핵심

  1. 문자 도구로 캔버스를 클릭합니다.
  2. 텍스트 편집을 확정합니다.
  3. 숫자를 바꾼 뒤 글자 크기가 실제로 달라졌는지 봅니다.

01. 글자는 별도 레이어로 만들기

이번에는 사진 위에 직접 그리는 대신 문자 도구로 영문 제목을 넣었습니다. Photopea 공식 안내도 텍스트를 별도의 Type Layer로 설명합니다. 직접 만든 흰 배경의 문서를 사용했고 외부 사진이나 브랜드 로고를 가져오지 않았습니다.

02. 문자 도구로 입력하기

왼쪽 문자 도구 T를 선택하고 캔버스의 원하는 위치를 클릭한 뒤 GYEOLLOK을 입력했습니다. 편집 중에는 상단에 Confirm과 Cancel이 보였습니다. Confirm으로 입력을 마치자 레이어 패널에 GYEOLLOK이라는 텍스트 레이어가 생겼습니다.

GYEOLLOK 텍스트 레이어와 90px 크기가 적용된 실제 화면입니다. 우측 광고는 제외했습니다.
GYEOLLOK 텍스트 레이어와 90px 크기가 적용된 실제 화면입니다. 우측 광고는 제외했습니다. · 클릭하면 원본 크기로 열립니다.

03. 크기 확정하기

처음에는 24px로 작게 표시됐습니다. 크기 입력란을 선택해 90을 입력하고 Enter로 확정하자 화면의 글자도 커졌습니다. 숫자만 바뀌고 캔버스가 그대로라면 입력이 적용됐는지 다시 확인해야 합니다. 이번 결과에는 크기 90px가 표시됐습니다.

04. 글자 크기와 화면 배율

편집 화면은 문서를 축소해서 보여 주고 있었으므로 화면에서 잰 글자 높이가 90픽셀로 보이지는 않습니다. 문서 설정과 편집기 확대율은 다른 값입니다. 최종 출력 크기에서 글자가 읽히는지 별도로 확인하세요. 이 실습은 영문 텍스트만 시험했습니다.

05. 수정 가능성을 남기기

텍스트 레이어와 배경이 나뉜 상태를 유지하면 이후 문구를 고치기 쉽습니다. 게시용 이미지와 편집 가능한 원본은 목적이 다르므로 필요한 경우 둘을 구분해 보관하세요. 여기서는 텍스트 입력과 크기 적용까지 확인했으며 완성된 배너 디자인이나 모든 폰트의 호환성을 검증한 것은 아닙니다.

마지막으로 기억할 것

  1. 문자 도구로 캔버스를 클릭합니다.
  2. 텍스트 편집을 확정합니다.
  3. 숫자를 바꾼 뒤 글자 크기가 실제로 달라졌는지 봅니다.

출처: 공식 자료·실습 출처 · 실습한 서비스