느낌있는 2분할 표지 디자인 만들기, 파워포인트 타이틀 디자인 튜토리얼

이번 튜토리얼은 실전용 팁으로 저도 많이 사용하고 있습니다^^


표지와 인덱스장표는 사람의 '첫인상'과 비슷합니다.

또한 어느정도 틀이 정해져 있는, 적은 양의 텍스트와 이미지로 구성해야 하는 만큼

가장 자유롭게 디자인을 뽐낼 수 있는 부분이기도 하죠.

이 말인 즉슨, PT제작자의 실력을 가늠해 볼 수 있는 첫 지표가 될 수 있다는 것이라 해도 무방하겠습니다.


청중의 시선을 사로잡아, 발표에 빠져들게 만드는 표지디자인. 

오늘은 만들기 쉬운 레이아웃이면서도.. 쿨한 느낌을 주는 표지디자인입니다.



AdStore Powerpoint Tutorial 

2분할 표지디자인 만들기



준비물 

● 큰 사이즈의 사진 1장  
● 슬라이드 전체에 메인으로 사용할 폰트  
● 타이틀 전용으로 쓸 예쁜 폰트 (선택사항) 
● 로고1개 (흰색 or 검정색 단일화된 로고로 준비하세요)


완성본 미리보기





완성본 먼저 보시겠습니다ㅎㅎ

간략하게 설명하자면 사진과 로고를 2장씩 잘라서 레이아웃에 붙인 뒤,
각각 다른 효과를 줘서 효과를 입힙니다. 다음 글씨를 그에 맞게 배치해주는 것인데요
간단한 제작법임에도 불구하고 차분하고 감각적인 분위기를 연출 할 수 있습니다.


표지디자인 만들기


※ 사진 클릭하시면 크게 보실 수 있습니다.


1. 슬라이드 편집 준비하기


세로로 2등분 하는 레이아웃은 4:3 비율의 보통 슬라이드 사이즈보다 

16:9 혹은 16:10 비율에서 반으로 잘랐을 때, 좀더 아름답게 보입니다. 

따라서 가장 먼저 슬라이드 캔버스 비율을 먼저 조정할텐데, 요놈을 먼저 해야 나중에 비율을 변경하게 될 경우에 

다시 위치를 재조정하거나, 도형이나 사진의 비율이 옆으로 늘어나는 일이 없습니다.







메뉴 버튼의 디자인 탭에서 [슬라이드 크기]를 선택하면 드롭다운 메뉴가 나옵니다.

[사용자 지정 크기] 선택하시고, 슬라이드 크기 탭에서 "화면 슬라이드 쇼 (16:10)" 선택합니다.








2. 배경 그림 배치하고 편집하기



우리 디자인의 배경그림을 선택합니다. 준비된 큰 사이즈의 그림을 슬라이드에 삽입 한뒤 꽉 채워주시거나

원하는 부분만큼 크게 사용합니다.

저는 위쪽에 나타나는 먹구름을 살짝 제거한 뒤 사용하도록 하겠습니다.







그림 파일을 클릭 한뒤 / [서식] 탭의 [수정]을 누르면, 그림의 밝기나 대비를 조정 가능합니다. 

작업 시작 전에 한번 보정해주시고 사용하시면 더 느낌있는 디자인 연출이 가능합니다.








3. 화면 2등분하기


배치가 완료되면, 배경그림을 정확히 절반으로 자릅니다. 자른 사진은 양쪽의 효과를 다르게 주어

대비되는 느낌을 연출하겠습니다.




배경그림 파일을 복사합니다. 사진을 선택 한 뒤, 복사 - 붙여넣기 하셔도 되고, 

사진을 그냥 선택 한 뒤 Ctrl + D를 누르셔도 동일하게 복사됩니다.


※ Ctrl + D 는 많은 응용프로그램에서사용되는 복제(Duplicate) 기능의 단축키이므로 알아두시면 유용하게 사용하실 수 있습니다.






