brunch

19.망고보드 기초강의 2강: 디자인 템플릿 수정

#망고보드 #템플릿활용 #마케팅디자이너홍

by 잔상

"오늘부터 당신은 디자이너다!"


이 말에 실소가 터져 나올 수 있겠지만 이 글을 읽고 나는 말미에는 그 웃음이 확신으로 바뀔 수 있길 바란다.


지난 시간 당신은 샌드위치 가게 사장이고 점심시간 손님 유치를 위해 특정 상품을 할인하여 엑스배너로 광고를 하는 것을 말하였다. 검색창 활용성이 높아 검색기능을 먼저 알려주었다.

그런데 본격적인 디자인 파일을 만들 때, 0순위로 해야 할 것이 있다. 그것은 바로 템플릿의 제목을 입력하고 저장하는 일이다. PPT 작업을 할 때도 그렇지 아니한가? 저장 없이 시작하여 한참 작업 중이다 날아간 기억이 있지 아니한가? 자동 저장 기능이 있지만 매초 저장이 아니므로 수동 저장을 잊지 말자.

자 이렇게 저장을 한 후, 출력할 사이즈를 선택해야 한다. 출력할 사이즈는 지난 시간 가볍게 살펴보긴 했는데 크게 2가지가 있다. 명확한 사이즈를 알고 있다면 바로 사이즈를 입력하는 방법이 있고, 또 다른 하나는 원하는 형태의 이미지를 선택하는 것이다. 아래 이미지처럼 왼쪽에는 사이즈를 픽셀 단위 혹은 mm 단위로 입력할 수 있다. 오른쪽에는 검색창에서 원하는 이미지 형태를 검색하거나 아래 카테고리에서 찾으면 된다.

*출처: 망고보드

여기서 한 가지 편리한 점은 요즘 디자인 툴은 자신이 제작한 인쇄물을 바로 비대면 방식으로 의뢰할 수 있도록 되어있다는 것이다. 세로배너 옆에 "바로인쇄"라는 문구가 보이는 가? 바로 가격까지 확인이 가능하니 정말 간편하게 이용할 수 있다.

*출처: 망고보드


이제 다음 스텝으로 넘어가 보자. 당신이 매우 궁금해할 디자인 템플릿 수정 방법이다. 우선 당신이 만들고자 하는 디자인 템플릿을 검색하여 찾아보자.

1) 좌측 상단에서 관련 키워드 입력하여 검색하기 ▶ #샌드위치

2) 검색창 아래 카테고리에서 "템플릿"을 클릭하기

3) 그 옆에 있는 "필터"를 클릭하기 ▶ 당신은 세로형 배너를 만든다고 가정한다면 아래 보이는 화면처럼 세로형 이미지를 클릭하면 샘플 템플릿 중 세로형만 보여주게 된다.

4) 그리고 원하는 템플릿 클릭!!

쪽에 있는 이미지들 중 당신이 생각하는 것과 비슷하다고 생각하는 것을 클릭해 보자. 그럼 아래와 같은 팝업창이 나오며 템플릿을 교체하겠다고 나오는데 과감히 클릭해 보자.


짠~!!!

어랏? 그런데 우리가 기대했던 디자인이 안 나온 듯하다. 뭔가 여백이 길고 밋밋하다. 아래 화면처럼 왼쪽은 우리가 예시 화면을 본 것이고, 오른쪽 화면이 우리 사이즈에 구현된 화면인데 위아래 여백이 많다.

그 이유는 바로 왼쪽 사이즈의 예시와 우리가 원하는 사이즈가 다르기 때문이다. 자 그렇다면 우리가 원하는 사이즈에 맞게 작업을 해야 하겠다. 우리가 원하는 사이즈에 맞춰 이미지 조절을 할 수 있다.


#1. 이미지 이동 및 사이징

해당 이미지 요소에 마우수를 클릭하면 PPT에서 도형을 선택하듯 파란 박스가 나온다. PPT처럼 이미지를 클릭하면 원하는 위치로 이동이 가능하고, 각 모서리마다 있는 파란 동그라미를 마우스로 클릭해서 잡아끌면서 사이즈를 늘이거나 줄일 수 있다.

#2. 텍스트 수정

텍스트 부분에 마우스를 더블 클릭하면 마찬가지로 PPT처럼 글자 수정을 할 수 있다.

#3. 사진 업로드

자, 해당 이미지의 햄버거 사진은 우리 사진이 아니므로 진짜 우리의 샌드위치 사진을 올려야 하겠다. 멋지게 사진을 찍어둔 당신의 샌드위치 사진을 업로드하자.

좌측 메뉴에 있는 업로드라고 적힌 아이콘을 클릭하자.

그러면 화면이 바뀌면서 상단에 파일 업로드가 보인다. 이 버튼을 클릭해서 행사하고자 하는 샌드위치 사진을 업로드하자.

업로드 후, 사진이 화면에 나오면 클릭하면 당신이 작업하고 있던 사진 이미지가 나오게 된다. 그 사진을 마찬가지로 클릭해서 기존 이미지에 이동시키면 아래처럼 이미지가 바뀌게 된다.

변경된 이미지를 클릭하면 마찬가지로 사이즈 조정이 가능하다.


이렇게 기본적인 이미지 사이즈 이동, 크기 조정, 텍스트 수정, 그리고 사진 업로드까지 해 보았다. 생각보다 간단하다. 그러나 지금까지 한 것을 보면!!

이미지 형태는 맞지만!!

가격, 우리 샌드위치 가게 이름 등 빠져 있다. 다음 시간에는 응용을 통해 이미지 업로드 하도록 하겠다.

여기까지만 할 거였으면 망고보드 템플릿까지 갈 필요가 없다. 다음 시간에 배우게 될 응용기능이 바로 망고보드와 같은 디자인 템플릿의 묘미임을 보여줄 수 있다.

keyword
일요일 연재
이전 18화18.망고보드 기초강의 1강