[세레나PPT] 파워포인트 순서도 인포그래픽 디자인 (2)

세레나 PPT 강좌

 

[세레나PPT] 파워포인트 심플한 순서도 만들어보기(2)

- 그림자 효과로 PPT에 입체감 주는 방법

 

◈  참고하면 좋은 세레나PPT 이전 강좌 :

2023.03.28 - [분류 전체보기] - [세레나PPT] 파워포인트 도형으로 인포그래픽 순서도 제작(1)

2023.03.20 - [분류 전체보기] - [세레나PPT] 파워포인트 배경&도형에 맞게 이미지 넣기

 

 

 

안녕하세요, 디지털 크리에이터 세레나입니다. 오늘은 지난 강좌에 이어서 파워포인트에서 순서도를 디자인하는 방법을 담은 강좌를 준비했습니다. PPT 도형 서식 옵션의 '그림자 효과'를 이용해 아래 사진과 같이 입체감 있는 인포그래픽 슬라이드를 만들어볼거에요. 

오늘 함께 제작해볼 순서도 슬라이드입니다.

 

그럼 바로 시작하도록 하겠습니다. 오늘의 순서도는 A, B, C 세 단계를 나타내는 버튼으로 이루어져 있고 이 버튼 하나는 물방울 도형과 원형 도형 두 개로 만들 수 있습니다. 버튼이 앞으로 튀어나와 있는 것처럼 보이는 것은 제가 3D 개체를 사용했기 떄문이 아니라 그렇게 보이도록 [도형 서식] 옵션에서 버튼에 입체감을 주었기 때문입니다. 단계에 따라 차근차근 따라해보세요.

 

 

 

01 도형 만들기

 

먼저 바탕이 될 물방울 모양의 도형을 만들어주세요.

 

  먼저 [도형] 탭에서 버튼의 밑바탕이 될 물방울 모양의 도형을 선택해 그려줍니다. 보통 도형을 그릴 때 마우스를 드래그 해서 생성하시는 경우가 많은데, 슬라이드 위에 마우스를 한 번 클릭만 해주시면 가로와 세로 너비가 같은 정正자 도형이 만들어집니다. 클릭해서 도형을 생성해주시고, Ctrl 또는 Shift 키를 이용해 각자 원하시는만큼 크기를 키워주세요. 저는 세 개의 버튼이 있는 순서도를 만들고 싶어 적당히 크기를 늘려주었습니다.

 

위의 사진 속 컬러칩의 색상 코드는 각각 주황 #EE4E00, 노랑 #FFBF03, 파랑 #1373B5, 연두 #95D002 입니다.

 

  그리고 원하는 색상으로 물방울 도형을 채워주세요. 저는 도형 윤곽선은 흰색으로 주었고(없어도 무방합니다), 도형 색상은 미리 만들어둔 컬러팔레트에서 주황색을 골라주었습니다. 위의 컬러팔레트와 똑같은 색상을 사용하고 싶다면 색상을 바꾸고 싶은 도형을 우클릭 -> 도형 서식 -> 도형 채우기 -> 다른 채우기 메뉴의 <사용자 지정> 탭에서 색상 코드를 입력하시면 됩니다. 

 

 

02 입체감 주기

 

도형에 색상을 지정해주고 그림자 옵션으로 입체감을 줍니다.

 

