버튼 이미지 쉽게 생성하는 방법 (디자인 스킬 필요 X)
블로그 게시물을 작성하다가 추가하고 싶은 링크 URL을 버튼으로 보여주고 싶은 적 있으신가요? 간단하게는 텍스트에 URL을 넣을 수도 있지만 버튼 이미지가 들어가면 좀 더 주목도 있고 깔끔한 디자인이 가능한데요. CSS 버튼 제너레이터라는 툴을 사용해 많이들 만드시는 것 같지만 나는 CSS고, html이고 다 귀찮고 모르겠다 하시는 분들은 직접 이미지 버튼을 쉽게 만들어보세요. 어떻게요? 요즘 핫한 디자인/영상 툴인 캔바를 이용해서 말이에요!
블로그 대표 이미지를 만들 때 국내 디자인 플랫폼인 미리캔버스를 많이 쓰는데 캔바는 외국 버전이고, 개인적인 생각으로는 디자인할 수 있는 요소나 템플릿이 좀 더 다양한 편인 것 같아요. (나중에는 미리캔버스에 대해서도 한번 소개해 볼게요😊)
캔바가 뭔가요?
캔바는 '누구나 쉽게 하는 디자인'을 모토로 하는 온라인 디자인 및 비주얼 커뮤니케이션 플랫폼입니다. 쉽게 말하면 디자인을 간편하게 제작하고 게시하고 또 공유해서 함께 편집할 수 있게 해주는 아주 똑똑한 요즘 시대 플랫폼이죠. 말로 설명을 듣는 것보다는 직접 디자인 제작물을 만들어보시면 어떤 건지 감이 오실 거예요!
캔바로 버튼 이미지 디자인 하는 방법
캔바에서 디자인을 한다는 것은 ppt에 도형을 그리는 만큼 쉽습니다. 그럼 함께 버튼을 만들어 보도록 할게요.
1. 캔바에 무료 가입 하시고, 로그인을 하시고, 우측 상단에 '디자인 만들기' 버튼을 클릭해 주세요.
2. 빈 디자인을 불러올 거라 '인스타그램 게시물'을 선택해 주세요. 그러면 정사각형 모양의 빈 캔버스가 생깁니다.
3. 좌측 메뉴 중 '요소'를 클릭하면 도형, 그래픽 등 다양한 이미지 요소들이 불러와집니다.
4. 돋보기 검색에 '버튼'을 입력하고 검색, 하단에 뜨는 그래픽 '모두 보기'를 클릭해 주세요.
빨간 박스의 왕관은 유료회원이 쓸 수 있는 디자인이고, 초록색 박스처럼 왕관 모양이 없으면 무료 회원도 사용 가능합니다. 초록색 박스의 버튼을 눌러볼게요.
5. 빈 캔버스에 버튼 이미지를 불러왔습니다. 이제 버튼에 텍스트(글자)를 써넣어야겠죠? 좌측 메뉴에 텍스트를 클릭하면 기본 텍스트와 디자인 텍스트를 골라 사용하실 수 있습니다. 저는 '글꼴 조합'에서 마음에 드는 디자인 선택을 선택했어요.
6. 원래 있던 텍스트 내용을 지우고 원하는 텍스트를 입력합니다.
마우스를 캔버스 빈 곳에 클릭하고 Ctrl+A 또는 마우스 왼쪽 클릭 후 드래그로 긁어 모든 레이어를 선택해 주세요. 레이어가 선택된 곳에 마우스 커서를 올리고 우측 버튼을 눌러 나오는 메뉴 중 '선택 항목 다운로드'를 클릭하여 이미지를 다운로드하여 줍니다.
7. 그러면 아주 예쁜 버튼 이미지가 만들어졌네요. 완성!
처음 만든 버튼은 이미지가 아주 클 거예요. 블로그 편집 툴을 이용하거나 포토샵을 이용해 원하는 사이즈로 줄여서 사용하세요!
특별한 디자인 스킬 없이 멋진 버튼이 완성됐습니다. 이제 누구나 디자인이 가능하고, 자기가 생각한 바를 비주얼로 만들어 낼 수 있는 시대가 온 것 같습니다. 멋진 콘텐츠 만드시기 바라겠습니다! 감사합니다.
함께 보면 좋은 글
댓글