오브젝트가 복제되면, 살짝 대각선으로 붙여넣기가 됩니다. 이 복사된 두 그림이 정확히 일치하도록 맞춰야 하는데,

마우스로 직접 옮겨주셔도 되지만 오차를 없애기 위해 다음과 같은 방법을 사용합니다.


두 그림파일을 모두 선택한 뒤, [마우스 우클릭] - [그림 서식] - [크기 및 위치] 탭에서

위치를 조정해줍니다. 가로위치와 세로위치 탭의 cm와 기준을 정확하게 일치시켜 주면 두 그림이 겹치게 됩니다. 


여기서는 그림이 화면에 꽉 차있기 때문에 가로,세로 왼쪽 위 모서리를 기준으로 0cm 로 설정했습니다.






이제 그림 중 하나를 반으로 자릅니다. 겹친 그림 중 위에 있는 그림을 선택 한 뒤, 

[서식]탭의 - [자르기] 선택하셔서 반으로 자릅니다. 

이 때, 절반이 되는 기준은 '안내선' 활성화를 통해 쉽게 맞출 수 있습니다. 


※ 관련팁 : 파워포인트 눈금자, 눈금선, 안내선. 이게 필요했어!








4. 오른쪽 그림 보정하기


본격적으로 보정을 통해 양 쪽의 느낌을 달리합니다. 여기서부터는 정답이 없는 부분이라고 보시면 되겠습니다.

보시기에 편안하고 예쁘다 라고 생각되는 디자인으로 진행하시면 됩니다. 






잘려진 그림에 효과를 줘보도록 하겠습니다. 

겹친 그림 중 위에 있는 그림을 선택 한 뒤, [서식]탭의 - [꾸밈 효과를 ] 선택합니다. 

목록이 쫘르륵 나오는데요, 조금 더 원하는 느낌을 연출하기 위해 [꾸밈 효과 옵션]을 클릭합니다.


꾸밈 효과 옵션에서 원하는 느낌을 [꾸밈 효과]에서 설정 가능합니다. 

선택을 하고 나면  해당 효과의 옵션을 자세히 조정 가능합니다.


※ 만약 그림 설정을 바꿨는데 표시가 되지 않으면, 잘리지 않은 원본 사진을 "맨 뒤로 보내기" 하시면 나타날 겁니다






5. 왼쪽 그림 보정하기


완성본과 비슷하게 왼쪽 그림을 수정하려면 그림에 '필터'를 씌운다고 생각하시면 편하겠습니다.

이 필터는 색감을 입힐 수도 있고, 어둡게 혹은 밝게 할 수도 있고, 그라데이션 효과를 줄 수 도있습니다.

도형의 채우기를 이용해서 만들어 보겠습니다.








- 왼쪽 그림의 영역만큼 사각형 도형을 그립니다. 

   사이즈는 '안내선'이나 '스마트가이드'가 켜져 있으면 수월하게 맞추실 수 있습니다.


- 우리가 익히 아는 파란 그림이 나오는데요, 먼저 선을 "선없음"으로 체크해 주시고, 배경색을 검정색으로 바꿉니다. 


- 검정색으로 바꾼 도형의 채우기 색 투명도를 조정해줍니다. 보기에 적당한 만큼 조정해주세요. 본문은 70~80% 사이입니다. 


반대편의 꾸미기 효과와 상반되는 느낌의 영역이 만들어졌습니다.






6. 텍스트 입력하고 배치하기


이번에는 이등분 되어 있는 화면의 각 중앙에 텍스트를 배치해보도록 하겠습니다.

저는 모뉴먼트 밸리라는 게임의 광팬이기 때문에 MONUMENT VALLEY 라는 단어를 제목으로 사용하겠습니다.

구해놓았던 폰트를 적극 활용해서 디자인합니다.








- 텍스트 상자를 각 중앙에 따로 배치합니다. 저는 8글자의 알파벳이기 때문에 4/4로 나누어 배치했습니다. 

   텍스트의 양을 조절하여 반반으로 구성하는 것이 좋습니다.