이해를 돕기 위해 버튼 한 개를 각각의 파트로 분리해보았습니다. 먼저 바탕이 되는 물방울 도형이 있고, 그 위에 옅은 회색 원을 올려주고 그림자 효과로 입체감을 만들어줍니다. 그런 뒤 회색 원의 중심에 맞춰 흰색 원을 한 개 더 올려주어 2단 케이크 같은 모양을 만들어주었습니다. 결과적으로 옅은 회색의 1단 버튼 위에 흰색 2단 버튼이 올라간 것과 같은 모습이 됩니다. 

 

  도형으로 입체감을 줄 때는 그림자 효과로 오목하거나 볼록해보이는 효과를 주는 것도 중요하지만, 색상도 고려해야합니다. 미술에서 그림을 그릴 때도 음영을 줄 때 빛이 들어오는 방향과 빛의 양을 생각하는 것처럼요. 지금과 같은 경우 위에 있는 2단 버튼보다 아래에 있는 1단에 빛이 덜 들어올테니 2단은 옅은 회색(#E7E7E6)으로 도형 색상을 지정해주고, 더 위에 있어 밝은 1단은 완전한 흰색으로 만들어 주었습니다.

 

  반드시 저와 똑같은 색상을 선택하실 필요는 없지만 파워포인트에서 이렇게 도형에 입체감을 주고 싶다면 빛의 양을 염두에 두고 색깔을 고르시는 것이 도움이 됩니다. 위쪽에 있는 요소는 빛을 많이 받으니 밝게, 반대로 아래쪽에 있는 요소는 그림자가 지거나 다른 요소에 가려지니 상대적으로 어둡게 지정해주세요.

 

  색상 지정이 끝났다면 그림자 옵션으로 개체에 입체감을 부여해줄 차례입니다. 그림자 옵션은 두 원에 동일한 수치로 적용해주었습니다. 색상을 지정했을 때와 마찬가지로 도형 서식 메뉴의 그림자 옵션에서 아래 수치를 참고해 설정해주세요.

 

그림자 옵션 : 투명도 72% / 크기 103% / 흐리게 5pt / 각도 128도 / 간격 13pt

 

  지정이 완료 되었다면 세 개의 도형이 서로 중심점에 잘 맞춰져 있는지 확인합니다. 정렬 단축키를 이용하시면 빠르게 이 작업을 마칠 수 있습니다. 그런 뒤 가장 위의 흰색 원 안에 텍스트나 아이콘 등 원하는 방법으로 순서를 표시해주세요. 저는 예시를 위해 간단하게 텍스트 상자로 알파벳 A를 입력해주었습니다.

 

 

마무리 작업을 해줍니다.

 

버튼 A를 만드는 작업이 끝났다면 그룹화(Ctrl+G)를 이용해 A 버튼의 구성 요소 전체를 한 개로 묶어주시고, 복제나 복사+붙여넣기를 이용해 동일한 개체를 하나 더 만들어줍니다. A, B, C 버튼은 바탕이 되는 물방울 도형의 색상과 가장 위의 텍스트만 변경해준 같은 개체들이기 때문에 하나씩 새로 만들 필요가 없습니다. 그대로 작업을 완료해도 좋지만, 저처럼 실선과 점선을 이용해 배경에 더해주고 싶다면 '선' 개체를 이용해 수평으로 드래그 해준 뒤 '맨 뒤로 보내기'를 이용해 선이 가장 뒤쪽에 위치하도록 이동시켜줍니다. 기호에 따라 마무리 작업을 해주면 순서도가 완성됩니다.

 

 

 

굉장히 간단한 효과인데, 이렇게 슬라이드 구성 요소에 입체감을 주는 것만으로도 쉽게 프레젠테이션의 퀄리티를 높일 수 있습니다. 예시를 위해 오늘은 임의의 색상을 사용했지만 프레젠테이션에 이미 포인트 색상이 있다면 그 색상을 활용하거나 살짝 명도, 채도만 조절해주어 통일감을 주는 것도 매우 좋은 방법입니다. 이제 화살표와 직사각형으로만 순서도 그리지 마시고, 지난 강좌와 이번 글에서 배운 내용을 응용해 세련된 인포그래픽으로 표현해보세요.

 

 

 

 

 

 

 

세레나PPT 이전 강좌 보러가기 :

2023.03.28 - [분류 전체보기] - [세레나PPT] 파워포인트 도형으로 인포그래픽 순서도 제작(1)

[세레나PPT] 파워포인트 도형으로 인포그래픽 순서도 제작(1)