# 템플릿 만들기 커뮤니티에서 사용자의 성취를 인정하고 축하하기 위해 설계된 멋진 기능인 인증서(Certificates)를 소개하게 되어 기쁩니다. 인증서 기능을 통해 개인화된 수료증을 만들고 사용자에게 발급할 수 있습니다. 이번 초기 출시에서는 강의 완료에 대한 수료증 발급을 쉽게 만드는 데 중점을 두었습니다. 시작하는 방법은 다음과 같습니다: 이 글의 내용: * [인증서 메뉴 찾기](#인증서-메뉴-찾기) * [템플릿 만들기](#템플릿-만들기) * [템플릿 편집하기](#템플릿-편집하기) ## **주요 기능:** 인증서 빌더는 더 빠른 로딩, 부드러운 편집, 그리고 외부 도구 없이도 전문적인 레이아웃을 지원하도록 새롭게 구축되었습니다. * 반응형 캔버스: 즉시 미리보기가 가능한 부드럽고 실시간적인 편집 * 표준 및 커스텀 크기: A4, US Letter를 선택하거나 맞춤형 캔버스 크기 설정 * 풍부한 디자인 요소: 드래그 앤 드롭으로 편집 가능한 선, 도형, 그래픽, 아이콘 추가 * 현대적인 템플릿: 전문적으로 디자인된 템플릿에서 시작하여 브랜드에 맞게 커스터마이징 * 프레임과 서명: 확장된 프레임 옵션과 미리 디자인된 폰트 스타일이 적용된 서명 필드 * 배경 커스터마이징: 그라데이션 배경을 사용하거나 이미지를 업로드한 다음, 원하는 정확한 영역으로 확대, 이동, 자르기 **팁: 뱃지 빌더(Badge Builder)를 사용해보셨다면, 이 경험은 일관된 성능을 위해 동일한 디자인 엔진으로 구동됩니다.** ## **인증서 메뉴 찾기** 인증서를 시작하려면: * 왼쪽 메뉴에서 멤버십(Memberships) > 인증서(Certificates)로 이동하세요 ![인증서 메뉴 찾기](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155010491418/original/UDLUBmWon7i-7gGLUfOf5d5VJ2gX2SnB5w.png?1697660185) ## **템플릿 만들기** 인증서 템플릿을 만들기 시작하려면: * *새로 만들기(New)* 버튼을 클릭하세요 * 템플릿을 만들려면 인증서 템플릿(Certificate Templates) 또는 빈 인증서(Blank Certificates)를 선택하세요 ![템플릿 선택](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155010492067/original/3D8JLDvxZ1pd_sb53LmPswUHf40xWILFyQ.png?1697660747) ### **기존 템플릿 선택하기** 기존 템플릿에서 템플릿을 만들려면: * 템플릿을 선택하세요 * *확인(Confirm)* 버튼을 클릭하세요 * 템플릿이 사용할 준비가 완료됩니다 ![템플릿 확인](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155010492335/original/pR3lrjO-urp1JV0kk-LOrYYZJ5CHfFDW5w.png?1697661470) ![템플릿 준비 완료](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155010492555/original/sCOyrNnOIdY8dn8i9h1JFdS_-aD8V2R45g.png?1697662056) ### **처음부터 템플릿 만들기** 처음부터 템플릿을 만들려면: * *빈 인증서(Blank Certificates)* 버튼을 클릭하세요 * 처음부터 만들기를 시작하세요 ![빈 템플릿으로 시작](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155010492573/original/bT3kywKc2PuBXuU4M7Yy7HWVqHu6FRT7Pg.png?1697662124) ## **템플릿 편집하기** 템플릿을 편집하려면 다양한 요소들을 사용할 수 있습니다: #### 1. 레이아웃(Layout): * 레이아웃을 선택하려면 \*레이아웃(Layout)\*을 클릭하고 세로(Portrait) 또는 가로(Landscape) 중에서 선택하세요 * 선택한 후에는 각 레이아웃에 맞는 프레임을 선택할 수 있습니다 * 프레임을 제거하려면 (오른쪽 바에서) 같은 프레임을 다시 클릭하세요 ![레이아웃 선택](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155010492648/original/-yXZPAA3uUS5wn0YYQM_6JV65UNqROgRqA.png?1697662356) ***참고***: 레이아웃을 세로에서 가로로 또는 그 반대로 변경하면 편집 내용이 손상될 수 있습니다. ![레이아웃 변경 주의사항](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155010492813/original/73uw2Kk-z-RoyRlIDXirIwiWMAEV0RDplA.png?1697662750) #### 2. 배경(Background): * 배경을 선택하려면 배경(Background)을 클릭하세요 * 색상을 선택하세요 * 배경으로 이미지를 업로드하거나 이미지 링크를 입력해서 업로드하세요 * 투명도 슬라이더를 사용해서 배경 이미지나 색상의 투명도를 선택하세요 * 배경 이미지로 패턴을 선택하려면 패턴(Patterns)을 클릭하고 패턴을 선택하세요. 추가로 패턴의 색상도 선택할 수 있습니다 ![배경 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155010492892/original/JxYtQty_YqQpW12lbPbv_ghSf8P-doDSxQ.png?1697663074) ![배경 패턴 선택](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155010492968/original/vMyrWzD4Z1cBaZEfOG5NQ2MwS9EvXUfpSg.png?1697663373) #### 3. 헤더(Header) * 헤더를 추가하려면 *헤더(Header)* 요소를 템플릿에 드래그 앤 드롭하고 선택한 후 텍스트 편집을 시작하세요 * 복사 및 삭제 아이콘을 클릭해서 요소를 복제하거나 삭제할 수 있습니다 * 텍스트를 선택한 후 상단 바에서 폰트 스타일, 폰트 크기, 폰트 종류(제목 1, 제목 2 등), 폰트 색상 등을 선택하세요 * 크기를 조절하려면 텍스트 박스의 파란색 점을 이동하세요 ![헤더 추가](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155010493078/original/YLoHp-dsmvWek9_bPWzEN3Ph3-se8I6juQ.png?1697663759) ![헤더 편집](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155010493203/original/f4yu5bSJswzGBD6Fk-E4u0EumbGg0Ja4xA.png?1697664037) #### 4. 텍스트(Text) * 텍스트를 추가하려면 *텍스트(Text)* 요소를 템플릿에 드래그 앤 드롭하고 선택한 후 텍스트 편집을 시작하세요 * 복사 및 삭제 아이콘을 클릭해서 요소를 복제하거나 삭제할 수 있습니다 * 텍스트를 선택한 후 상단 바에서 폰트 스타일, 폰트 크기, 폰트 종류(제목, 본문 등), 폰트 색상 등을 선택하세요 * 크기를 조절하려면 텍스트 박스의 파란색 점을 이동하세요 ![텍스트 추가](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155010493415/original/JaKgxTn-HPAxnP9D3pPuEEQPi5_yPUPAYA.png?1697664751) #### 5. 이미지(Image) * 이미지를 추가하려면 *이미지(Image)* 요소를 템플릿에 드래그 앤 드롭하세요 * 이미지를 업로드하거나 이미지 링크를 추가해서 업로드하세요 * 투명도 슬라이더를 사용해서 배경 이미지의 투명도를 선택하세요 * 크기를 조절하려면 박스의 파란색 점을 이동하세요 ![이미지 추가](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155010493581/original/bTnBsbbxjvpM13IgQ76NqpOKrBtAB6dIeQ.png?1697665218) #### 6. 뱃지(Badge) * 뱃지를 추가하려면 *뱃지(Badge)* 요소를 템플릿에 드래그 앤 드롭하세요 * 옵션에서 클릭해서 뱃지를 선택하세요 * 크기를 조절하려면 박스의 파란색 점을 이동하세요 ![뱃지 추가](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155010493705/original/im6yZ9CjMmcLDfb51pFvp4YE1-Nr6vPzeQ.png?1697665482) #### 7. 서명(Signatures) * 서명을 추가하려면 *서명(Signature)* 요소를 템플릿에 드래그 앤 드롭하세요 * 옵션에서 클릭해서 서명을 선택하세요 * 서명을 선택한 후 서명 스타일을 선택하세요 * 크기를 조절하려면 박스의 파란색 점을 이동하세요 ![서명 추가](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155010493737/original/yJHOjV1hL6_1mcRME_jzplC8w60qlz8pAA.png?1697665603) ### **템플릿 미리보기 및 저장** * 템플릿을 미리보려면 *미리보기(Preview)* 버튼을 클릭하세요 * 템플릿을 저장하려면 *저장(Save)* 버튼을 클릭하세요 * 템플릿을 저장하기 전에 상단 섹션에서 인증서의 관련된 이름을 입력하세요 ![템플릿 미리보기 및 저장](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155010494542/original/97ZeVjxTg_-Rga03DoR8W--LzkeBpANo_w.png?1697666809) ### 저장된 템플릿 * 저장한 후 뒤로(Back) 버튼을 클릭하세요 * 저장된 템플릿은 템플릿(Template) 탭에서 볼 수 있습니다 * 점 세 개 메뉴에서 템플릿을 미리보기, 편집 또는 삭제할 수 있습니다 ![저장된 템플릿 관리](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155010494591/original/xRScoCdIvAGL8xmK1s-C2-ODWxfUWedlmw.png?1697667027) *** *원문 최종 수정: Wed, 11 Feb, 2026 at 2:02 AM* *Hyperclass 사용 가이드 — hyperclass.ai* --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://hyperclass.gitbook.io/hyperclass-docs/certificates/create-a-template.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.