이번 시간에는 시선을 사로잡는 PPT 표지 디자인 TIP을 알려드리겠습니다. PPT 표지는 내가 만드는 자료의 얼굴이며 첫인상입니다. 표지에서부터 좋은 인상을 주지 못한다면 이미 청중에게 반은 숙이고 들어가는 거나 다름없습니다.
디자인 감각이 없으시다고요? 앞선 포스팅에서도 말씀드렸다시피 저도 디자인을 전공한 사람이 아닙니다. 그럼에도 실무에서 자료 잘 만든다는 말 들어가며 일하고 있습니다. 물론 제대로 전공한 전문가의 수준은 따라갈 수 없겠죠.
하지만 우리에게 필요한 건 전문가 수준의 어려운 작업이 아닙니다. 최대한 쉽게! 최대한 빠르게! 하지만 깔끔하게! 원하는 자료를 완성하는 것이 중요합니다. 오늘 알려드리는 예시들을 보시고 외워서 그대로 따라하셔도 됩니다.
바로 본론으로 들어가 보겠습니다.
시선을 사로잡는 PPT 표지 디자인이란?
서두에서 말씀드렸다시피 프레젠테이션에서 표지는 청중의 시선을 모으는 첫단계이자 첫인상입니다. 그만큼 중요하다는 것인데요. 이렇게 말씀을 드리면 굉장히 부담이 되실 겁니다.
하지만 전혀 그러실 필요 없습니다. 굉장한 스킬이 없어도 깔끔하고 임팩트 있는 표지는 충분히 만들 수 있습니다. 제가 예시로 들어드리는 디자인을 보시고 ‘겨우 이거야?’라고 느끼실 분도 있으실 텐데요. 정말 딱 이정도만 해도 충분하다가는 말씀을 꼭 드리고 싶습니다.
그렇다면 표지 디자인 시 고려할 요소는 무엇이 있을까요?
1. PPT 표지 디자인 시 고려할 3요소
1.1. 제목, 부제목 등의 레이아웃 및 정렬
적절한 위치에 제목, 부제목 등의 요소만 잘 배치해도 반 이상 먹고 들어갑니다. 그냥 흰 화면에 제목만 들어가도 이상하지 않게 만들 수도 있습니다. 중요한 것은 페이지의 균형과 시선 집중 효과입니다.
1.2. 적절한 색상 조합과 고품질 배경이미지 사용
1.2.1. 적절한 색상 사용
색상은 너무 많이 사용하지 않습니다. 2~3가지 정도의 색상만 사용하여 임팩트를 주고 통일감을 느끼도록 합니다,
1.2.2. 고품질 배경이미지 사용
배경에 이미지를 사용할 수도 있는데요. 가급적 해상도가 높은 고품질 이미지를 사용해야 합니다. 전체 화면으로 키웠는데 배경 이미지에서 픽셀이 보이고 깨진다면 첫인상도 와장창 깨집니다.
1.3. 로고 또는 아이콘 등 활용
회사의 보고자료 또는 학교의 발표 자료 등을 만들 때는 꼭 로고 이미지를 표지와 본문에 사용하는 것이 좋습니다. 페이지의 완성도를 높여줄 뿐 아니라 청중들로 하여금 회사 또는 학교의 가치를 느끼게 해줍니다. 또한 자료의 신뢰도에도 무의식적으로 영향을 줄 수 있습니다.
2. 배경색 및 도형을 활용한 PPT 표지 디자인 TIP
백문이 불여일견! 기본 색상만을 활용하여 4가지 표지를 만들어 보았는데요. 디자인은 의식의 흐름대로 해봤습니다. 예시를 드느라 기본 색상을 사용했지만 콘셉트에 맞는 색상을 적용하여 디자인하면 훨씬 더 보기 좋은 표지가 되겠죠?
우선 첫번째는 배경색을 단색으로 넣은 후 그 위에 바로 제목을 배치하였습니다. 나머지는 배경색은 똑같이 넣은 후 도형을 활용한 구성을 해보았습니다.
로고는 워드프레스 로고를 벡터 이미지(SVG)로 받아 넣어보았고요. 사이트명과 제목을 적절히 배치하였습니다. 제목을 배치할 때 주의할 점은 ‘역삼각형’ 구도는 금물이라는 것입니다. 역삼각형 구도는 보기에 매우 불안정하기 때문에 보는 이로 하여금 불편한 느낌을 줄 수 있습니다.
위 디자인 중 첫째 줄 두 번째 표지의 작업과정을 보여드리겠습니다.
우선 ‘디자인 탭 > 배경 서식 > 단색 채우기’를 통해 원하는 배경색을 설정해 줍니다. 저는 그냥 기본 색상으로 선택했지만 따라 하실 때는 회사 또는 학교의 대표 색상을 참고하시면 더욱 좋습니다.
다음은 직각삼각형을 하나 삽입한 후 화면에 꽉 차도록 크기를 키웁니다.
좌측 상단에 텍스트 박스를 삽입한 후 브리핑의 목적이나 카테고리 등을 입력합니다. 예를 들어 ‘상반기 매출현황 보고’, ‘A조 조별 과제 발표’ 등의 내용을 적으시면 좋습니다. 저는 일단 제 사이트명을 적어보겠습니다.
폰트의 크기는 너무 크지는 않게 적당히 조절합니다. 다음은 우측 하단에 회사나 학교의 로고이미지를 삽입합니다.
로고는 내가 속한 곳의 홈페이지 등에서 내려받을 수 있는 벡터이미지 파일이 가장 좋으나 보통 벡터이미지는 일러스트레이터 파일인 ai 형식으로 되어 있어 일러스트레이터를 사용할 수 없는 경우 활용이 어려우므로 jpg나 png 파일로 받아 배경을 제거한 후 사용해도 됩니다.
이미지 배경을 제거하는 방법을 모르시는 분은 [여기]를 클릭하여 보고 오셔도 좋습니다.
로고까지 삽입했다면 이제 제목을 삽입해야겠죠? 텍스트 상자를 삽입 후 제목의 절반 정도만 입력한 후 글꼴과 사이즈를 설정합니다. 글자 수가 적을수록 사이즈는 점점 커지겠죠? 너무 과하게 크지 않은 선에서 적절하게 조절합니다.
글꼴의 색상은 직각삼각형의 색상과 동일하게 합니다.
이제 이 텍스트 상자를 직각삼각형의 사선에 맞도록 회전할 건데요. 그냥 돌려보시면 스냅이 걸려서 정확하게 맞추기가 거의 불가능합니다. 이때 Alt 키를 누른 채로 드래그 하여 회전하면 ‘미세 조정’이 되어 보다 정교하게 각도를 맞출 수 있습니다.
또는 ‘도형 서식 > 크기 및 속 > 크기’에서 각도 옆의 화살표를 클릭하여 1도씩 미세 조정하는 방법도 있습니다. 나에게 편한 방법을 선택하시면 됩니다.
회전 후 경계선에 붙도록 위치를 조정합니다. 다음은 이 텍스트 상자를 선택 후 단축키 Ctrl+d를 눌러 복제시키고 색상은 배경의 색상과 동일하게 합니다. 그리고 제목의 남은 부분을 입력한 후 윗줄과 어긋나게 위치하되 우측의 여백을 윗줄 좌측의 여백과 최대한 비슷하게 맞춥니다.
이번에는 너무 윗줄에 딱 붙이지는 않습니다.
이렇게 해서 심플하지만 나름 스타일리시한 표지가 완성되었습니다.
3. 이미지 또는 사진을 활용한 PPT 표지 디자인 TIP
이번에는 배경이미지를 활용한 예시를 만들어 보았습니다. 파워포인트 초심자 분이 보시면 뭔가 대단한 기술이라도 사용했을 것처럼 느낄 수 있는데요. 사실 상 정말 별 거 없습니다. 원하는 이미지만 잘 찾으면 나머지는 첫번째 표지 디자인과 크게 다를 게 없습니다.
다만, 이미지를 잘 활용하면 조금 더 입체적인 느낌을 줄 수 있습니다. 첫번째 표지로 작업 과정을 보여드리겠습니다,
참고로 위 이미지는 AI로 생성한 이미지입니다. 요즘은 AI 기술이 발달하여 저작권에 구애를 받지 않는 고품질 이미지를 손쉽게 얻을 수 있습니다. 먼저 이미지를 삽입합니다.
슬라이드에 가득 차도록 크기를 키울 건데요. 이때 주의할 점은 반드시 비율을 고정한 채 크기를 조절해야 한다는 것입니다. 상하좌우의 조절점은 아예 건드리지도 마시기 바랍니다. 대각선에 있는 조절점을 사용하여 가로 사이즈가 꽉 차도록 조절합니다.
이미지의 위아래 부분이 슬라이드 바깥으로 나가는 것은 신경 쓰지 마시고 위 이미지의 경우 가운데 서있는 사람이 중요한 부분을 차지하므로 사람만 화면 중앙 하단 쪽에 배치되도록 해줍니다.
크기 및 위치 조정이 끝났다면 상하 부분은 ‘자르기’를 통해 슬라이드 밖으로 나간 부분은 잘라내 줍니다. 이때 슬라이드의 흰 부분이 가장자리에 보이지 않도록 스냅이 걸리는 것을 확인하며 자릅니다.
슬라이드에 꽉 차게 편집을 완료하였습니다. 그런데 이 상태에서 제목을 넣으면 이미지가 너무 밝고 쨍해서 잘 보이지 않게 됩니다. 그래서 좀 어둡게 해줄 필요가 있는데요.
‘그림 서식 탭 > 수정 > 밝기/대비’로 가서 가장 첫번째 프리셋을 클릭합니다. 그러면 오른쪽에 보이는 것처럼 이미지가 어두워 지는 것을 볼 수 있습니다.
이제 내용을 넣을 차례인데요. 좌측 상단과 우측 하단은 첫번째 예시로 보여드렸던 표지와 동일하게 넣었습니다.
이제 제목을 넣어 보겠습니다. 중앙에 서있는 사람의 양 옆으로 제목을 넣어봤습니다.
이대로 마무리를 해도 무방하긴 합니다. 하지만 어딘가 좀 아쉬운 느낌이 드네요. 입체감을 느낄 수 있도록 이미지 작업을 좀 해보겠습니다. 먼저 배경이미지를 단축키 Ctrl+d를 눌러 복제한 후 가운데로 정렬합니다.
그 다음 자르기로 사람부분만 남기고 잘라주겠습니다.
그러면 위와 같은 모습이 됩니다. 이제 ‘그림 서식 탭 > 배경 제거’를 클릭해 봅니다.
‘보관할 영역 표시’와 ‘제거할 영역 표시’를 적절히 활용하여 사람만 따줍니다. 여기서는 어차피 상반신 부분만 사용될 것이기 때문에 양 팔만 깔끔하게 따지면 배경 제거를 완료합니다.
이제 배경이 제거된 사람을 선택하고 마우스 우클릭하여 ‘맨 앞으로 가져오기’를 클릭하여 맨 앞으로 위치시킵니다. 그 다음 오른쪽의 제목 텍스트 상자를 선택 후 또 다시 ‘맨 앞으로 가져오기’를 실행합니다.
그렇게 하면 레이어의 순서가 좌측 제목 위에 배경 제거한 사람, 그 위에 우측 제목이 배치되게 됩니다. 이 상태에서 좌측 제목을 Shift 키를 누른 채로 우측으로 드래그하여 사람의 왼팔에 걸치게 하고 우측 제목도 똑같이 이동하여 오른팔에 걸치게 하면 다음과 같은 이미지가 완성됩니다.
제목 텍스트가 사람의 앞 뒤로 배치되어 입체적인 느낌이 들게 되었습니다. 훨씬 임팩트 있죠? 여기서 조금만 더 꾸며 줍니다.
도형에서 ‘선’을 추가해 주는데요. Shift 키를 누른채로 우측으로 드래그하여 가로 선을 만들어 줍니다. 이것을 Shift+Ctrl 키를 누른 채로 아래 또는 위로 드래그 하여 복사한 후 두 선을 모두 선택하여 단축키 Ctrl+g를 눌러 ‘그룹화’를 합니다.
이제 그룹을 선택하고 조절자를 통해 크기를 조절해보면 선의 길이와 두 선 간의 간격 조절이 손쉽게 되는 것을 보실 수 있을 겁니다.
이렇게 두 선의 크기와 간격을 조절해서 제목 중 ‘시선’ 글자 부분에 배치합니다. 그룹을 복사한 후 이번에는 우측 제목 중 ‘PPT 표지’ 부분에 맞도록 가로 길이와 위치를 맞추어 배치합니다.
그러면 위와 같은 이미지가 완성됩니다. 이렇게 해서 이미지를 활용한 표지를 하나 만들어보았습니다. 설명을 하느라 글이 길어졌을 뿐 사실 상 별 거 없습니다. 그래도 초심자 분들에게는 어렵게 느껴질 수 있습니다. 반복해서 연습해 보시고 응용도 해보시기 바랍니다.
마무리
지금까지 시선을 사로잡는 PPT 표지 디자인 방법에 대해 알려드렸습니다. 디자인 비전공자인 저도 이 정도 실력으로 회사에서 충분히 인정받고 업무를 잘 수행해왔습니다. 시간이 충분히 주어질 수록 더 좋은 디자인이 나오는 것은 당연합니다.
하지만 또 너무 오래 고민하면 배가 산으로 가버릴 수 있으니 고민은 짧게 하시고 작업물의 퀄리티에 힘을 쏟으시는 것이 중요합니다.
저는 더욱 유용한 오피스 꿀팁을 가지고 돌아오겠습니다.