위와 같은 디자인을 말 그대로 몇 초 만에 만드는 방법을 알려드리기에 앞서서, 많은 분들이 가지고 있는 불편한 의심을 먼저 불식시키고 본론에 들어 가겠습니다.
소개해 드릴 작업은
1) 포토샵 등의 전문적인 툴을 필요로 하지 않습니다. (지나치게 쉽습니다.)
2) 로그인도 회원가입도 프로그램 설치도 필요 없습니다.
3) 무료입니다. (워터마크도 없습니다.)
이제는 좀 더 편안한 마음으로 다음 글을 읽으실 수 있을 것입니다.
작업을 위해 들어가야할 곳은 ‘망고보드 실험실’ 입니다. (Internet Explorer에서는 정상 작동 되지 않을 수 있으니 크롬 브라우저 사용을 권합니다.) 망고보드 웹사이트(www.mangoboard.net)의 우측 상단에 있습니다. 망고보드 실험실은 다양한 디자인 기능들을 모아 둔 곳입니다. 이름이 실험실이지만 작업 결과물의 완성도가 낮은 것은 아닙니다.
망고보드 실험실에 들어 간 후 ‘텍스트 실험실’ 을 선택하면 설명 드리게 될 기능들을 사용할 수 있습니다.
1. 텍스트 이중 외곽선(윤곽선)만들기
먼저 텍스트 이중 외곽선을 만들어 보겠습니다. 메뉴에서 ‘텍스트 외곽선’을 선택한후 디자인 작업을 하면 됩니다. 사용자가 원하는 대로 텍스트를 입력하면 외곽선이 자동으로 만들어 집니다. 컬러, 폰트, 크기, 외곽선 두께, 투명도 등을 자유롭게 조절할 수 있습니다.
작업이 완료되면 맨 아래에 있는 ‘이미지 다운로드’ 버튼을 눌러서 PC로 파일로 다운로드 받습니다.
아래와 같이 몇 가지 예시를 만들어 보았습니다. 컬러를 똑 같이 따라 사용하기 원하시면 컬러를 설정할 때 맨 아래의 헥사코드를 입력하면 됩니다.
2. 텍스트 긴 그림자 만들기
다음으로 소개해 망고보드 실험실의 기능은 텍스트에 긴 그림자를 넣는 기능입니다. 텍스트를 입력한 후 4가지 샘플 스타일 중에서 선택합니다. 선택 후 컬러, 폰트, 크기, 상단여백 등을 원하는 대로 조절합니다. 마지막으로 ‘이미지 다운로드’ 버튼을 눌러 파일을 다운로드 받습니다.
아래와 같이 몇 가지 예시들을 만들어 보았습니다. 컬러를 설정할 때에는 배경 색상까지 고려하는 것이 좋으며, 컬러 조합에 대한 전문 지식이 없는 경우에는 비슷한 컬러 계열끼리 사용하는 것이 무난합니다. 아래 컬러코드(헥사코드)를 보시고 따라 하시는 것도 괜찮은 방법입니다.
지금까지 망고보드 실험실에 있는 디자인 기능들 중에서 텍스트 관련 기능을 설명 드렸습니다.
사이트에 들어가 보시면 굳이 설명 필요 없이 쉽게 사용할 수 있음을 확인할 수 있을 것입니다.
더 쉬운 방법으로 따라하기 원하는 분에게는 아래 3분 영상이 완벽하게 가이드해 드릴 것입니다.
