평소에는 “사회보험 적용 확대”니 “급여 계산 실수”니 “AI 프롬프트”니, 진지한(?) 실무·공부 이야기만 써 오던 이 노트인데요…….
오늘은 잠시 어깨에 힘을 빼고, 완전히 취미에 올인한 쉬어가는 회차를 전해드립니다!
발단은 어젯밤 침대에 누워 note를 둘러보고 있을 때의 일이었다.
……어, 이 귀여운 구분선 뭐야!? 일러스트가 조그맣게 얹혀 있어서 완전 세련됐잖아……! 내 note는 항상 회색 한 줄(---)뿐이라 너무 밋밋하지 않아……!?
멋진 크리에이터분들의 글을 보고 있으면, 장과 장 사이에 오리지널 일러스트 구분선이나 귀여운 디자인 바가 자연스럽게 배치되어 있더라고요.
그것을 본 순간, 내 안의 팬심에 확 불이 붙어 버렸습니다.
“나도 내 노트 전용 귀여운 판다 구분선을 만들고 싶어……!!!”
이번에는, 일단 마음먹으면 멈추지 않는 판다의 분투기와 어이없어하면서도 도와준 동료들과의 좌충우돌 메이킹 이야기를 전해드립니다!
※ 기사 후반부에는 note에서 바로 사용할 수 있는 텍스트 구분선 선물도 있습니다 🎁
“구분선, 귀엽게 꾸미고 싶지 않으세요!?”
(장면: 업무 시작 전 휴게 공간. 판다가 스마트폰 화면을 선배들에게 자랑하듯 보여주며 흥분해 씩씩대고 있다)
판다: “이것 좀 보세요! 이 크리에이터분의 note는 소제목 구분에 손그림 카페 일러스트 라인이 들어가 있어요! 세계관이 넘쳐서 정말 멋지지 않나요!? 저도 제 note에 ‘대나무 잎과 판다가 나란히 있는 오리지널 구분 이미지’를 넣고 싶어요!”
아카이브: “……하아. 아침부터 무슨 소리를 꺼내나 했더니. 너, 지난주 ‘사회보험 적용 확대 기사’ 퇴고는 끝낸 거야? 장식에 공들이기 전에, 내용부터 다듬으라고, 내용을! 애초에 그런 가벼운 즉흥 발상으로 일을 늘리면, 도중에 싫증 내고 내팽개치는 게 너의 나쁜 버릇이잖아!”
판다: "으윽……! 그, 그렇지만! 구분선이 귀여우면 읽어주는 독자분들도 '오, 좀 공들였네' 하고 훈훈해지잖아요!"
모피: “후후, 그래도 판다님의 마음도 이해돼요✦ note의 표준 구분선(---)은 심플하고 읽기 쉬운 점이 매력이지만, 오리지널 구분 이미지나 개성 있는 텍스트 라인을 넣으면 글 전체의 ‘브랜드감’과 애착이 단번에 높아지거든요”
부엉이 선배: “가끔은 그런 ‘발신 스타일의 새 단장’을 즐기는 것도, 오래 글을 계속 쓰기 위한 좋은 양념이 된단다. 판다야, 마음먹은 날이 길일이야. 만들어 보렴.”
아카이브: “자, 판다. 어차피 사이즈도 알아보지 않고 대충 만들었다가 ‘이미지가 흐릿흐릿해졌어요~💦’라며 울면서 매달릴 게 뻔하니까, 이거 봐. 내가 메모해 둔 ‘note용 구분 이미지 황금 사이즈’! …ㅂ, 별로 네 작업을 돕고 싶은 게 아니니까!”
note용 “구분 이미지”의 황금 법칙
아카이브 씨가 (츤데레처럼 굴면서도) 알려준, note에 이미지를 구분선으로 배치할 때의 최적 디자인이 바로 이것입니다.
[note용 오리지널 구분 이미지 포인트]
1. 권장 사이즈: 가로 1200px × 세로 60~100px 정도 👉 note 본문 너비에 딱 맞고, 스마트폰으로 봐도 압박감이 없는 가늘고 긴 형태!
2. 배경은 '투명'으로 해서 PNG로 내보내기 👉 흰 배경 그대로도 괜찮지만, 투명으로 해 두면 여백이 자연스럽게 어우러진다.
3. 너무 튀지 않는 '연한 색·가는 선'으로 만들기 👉 구분선이 너무 눈에 띄면 정작 주인공인 본문을 방해하게 된다!
모피: “Canva의 맞춤 크기에서 ‘너비 1200 × 높이 80px’로 새 캔버스를 만들면 딱 맞는 리본 모양의 가늘고 긴 띠가 완성돼요✦”
이미지 생성 AI에 판다 “구분선”
판다: "좋아! Canva로 만들기 전에, 이왕이면 최신 이미지 생성 AI에게 '귀여운 판다 구분선'을 그려 달라고 하자!"
의기양양하게 AI에게 지시를 내려 본 나.
판다 프롬프트: “note 기사에 사용할 구분선. 귀여운 판다와 대나무 잎이 가로 한 줄로 나란히 늘어선, 심플한 플랫 디자인의 라인바”
판다 "귀엽습니다. 흰 부분만 잘라내어 마무리했습니다."
아카이브: “흠…… 뭐, 처음치고는 합격점이네. 더 촌스러운 게 나와서 폐기할 줄 알았거든. ……아, 근데! 우쭐해서 한 기사에 10개씩이나 20개씩이나 마구 붙이면 거슬리니까! 한 기사에 2~3번, 큰 제목 앞에 두는 정도로 해둬!”
【복붙해서 쓸 수 있는】 귀여운 구분선 모음
이미지를 만드는 건 좀 번거롭지만, 늘 쓰던 '---'에서 벗어나 기분 전환을 하고 싶으신 분들을 위해, note 텍스트 입력에 그대로 복사해서 붙여넣어 사용할 수 있는 귀여운 구분선 패턴을 준비해 두었습니다. 자유롭게 사용해 주세요!
🐼 판다계(본 노트 스타일)
✨ 심플·반짝이 계열(어떤 기사에도 잘 어울림)
☕ 내추럴·포근 스타일
GIF로 움직이는 구분선을 만들었습니다.
Gemini에 이미지를 첨부하고, 다음 지시를 입력해 동영상으로 만들었습니다.
대나무 잎과 판다가 왼쪽으로 이동하는 동영상을 만들어 주세요.
또한, Kyosuke님의 ‘Movie to GIF’라는 도구를 사용해 MP4를 GIF로 변환하고, 움직이는 구분선을 만들었습니다.
정리: 소통을 즐기는 '돌아가는 길'도 나쁘지 않아!
판다: "기사 글을 쓰는 것도 즐겁지만, 가끔 이렇게 외형을 살짝 리뉴얼하는 것도 문화제 준비 같아서 정말 설렜어요!"
모피: “자신이 편안하다고 느낄 수 있는 마음에 드는 공간을 만드는 것이, 발신을 오랫동안 즐겁게 이어가는 가장 큰 비결이니까요✦”
아카이브: “그래그래, 만족했으면 어서 다음 실무 기사 집필로 돌아가! 자, 작업용 간식. ……베, 별로 열심히 했다고 주는 포상 같은 거 아니니까! 책상 서랍을 정리하다가 유통기한이 얼마 안 남은 게 있어서 떠넘긴 것뿐이니까!”
판다: “와아! 아카이브 씨, 평소엔 늘 퉁명스러우신데 맛있는 쿠키 주셔서 감사합니다!”
앞으로의 글에는 이 직접 만든 구분선이 가끔 등장할 것 같으니, “아, 판다가 기쁜 듯이 붙였구나”라고 따뜻한 눈으로 봐주시면 기쁘겠습니다 🐼✨
💬 크리에이터 여러분께
여러분은 게시글의 구분선을 어떻게 꾸미고 계신가요? “기본 선을 애용하고 있어요”, “직접 만든 일러스트를 넣고 있어요!”, “이런 기호 조합이 좋아요” 등, 여러분만의 취향이나 추천하는 꾸밈 문자가 있다면 꼭 댓글로 알려주세요!
이 글을 읽고 "기분 전환이 좀 됐어!" "복붙 소재 써봐야겠다!"라고 생각하신 분은, 꼭 '좋아요'를 눌러주시면 큰 힘이 됩니다 🐼✨
출처: note 원문
번역: Gemma 3(.44) 초벌 + 교정 30청크
원문 보기 | 출처: note.com