※ 이 때. 텍스트 간격을 스페이스바로 조정하지 마시고, 홈메뉴의 정렬 탭의 "균등분할"이라는 기능으로 맞추시기 바랍니다.

  왼쪽정렬 / 가운데정렬 /오른쪽정렬 등이 있는 메뉴버튼의 다섯번째 버튼입니다. 

  텍스트 상자의 사이즈에 맞게 글자를 자동으로 간격조정해주는 기능인데요, 

  자동으로 텍스트 상자 크기만큼 간격을 맞춰줍니다.









- 글자색을 조정해주고 마음에 드는 폰트로 변경한 뒤, 검은색 배경에는 흰색글씨 / 흰색배경에는 진한회색글씨로 바꿉니다.
- 변경한 글자색에 투명도를 주고 (90%), 사이즈를 키워서 마무리합니다.

요는 배경 사진의 배치에 맞게 텍스트를 균형있게 배치하는 것인데,
이 배경사진의 경우 가운데에 피사체가 있는 경우이므로, 텍스트는 분할 된 화면의 각각 가운데로 위치시켰습니다.






6. 텍스트 데코레이션하기








- 글씨만 쓰면 조금 심심하니 흰색 라인으로 포인트를 줘봅니다.
- 선색을 각각 달리해야 합니다. 
  따라서 2개의 선을 그릴텐데요, 처음 선을 그리면 양 끝이 사각형으로 잘려서 보기 좋지 않습니다.
  선을 선택하고 [마우스 우클릭] - [도형 서식] - [선] 탭에서 [끝 모양 종류] 를 [원형] 으로 바꿔주면 선 끝이 뭉툭하게 변합니다.

- 나머지 텍스트도 배치해서 타이틀 디자인을 완성합니다.





7. 로고 삽입해서 완성하기

로고의 원리 역시 배경사진을 잘랐던 때와 같습니다 다만 흰색이나 검은 색 로고 한개만을 가지고 있는 경우가 많으므로
후보정을 한번 해줘야합니다.







-  로고를 삽입하고 저번과 마찬가지로 복제합니다.

- 복제한 도형의 위치를 일치시키고, 그 중 하나는 반으로 자릅니다.

- 반으로 자른 도형의 색을 바꿔주기 위해 색을 바꿀 도형을 
[마우스 우클릭] - [그림서식] - [그림 보정] 에서 [밝기/대비]를 조정해줍니다. 
이번 경우 진한 회색톤이 나게 바꿔주도록 하겠습니다.








완성된 버전입니다. 이번에는 사진이 좀 많았습니다.ㅠ

사진과 텍스트, 도형만으로 감각적인 디자인 연출이 가능하니

실전에 예쁘게 디자인하셔서활용해보시기 바랍니다



저작자 표시 비영리 변경 금지
신고

Read Next

  1. 멋진 디자인 잘 보았습니다.

    그런데 설명해주신 예시처럼 하지 않고,

    그냥 사진 반쪽 크기의 검은색 도형을 사진 위에 덮어씌우고

    투명도를 50%정도 부여하면 같은 효과가 나옵니다.

    사진 두개를 첨부하지 않기 때문에, 용량도 더 적구요.

    • ㅎㅎ 좋은의견 감사합니다!
      맞아요 그렇게 하는것이 더 합리적이긴한데

      이번에는 한쪽사진에 효과를 따로 입히느라 반반 자른것이랍니다

      원래대로 밝기를 조정하여 분할하는 경우에는 말씀하신대로 하는것이 맞겠네요ㅎㅎ

  2. 하....같은 프로그램인데.......내 ppt는........

  3. 폰트 이름이 뭔가요 예쁜데
    GOST COMMON 쳤더니 안나와요

  4. 항상 많이 배워용 ㅎㅎ

  5. 저 PPT에 쓰신 폰트가 뭔가요?? 너무 예뻐요ㅠㅠ 저도 쓰고 싶네요!!!

*

*

Tags

티스토리 툴바