손글씨 소셜 게시물

이 도구에 대하여

손으로 쓴 한마디는 타이핑한 문장이 하지 못하는 방식으로 스크롤을 멈추게 합니다. 사람이 쓴 것처럼 보이기 때문입니다. 더 정확히는 *손*이 쓴 것처럼 보이기 때문이죠. 글자 크기가 들쭉날쭉하고, 줄이 흘러가고, 잉크 농도가 달라집니다.

글을 입력하고 올릴 플랫폼을 고르면, 그 플랫폼이 원하는 정확한 크기의 이미지가 나옵니다. 나중에 자를 필요도, 크기를 짐작할 필요도, 가입할 필요도 없습니다. 모두 브라우저 안에서 그려지고 아무것도 업로드되지 않습니다.

핵심은 크기입니다

플랫폼마다 이미지 비율이 다르고, 비율이 맞지 않으면 잘립니다. 그것도 대개 글자 한가운데가 잘립니다.

• 인스타그램, 스레드, 틱톡 — 정사각 1080 × 1080, 세로형 1080 × 1350, 스토리·릴스 1080 × 1920
• 페이스북, 링크드인 — 피드용 정사각 1200 × 1200, 링크 이미지용 가로형 1200 × 630
• X — 1600 × 900
• 핀터레스트 — 1000 × 1500, 핀이 전제하는 2:3 비율
• 유튜브 — 썸네일용 1280 × 720
• 필요한 규격을 정확히 안다면 직접 지정도 가능합니다

하나를 고르면 이미지는 정확히 그 픽셀 수가 됩니다. 내려받은 그대로 올리면 됩니다.

글씨 크기는 스스로 정해집니다

종이에 쓰는 것과 결정적으로 다른 지점입니다.

편지는 두 번째 장으로 넘어가도 됩니다. 게시물은 안 됩니다. 그래서 글씨 크기는 설정해 두고 잘되기를 바라는 값이 아니라, 계산으로 풀리는 값입니다. 도구가 여러분의 글이 화면 안에 들어가는 가장 큰 크기를 찾아 그 값을 씁니다.

네 단어짜리 문구를 쓰면 크고 굵게 나옵니다. 한 문단을 붙여 넣으면 들어갈 만큼 작아집니다. 잘린 줄이 생기는 일도, 맞는 크기를 찾겠다고 슬라이더를 만지작거릴 일도 없습니다.

화면 채우는 정도는 글씨 주변에 여백을 더 두고 싶을 때 그 값을 되돌립니다. 100%면 글자가 여백 끝까지 닿고, 보통 90% 안팎이 더 보기 좋습니다.

왜 글꼴처럼 보이지 않을까

글꼴은 a를 매번 똑같이, 똑같은 줄 위에, 똑같은 크기로 그립니다. 어떤 손도 그렇게 쓰지 않고, 그래서 손글씨 글꼴은 늘 어색합니다.

여기서는 글자마다 따로 그리면서 약간의 위치 어긋남, 약간의 회전, 크기의 작은 변화, 잉크 농도의 작은 변화를 줍니다. 그리고 각 줄이 제자리에서 조금 위아래로 흘러갑니다. 흐트러진 정도가 그 세기를 정합니다. 0은 아주 반듯한 글씨, 35쯤은 평범한 손글씨, 80 이상은 급하게 휘갈긴 글씨입니다.

이 흔들림은 주사위가 아니라 각 글자의 위치에서 계산되므로, 단어를 하나 더해도 이미 쓴 부분이 통째로 뒤섞이지 않습니다.

배경

• 단색 — 포스트잇 노랑, 흰색, 미색, 연한 파랑, 연한 분홍, 연한 민트, 그리고 어두운 색 두 가지
• 부드러운 그라데이션 — 노을, 바다, 라일락, 밤
• 종이 — 줄노트나 모눈종이. 공책에서 뜯어낸 느낌을 원할 때
• 아무것도 없음 — 투명 PNG. 손글씨를 사진이나 영상 위에 바로 얹을 수 있습니다

어두운 배경 두 가지와 「밤」에서는 잉크를 흰색이나 분필 크림색으로 바꾸세요. 그러지 않으면 글씨가 보이지 않습니다.

모서리에 고정하기

무언가가 붙잡고 있으면 메모가 더 실제 물건처럼 보입니다. 모서리 장식을 고르면 왼쪽 위, 오른쪽 위, 또는 양쪽 모두에 붙습니다.

