이번 시간에는 파워포인트 디자인 TIP 중 PPT로 카톡화면 만드는 법을 알려드리겠습니다. 자료를 만들다 보면 모바일로 대화하는 형식의 이미지가 필요할 때가 있는데요. 이 때 보통은 대충 사각형이나 말풍선 도형을 삽입해서 작업을 하실 겁니다.
하지만 아주 조금의 시간만 더 투자하면 우리가 평소 많이 사용하는 메신저인 카카오톡의 화면을 거의 똑같이 만들어 넣을 수 있는데요. 그냥 대충 말풍선 도형을 넣어 만든 것보다 실제 우리가 사용하는 화면을 적용하면 청중들고 하여금 내용에 공감하고 몰입하는 데도 큰 도움이 됩니다.
바로 본론으로 들어가 보도록 하겠습니다.
파워포인트 디자인 TIP! PPT로 카톡화면 만드는 법!
1. 실제 카톡화면 참고 이미지 찾기
먼저 구글링 등을 통해 참고할 이미지를 찾아봅니다. 혹은 폰에서 카카오톡을 실행하여 참고해도 좋습니다.
2. 스마트폰 화면 이미지 불러오기
좀 구형 모델의 이미지이긴 하지만 무료 이미지 사이트인 PIXABAY에서 찾아서 가지고 와봤습니다.(바로가기) 이제 여기에 카톡 화면을 만들어 볼 겁니다.
3. 배경 디자인 적용하기
참고 이미지를 옆에 두고 스포이트를 이용해서 색을 추출할 건데요. 먼저 불러온 스마트폰 이미지의 화면 크기에 맞도록 사각형을 삽입합니다. 도형의 윤곽선은 없도록 설정합니다.
이제 이 이미지 옆에 참고할 이미지를 갖다 놓아봅니다.
이런 식으로 배치하면 됩니다. 삽입한 사각형을 선택한 뒤 ‘도형 서식 > 도형 채우기 > 스포이트’를 선택하고 참고 이미지의 배경화면을 클릭하여 동일한 색상을 적용합니다.
그리고 단축키 Ctrl+d를 눌러 사각형을 복제한 후 같은 위치에 정렬하고 스포이트 기능을 실행하여 상단바의 색상과 동일한 색상을 적용합니다. 아래에서 위로 크기를 줄여 상단바 두께로 맞추면 상단바가 완성됩니다.
여기에 시계나 배터리 아이콘 등을 추가하고 싶으시면 하셔도 좋습니다. 저는 시간 정도만 넣어보겠습니다. 이렇게 해서 카톡화면의 배경 디자인을 완성하였습니다.
4. 상단부 디자인 적용하기
대화창의 상단부 디자인을 만들어 볼 건데요. 이건 쉽습니다. 도형과 텍스트를 이용해서 만들면 됩니다.
4.1. 화살표와 이름 넣기
먼저 좌측의 화살표와 이름을 넣어보겠습니다. 그냥 도형에 있는 화살표를 넣고 그 옆에 사용하고 싶은 폰트로 적용하면 됩니다. 참고로 제가 사용하는 폰트는 ‘에스코어 드림’입니다.(다운로드 페이지 바로가기)
화살표를 삽입할 때 원본과 너무 똑같이 하려고 노력하지 않아도 됩니다. 그건 그렇게 중요한 포인트가 아니기 때문에 시간과 공을 들일 필요가 없습니다.
이 정도면 충분합니다. 이제 우측의 아이콘도 채워야겠죠?
4.2. 돋보기와 더보기 아이콘 만들기
4.2.1. 돋보기 아이콘 만들기
돋보기 아이콘을 만들어 보겠습니다. 먼저 원을 하나 추가한 후 채우기는 없애고 테두리를 검은색으로 적용합니다. 그리고 원의 하단에 스냅이 걸리도록 하여 짧은 수직선을 Shift 키를 누른 채 드래드하여 생성합니다.
색상은 모두 검은색에 두께는 2pt 정도 설정합니다. 선은 도형 서식에서 ‘끝모양 종류’를 ‘원형’으로 선택하면 약간의 디테일을 챙길 수 있습니다. 필수는 아닙니다.
위와 같은 모양이 만들어졌다면 모두 선택한 후 단축키 Ctrl+g를 눌러 그룹화 해줍니다. 그리고 Shift 키를 누른 채 대각선에 있는 조절자를 드래그 하여 상단바에 맞는 크기로 조절한 후, 45도 정도 회전하여 배치해 줍니다.
4.2.2. 더보기 아이콘 만들기
돋보기 옆의 더보기 아이콘을 만들어 보겠습니다. 막대기 세개만 만들면 되는데요. 먼저 가로선 하나를 만든 후 색상은 검은색, 두께는 2pt로 설정합니다. 그리고 아래로 한개를 복사한 후 F4 키를 눌러 같은 간격으로 하나를 더 복사하여 세개를 만들고 모두 선택한 후 그룹화 합니다.
먼저 배치한 돋보기 아이콘과 세로 길이가 똑같게 맞춰준 후 가로 길이를 조절하여 적절한 위치에 배치합니다.
이렇게 해서 상단바 디자인까지 적용하였습니다.
5. 프로필 아이콘 및 말풍선 디자인하기
이제 프로필 아이콘과 말풍선을 만들어 볼 건데요. 프로필 아이콘은 그냥 적당한 이미지를 가져다가 원형으로 자르기만 하면 됩니다. 사실 카톡 프로필이 원형은 아니지만 우리가 만들 자료에서 중요한 부분이 아니기 때문에 적당히 타협합니다.
프로필 아이콘 옆에는 상단바에 있는 이름을 복사해새 크기를 줄여 적당히 배치합니다. 이제 말풍선을 만들어야 하는데요. 상대방의 말풍선은 흰색이고 내 말풍선은 노란색이죠. 일단 모양부터 만들어보겠습니다.
모서리가 둥근 사각형을 삽입합니다. 그리고 직각삼각형을 삽입하여 그대로 사각형의 우측 하단에 겹쳐서 배치합니다. 윤곽선은 모두 없애줍니다.
그러면 이런 모양이 됩니다. 모두 선택 후 단축키 Ctrl+g를 눌러 그룹화합니다. 이대로 180도 회전하면 상대방의 말풍선 방향이 되고 하나를 복사하여 좌우 대칭을 시키면 내 말풍선이 됩니다. 이제 배치만 하면 됩니다.
6. 말풍선 배치 및 텍스트 입력하여 완성하기
이제 모든 요소들을 만들었으니 배치만 잘하면 됩니다. 상대방의 말풍선은 흰색으로 설정하고 내 말풍선은 스포이트를 사용해 참고 이미지의 말풍선에 찍어 똑같은 노란색을 적용합니다.
말풍선의 크기를 조절할 때는 최초에만 그룹 개체 전체를 Shift 키를 누른채 조정하여 화면에 적절하게 맞춘 후 이후부터는 사각형만 클릭한 후 하단과 좌우 조절자만 사용하여 조정합니다. 텍스트는 도형에 직접 입력하는 것 보다는 텍스트 상자를 별도로 삽입하여 넣는 것이 좋습니다.
이 때 상대방 말풍선은 프로필과 이름을 함께 선택하여 그룹화를 해두면 복사할 때 간편합니다.
이렇게 PPT로 카톡화면을 만들어 보았습니다. 번거로운 과정이 있긴 하지만 난이도는 절대 높지 않으니 꼭 따라해 보세요.
마무리
지금까지 파워포인트 디자인 TIP 중 PPT 카톡화면 만드는 법을 알려드렸습니다. 이런 방법을 응용하면 카톡화면 뿐 아니라 스마트폰, 태블릿, TV 등 여러가지 화면을 PPT에서 유사하게 만들어 낼 수 있습니다.
저는 더욱 유용한 오피스 꿀팁을 가지고 돌아오겠습니다.