HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
YouTube Contents Management
YouTube Contents Management
/
Youtube Creator’s Dashboard
Youtube Creator’s Dashboard
/
템플릿 꾸미기
템플릿 꾸미기
템플릿 꾸미기

템플릿 꾸미기

1. 템플릿 메인 컬러 꾸미기2. 배너 꾸미기 w/ illustrator & ai file (포토샵도 가능)3. 구분선 만들기

1. 템플릿 메인 컬러 꾸미기


우선 Adobe Color 의 “탐색” 기능을 활용하여 마음에 드는 색깔 조합을 찾습니다.
color.adobe.com
color.adobe.com
https://color.adobe.com/ko/explore?page=2
 
원하는 색생 조합의 각 색상 코드를 기억합니다. 해당 색깔을 클릭하면, 자동으로 색상 코드가 복사됩니다.
notion image
 
원하는 텍스트, 배경색, 블록 등의 찾아 다음과 같은 수식을 활용하여 위 색상 코드를 삽입합니다.
해당 코드 맨 앞과 뒤에 $$를 입력해 주거나 원하는 공간에 우클릭하여 ‘수학 공식 만들기’를 불러내어 사용이 가능합니다.
 
글자색 변경 : \color{원하는 색상} 원하는 글자
글자 배경색 변경 : \colorbox{원하는 배경 색상} 원하는 글자
구분선 색상 변경 : \color{색상 코드}\rule{가로 길이 px}{세로 길이 px}
 
캘린더 내 사용 원할 시 + 속성 추가 → 텍스트 유형 추가 후 색상 속성을 만들어 구분선 색상 변경 코드를 삽입해 주면 됩니다. 만약 진행 후에도 색상이 보이지 않는다면 상단 우측 점 3개 클릭 → 속성 → 색상 속성 표시하기를 클릭해 주시면 됩니다.
 

2. 배너 꾸미기 w/ illustrator & ai file (포토샵도 가능)


 
Notion Styling.ai
845.1KB
 
위의 PSD 파일을 다운로드 받고, 원하는 글자를 위에 삽입한 뒤, png 혹은 jpg로 추출합니다.
 
notion image
 
폰트의 경우 아래 링크에서 다운 가능하며, 원하는 대로 변경이 가능합니다.
 
Georgia Pro from Carter & Cone
A serif typeface with 20 styles, available from Adobe Fonts for sync and web use. Adobe Fonts is the easiest way to bring great type into your workflow, wherever you are.
Georgia Pro from Carter & Cone
https://fonts.adobe.com/fonts/georgia-pro
Big Caslon from Carter & Cone
A serif typeface with 6 styles, available from Adobe Fonts for sync and web use. Adobe Fonts is the easiest way to bring great type into your workflow, wherever you are.
Big Caslon from Carter & Cone
https://fonts.adobe.com/fonts/big-caslon
Source Sans from Adobe Originals
A sans serif typeface with 12 styles, available from Adobe Fonts for sync and web use. Adobe Fonts is the easiest way to bring great type into your workflow, wherever you are.
Source Sans from Adobe Originals
https://fonts.adobe.com/fonts/source-sans
 
커스텀 배너를 제작하고 싶을 경우, Adobe Stock 과 같은 고화질 소스를 활용하여 대지 속에 임베드하는 것도 추천드립니다.
 
notion image
 

3. 구분선 만들기


 
구분선을 만드는 방법으로는 두 가지가 있습니다.
 
첫 번째는 노션 내 코드를 활용하여 색깔 구분선을 만드는 방법입니다.
Adobe Color 와 같은 컬러 큐레이션 서비스 혹은 미리 정해둔 색상 코드를 복사하고 아래 코드에 붙여넣습니다.
 
\color{색상 코드}\rule{가로 길이 px}{세로 길이 px}
 
위와 같이 입력하면 다음과 같은 구분선을 만들 수 있습니다.
 
notion image
 
 
두 번째는 도형, 사진 등을 이용하여 일러스트 내에서 제작하는 방법입니다. 위에서 다운로드 받을 수 있는 ai 파일 내에는 구분선용 대지가 준비되어 있습니다.
 
notion image
 
해당 대지와 툴을 활용하여 원하는 형태의 구분선을 제작하고, jpg 혹은 png로 추출하여 노션에 삽입합니다.