• 납작 압정 — 색이 들어간 손잡이, 더 어두운 머리, 강철 침
• 둥근 압정 — 볼록한 머리에 하이라이트가 들어간 형태
• 테이프 한 조각 — 모서리를 가로질러, 실물처럼 반투명하게
• 클립 — 가장자리에 끼운 모습
• 별, 하트, 반짝임 — 사실감보다 장식을 원할 때

모두 이미지 파일을 붙여 넣은 것이 아니라 그려 낸 것이라, 630픽셀 링크 이미지든 1920픽셀 스토리든 또렷하게 유지되고 색도 자유롭게 정할 수 있습니다. 압정이 메모 위에 얹히듯, 장식도 글씨 위에 얹힙니다.

기능

• 인스타그램, 스레드, 틱톡, 페이스북, 링크드인, X, 핀터레스트, 유튜브를 아우르는 아홉 가지 규격과 직접 지정
• 들어가도록 계산된 글씨 크기 — 잘리지도, 짐작하지도 않습니다
• 일곱 가지 손글씨체와 여덟 가지 잉크(어두운 배경용 두 가지 포함)
• 열여섯 가지 배경 — 색, 그라데이션, 종이, 투명
• 가운데·왼쪽·오른쪽 정렬과 화면의 위·가운데·아래 배치
• 같은 손글씨체로 이름이나 계정을 넣는 서명
• 위쪽 어느 모서리에나 넣을 수 있는 압정 두 종류, 테이프, 클립, 별, 하트, 반짝임(색 자유)
• 깔끔한 결과가 너무 완벽할 때 쓰는 사진 느낌
• 고른 규격의 픽셀 크기 그대로 PNG 또는 JPG
• 100% 브라우저 안에서 — 업로드 없음, 계정 없음, 워터마크 없음

이렇게 쓰면 좋습니다

• 디자인이 아니라 손으로 쓴 것처럼 보이는 글귀 게시물
• 날짜, 출시, 감사 인사처럼 개인적인 목소리로 읽히는 공지
• 사진 사이에 끼워 넣는, 내 색으로 만든 스토리 한 장
• 손글씨가 늘 반응이 좋았던 핀터레스트 핀
• 내 사진이나 영상 위에 얹는 투명 PNG
• 스톡 이미지로 가득한 피드에서 눈에 띄는 링크드인 게시물 이미지

알아 두면 좋은 점

• 손글씨체는 웹폰트라서 맨 처음 그릴 때만 잠시 기다립니다. 그다음부터는 캐시되어 바로 나옵니다.
• 글씨가 아주 작게 나온다면, 납작한 비율에 글이 너무 많은 것입니다. 줄이거나 스토리·핀터레스트 핀처럼 세로로 긴 규격으로 바꾸세요.
• PNG는 보이는 그대로를 유지하며, 투명 배경 게시물에는 이쪽을 쓰세요. JPG는 파일이 작지만 투명을 담지 못해 배경이 흰색이 됩니다.
• 이것은 손글씨의 이미지일 뿐 여러분의 글씨가 아닙니다. 게시물과 이미지 작업에는 문제없지만, 손으로 써야 하는 곳에서 손글씨인 척 제출하지 마세요.

관련 도구

• 텍스트를 손글씨로 — 같은 글씨를 전체 페이지나 작은 메모로, PDF까지
• 밈 만들기 — 사진 위에 굵은 자막 넣기
• 글자를 피사체 뒤에 — 사진 속 피사체 뒤로 지나가는 글자
• 사진 콜라주 만들기 — 여러 사진을 한 게시물에
• 이미지 크기 조절 — 이미 가진 이미지의 크기 바꾸기
• 서명 만들기 — 진짜 서명을 투명 PNG로

사용 방법

• 입력 칸에 글을 쓰세요 — 명언, 짧은 생각, 공지
• 올릴 곳을 고르면 이미지가 정확히 그 크기가 됩니다
• 손글씨체, 잉크, 배경을 고르세요 — 먼저 포스트잇 노랑을 써 보세요
• 꽂아 두거나 붙여 둔 느낌을 원하면 모서리 장식을 더하세요
• 「흐트러진 정도」를 움직여 글꼴처럼 보이지 않을 때까지 맞추세요. 35쯤이 시작하기 좋습니다
• 글을 정렬하고 위·가운데·아래 중 어디에 놓을지 정하세요
• 모서리에 계정을 넣고 싶으면 「서명 넣기」를 켜세요
• 「PNG 내려받기」를 누르세요 — 파일은 이미 올리기 좋은 크기입니다