<div> <div style="text-align: left"><img src="http://thimg.todayhumor.co.kr/upfile/201405/1400428299rC6xXdUSmBTMkJewd6leRRxk37.png" width="800" height="1203" alt="theend.PNG" id="image_0564609982073307" class="chimg_photo" style="border: none" /></div><br /></div> <div> <p style="margin: 0px; padding: 0px; text-align: justify"><span style="font-size: 9pt; line-height: 1.5"><br /></span></p> <p style="margin: 0px; padding: 0px; text-align: justify"><span style="font-size: 9pt; line-height: 1.5">오유 여러분 안녕하세요. 블로그와 pgr21라는 커뮤니티에 에 업로드를 했었는데 닌텐도 게시판이 있어서</span></p> <p style="margin: 0px; padding: 0px; text-align: justify"><span style="font-size: 9pt; line-height: 1.5">여기에도 올려봅니다.</span></p> <p style="margin: 0px; padding: 0px; text-align: justify"><span style="font-size: 9pt; line-height: 1.5">혹시 나중에 닌텐도에 대한 발표시에 도움 되시라고 30슬라이드짜리 자료 올려봅니다.</span></p> <p style="margin: 0px; padding: 0px; text-align: justify"><br /></p> <p style="margin: 0px; padding: 0px; text-align: justify"><span style="line-height: 19.200000762939453px">모든 인포그래픽이나 디자인을 제가 한 건 아닙니다. 일러스트나 아이콘은 iconfinder를 대개 참고했습니다.</span><br style="line-height: 19.200000762939453px" /><span style="line-height: 19.200000762939453px">또한 대표적으로 CENCERSHIP(검열) 사진과 오른쪽의 그래프는 구글 검색으로 다른 외국분들껄 조금씩 수정했습니다.</span><br style="line-height: 19.200000762939453px" /><span style="line-height: 19.200000762939453px">상업적 용도는 아니니 괜찮겠죠(..) 일러스트는 잼병이랍니다. 이 병 고칠 수 있나요?</span></p> <p style="margin: 0px; padding: 0px; text-align: justify"><span style="line-height: 19.200000762939453px"> </span></p> <p style="margin: 0px; padding: 0px; text-align: justify"><span style="line-height: 19.200000762939453px">용량이 커서 마그넷으로 공유합니다.</span></p> <p style="margin: 0px; padding: 0px; text-align: justify"><span style="line-height: 19.200000762939453px"><br /></span></p> <p style="margin: 0px; padding: 0px; text-align: justify"><span style="line-height: 19.200000762939453px"><br /></span></p> <p style="margin: 0px; padding: 0px; text-align: justify"><span style="line-height: 19.200000762939453px"><a target="_blank" href="magnet:?xt=urn:btih:92288186C9C1CA67B6F829CEA506F8522AC92828&dn=%ec%9d%bc%ec%a7%80%ed%86%b5%20%ea%b8%b0%ec%97%85%eb%b0%9c%ed%91%9c%20%5b%eb%8b%8c%ed%85%90%eb%8f%84%5d.ppsx&tr=udp%3a%2f%2ftracker.openbittorrent.com%3a80%2fannounce&tr=udp%3a%2f%2ftracker.publicbt.com%3a80%2fannounce&tr=udp%3a%2f%2ftracker.ccc.de%3a80%2fannounce " target="_blank">[ 자석 클릭 ]</a> (불법 아닙니다 제가 만든거-_-;)</span></p> <p style="margin: 0px; padding: 0px; text-align: justify"><br /></p> <p style="margin: 0px; padding: 0px; text-align: justify"><br /></p> <p style="margin: 0px; padding: 0px; text-align: justify"><br /></p> <p style="margin: 0px; padding: 0px; text-align: justify">혹시 PPT 만들어 보고 싶으신 분들은 슬라이드1에 대한 강의도 같이 올립니다.</p> <p style="margin: 0px; padding: 0px; text-align: justify"><br /></p> <p style="margin: 0px; padding: 0px; text-align: justify"><br /></p> <div class="autosourcing-stub-extra" style="position: absolute; opacity: 0; line-height: 1.5"> <p style="margin: 11px 0px 7px; padding: 0px; line-height: 1.5"><strong style="padding: 0px 7px 0px 0px">[출처]</strong> <a target="_blank" href="http://blog.naver.com/designwarez/220002736378" target="_blank" style="text-decoration: none">[조별과제 PPT] '닌텐도' 기업 발표</a><span style="padding: 0px 7px 0px 5px">|</span><strong style="padding: 0px 7px 0px 0px">작성자</strong> <a target="_blank" href="http://blog.naver.com/designwarez" target="_blank" style="text-decoration: none">실상</a></p></div> <p></p></div> <div><span style="font-size: 9pt; line-height: 1.5">어제 '누구나 잘 만들 필요는 없는 PPT'라는 글을 올렸는데</span></div> <div>( <a target="_blank" href="http://pgr21.com/pb/pb.php?id=freedom&no=51799" target="_blank">http://pgr21.com/pb/pb.php?id=freedom&no=51799</a> )</div> <div>반응이 상당히 좋았습니다. 이정도로 좋아하실진 몰랐는데..</div> <div>그만큼 피피티를 잘 하고 싶어하시는 분도 많고, 강의에 목말라하시는 분들이 많았습니다.</div> <div><span style="font-size: 9pt; line-height: 1.5">imgur에 그림파일을 올려 링크를 교체해서 올립니다.</span></div> <div><br /></div> <div>강의 갑니다!</div> <div> </div> <div><br /></div> <div> <div style="text-align: center"><img src="http://i.imgur.com/78bs0BH.png" width="800" height="600" alt="http://i.imgur.com/78bs0BH.png" id="image_025289342156611383" class="chimg_photo" style="border: none" /></div></div> <div> </div> <div>오늘의 강의는 이 슬라이드에 들어가는 팁들을 설명하도록 하겠습니다.</div> <div>가장 먼저 살펴볼건 이것입니다.</div> <div> </div> <div> <div style="text-align: center"><img src="http://i.imgur.com/jvzvbQ0.png" width="688" height="452" alt="http://i.imgur.com/jvzvbQ0.png" style="border: none" /></div></div> <div> </div> <div>넴.. 근데 이게 뭐염?</div> <div>이라고 물어보시면 곤란합니다 하앜</div> <div>저는 '닌텐도 기업발표' PPT를 제작해야 하는 막중한 사무를 띄고 있고,</div> <div>이에 부합하는 이미지를 찾아 1슬라이드에 삽입하는게 가장 중요한 일이겠죠.</div> <div>아무리 아는게 없다는 저라지만 닌텐도에서 Wii를 만들었다는건 압니다.</div> <div>그렇다면 저와 같은 보통 사람들도 닌텐도라면 Wii를 주로 떠올리게 되겠죠?</div> <div><br /></div> <div>일단 구글(http://www.google.com)로 갑니다. 구글이 이미지 검색은 짱입니다 구글 사랑해</div> <div><br /></div> <div> <div style="text-align: center"><img src="http://i.imgur.com/vk04mXK.png" width="659" height="314" alt="http://i.imgur.com/vk04mXK.png" style="border: none" /></div></div> <div> </div> <div>구글쨔응의 저 군더더기 없는 인덱스페이지를 보라.. 오오</div> <div>저는 여기서 닌텐도 Wii를 검색해 볼겁니다.</div> <div><br /></div> <div> <div style="text-align: center"><img src="http://i.imgur.com/7BEIJTY.png" width="800" height="384" alt="http://i.imgur.com/7BEIJTY.png" id="image_009974760049954057" class="chimg_photo" style="border: none" /></div></div> <div><br /></div> <div>는 이런 결과가 뜨죠. ^오^</div> <div><br /></div> <div><b>중요한건, 여기서 어떤 이미지를 쓸 것인지 매우 진지하게 고민하셔야 한다는 것입니다!</b></div> <div><br /></div> <div>만약, 이런 1슬라이드는 어떨까요..?</div> <div><br /></div> <div> <div style="text-align: center"><img src="http://i.imgur.com/RuoYcSu.png" width="800" height="600" alt="http://i.imgur.com/RuoYcSu.png" id="image_07420371240004897" class="chimg_photo" style="border: none" /></div></div> <div> </div> <div>난데없이 파이터 본능이... 샘솟아 오른다아...</div> <div>저게 혁신과 창조에 어울리는지는 모르겠지만, 일단 제 기준으로는</div> <div> </div> <div><b>1. 정신 사나운 사진 배경</b></div> <div><b>2. 살색은 좋은데.. 남성의 살색은 거부합니다.</b></div> <div><b>3. 스크린이 반사빛 때문인지 뭔지 뭉개져서 잘 보이지 않음.</b></div> <div><br /></div> <div>​이러한 이유들때문에 기각입니다. 버려버려!</div> <div> </div> <div><b>Simple Is Best.</b>​ 다들 많이 들어보셨나요? 심플이 짱입니다 심플심플</div> <div>물론 심플을 빙자하여 고급 과정도 만들 수 없으면서 Just Simple! 만 외쳐대는 사람들도 있지만.. -_-;</div> <div> </div> <div>일단 <b>PPT의 배경색을 어느톤으로 잡았느냐</b>를 가장 우선적으로 생각하고 이미지 검색에 들어갑시다.</div> <div>그리고, <b>그 이미지를 편집하면 배경톤과 어울리게 만들 수 있는가</b><span style="font-size: 9pt; line-height: 1.5">를 두번째로 생각하고 이미지 검색에 들어갑시다.</span></div> <div>(말이 어렵다면, 그냥 포토샵 펜툴로 따서 배경을 깨끗하게 제거할 수 있느냐? 라는겁니다.)</div> <div><br /></div> <div> <div style="text-align: center"><img src="http://i.imgur.com/7EOd9iN.png" width="800" height="600" alt="http://i.imgur.com/7EOd9iN.png" id="image_023175054602324963" class="chimg_photo" style="border: none" /></div></div> <div> </div> <div>뭐 이정도는 어떻슴메 동무..?</div> <div> </div> <div>기각입니다. 이유는?</div> <div> </div> <div><b>1. 쓸려면 저 하늘 걷어내세요.​</b>(사실 포토샵 펜툴로 30초면 따겠지만)</div> <div><b>2. 머리에 확실히 각인되는 이미지를 쓰세요. 1슬라이드 메인이미지는 그만큼 중요합니다.</b></div> <div><b>3. 왼쪽 저쪼아래, 오른쪽 저쪼아래, 검정 글씨 지우고 얘기하죠.</b></div> <div> </div> <div>​이러 저러한 이유로, 저는 처음의 저 이미지를 쓰기로 했습니다.</div> <div>검색어를 어떻게 적느냐도 중요한데,</div> <div> </div> <div><b>​문화사대주의고 뭐고 다 제쳐두고 일단 검색에는 영어 쓰세요 영어. </b></div> <div><b>미국에 진출해 있는 제품이면 영어가 짱입니다. 영어 두번 쓰세요.</b></div> <div><br /></div> <div>​저는 Wii로 검색하여 결과물 이미지를 얻었습니다. 운좋게 4번째줄에서 맘에 드는 이미지를 찾았습니다.</div> <div>나중에 다루겠지만, sales graph나 figure따위를 검색할땐 이미지 하나에 심하게는 반시간 넘게 할애하는 경우도 많습니다.</div> <div> </div> <div>간단히 배경에 대해 다루고 넘어갑시다.</div> <div><br /></div> <div>저는 이번 PPT를 준비하여 두가지 배경을 제작하였습니다.</div> <div>제작이라고 하니 거창하군요. 그냥 찌끄려 봤습니다.</div> <div><br /></div> <div> <div style="text-align: center"><img src="http://i.imgur.com/dT16Fvz.png" width="800" height="600" alt="http://i.imgur.com/dT16Fvz.png" id="image_09835812242235988" class="chimg_photo" style="border: none" /></div></div> <div><br /></div> <div> <div style="text-align: center"><img src="http://i.imgur.com/ifNiEzY.png" width="800" height="600" alt="http://i.imgur.com/ifNiEzY.png" id="image_0771327915135771" class="chimg_photo" style="border: none" /></div></div> <div><br /></div> <div>그냥 흰 배경과 검정 배경인데? 너 지금 장난함?</div> <div>이라고 하는 눈썰미 없는 분들은 봉황의 뜻을 참새는 헤아리지 못하는 법이죠 후후..</div> <div><br /></div> <div>가 아니라 사실 그냥 흰배경과 검은 배경을 사용하셔도 됩니다.-_-;</div> <div>저는 로모효과나 그라데이션을 나름 사랑해서 이런게 약간의 명암조절을 하였습니다.</div> <div>둘 중에 무엇을 사용할까 곰곰이 생각을 하다가,</div> <div><br /></div> <div><b>'Wii는 흰색 제품이 대표적이라서 흰색 이미지가 많겠지?</b></div> <div><b>그럼 검정배경을 쓰면 굉장히 귀찮아 질거같음-_-(하나하나 배경을 다 따서 제거해야 하기 때문에)'</b></div> <div><br /></div> <div>​이런 짱구 프로세서를 거쳐 흰색 배경을 사용하게 되었습니다.</div> <div>뭐, 온전한 흰색배경이 아니기에(주변부가 약간 거무튀튀하져) 어느정도의 이미지간 배경 제거 작업은 거쳐야 했습니다.</div> <div><br /></div> <div>이런식으로 이 PPT를 앞으로 어떤식으로 제작해 나갈것이냐, 에 대해 대충이나마 구성을 잡으면서 나가십시다.</div> <div>소위 '레이아웃'이라고 하죠. 이건 굉장히 중요합니다. 그건 본격적인 3슬라이드 강좌에서 적어보도록 하겠습니다.</div> <div><br /></div> <div>결과물에서 사용한 폰트는 a옛날목욕탕체입니다. L(Light)와 B(Bold) 버전이 있는데 취향껏</div> <div>(라고 쓰고 ​<b>'제목 및 강조부분 / 본문​여부에 따라'</b>라고 읽는다.) 사용해주시면 되겠습니다.</div> <div>아시아 폰트 - http://www.asiafont.com</div> <div>폰트 다운 - http://www.asiafont.com/FontTong.zip</div> <div> </div> <div>PC내에서 사용이 아닌 PPT로 사용하려면 오픈타입이 아닌 트루타입으로 꼭! 깔아주세요.</div> <div>그렇지 않으면.. PPT에서 글꼴을 포함하지 못하는 불상사가 일어납니다.ㅠ_ㅠ</div> <div><br /></div> <div>다음으로 넘어가 볼까요? 저 말 너무 많아요? 크크크</div> <div><br /></div> <div> <div style="text-align: center"><img src="http://i.imgur.com/kVhYzF7.png" width="679" height="289" alt="http://i.imgur.com/kVhYzF7.png" style="border: none" /></div></div> <div> </div> <div>1. 로고는 구글에서 nintendo logo png로 검색했습니다.</div> <div>여기서 중요한건, 보통 이미지를 가져올때 <b>끝을 png로 검색하는걸 추천한다</b>는 겁니다.</div> <div>말로 설명하기가 애매해서 그냥 그림으로 보여드리겠습니다.</div> <div><br /></div> <div> <div style="text-align: center"><img src="http://i.imgur.com/5buay9p.png" width="600" height="200" alt="http://i.imgur.com/5buay9p.png" style="border: none" /></div></div> <div> </div> <div>한방에 이해 되셨죠? 배경색과 관계없이 미친 존재감을 뽐낼 수 있습니다. 데헷</div> <div>다음으로는 부제목과 제목을 삽입해야하는데, 닌텐도의 과거와 미래, 그리고 그 정신을 다루는 내용을 부제목에 썼고</div> <div>제목은 강조가 되도록 큼직하게 썼는데, 저만의 철학에 따라 배치를 하였습니다.</div> <div><br /></div> <div> <div style="text-align: center"><img src="http://i.imgur.com/kyCCUuI.png" width="768" height="256" alt="http://i.imgur.com/kyCCUuI.png" style="border: none" /></div></div> <div><br /></div> <div>과유불급입니다. <b>​난 지금 엄청나게 튀려고 노력하고 있어!</b> 라고 외치는 듯 하네요.</div> <div><br /></div> <div> <div style="text-align: center"><img src="http://i.imgur.com/GLJhBN5.png" width="679" height="289" alt="http://i.imgur.com/GLJhBN5.png" style="border: none" /></div></div> <div><br /></div> <div>이렇게 양옆으로 간격이 맞는 배치가 훨씬 보기 좋습니다. 눈에도 편하게 잘 들어오고요.</div> <div> </div> <div>그리고 너무 심심해서 구글에서 마리오를 검색한 후, PPT에서 도형을 이용해 점프표시를 그렸고, 버섯 이미지도 캐왔습니다.</div> <div>여기서 애니메이션의 마법이 펼쳐지는데요, 비교 이미지를 보시져.</div> <div><br /></div> <div> <div style="text-align: center"><img src="http://i.imgur.com/CkLMvNw.png" width="800" height="1244" alt="http://i.imgur.com/CkLMvNw.png" id="image_0541161089669913" class="chimg_photo" style="border: none" /></div></div> <div><br /></div> <div>BEFORE는 피피티상에서 보이는 화면이고, AFTER는 슬라이드쇼를 실행했을때 나타나는 화면입니다.</div> <div><br /></div> <div>BEFORE에 마리오는 아래에 있고, 점프표시는 점프한 마리오가 있을 아래 자리에, 버섯은 처음부터 나와있네요.</div> <div>AFTER에 마리오는 아래에 있지만, 점프표시와 버섯은 감쪽같이 사라져 있습니다.</div> <div>이는 애니메이션 효과 덕분인데여, 저는 이런식으로 설정을 주었습니다.</div> <div> </div> <div> <div style="text-align: center"><img src="http://i.imgur.com/BflAdgJ.png" width="800" height="450" alt="http://i.imgur.com/BflAdgJ.png" id="image_07029919293709099" class="chimg_photo" style="border: none" /></div></div> <div> </div> <div>일단 마리오는 애니메이션 탭에서 이동경로 - 사용자 이동경로로 직접 이동경로를 그려줬습니다.(그리다가 마우스 떼고 엔터키를 치면 멈춰집니다.)</div> <div>점프 표시는 나타내기 - 올라오기를 사용해서 점프하는듯한 생동감(까진 아니지만)을 주었습니다.</div> <div>버섯은 나타내기 - 닦아내기를 이용해서 버섯이 나오는듯한 느낌을 주었죠.</div> <div>어렸을때 마리오 다들 한번 쯤 해보셨잖아요? 이해 못하는 분은 없을테니깐 넣어봤습니다.</div> <div>이렇듯, <b>청중과의 공감대 형성​</b>은 매우 중요합니다. 프리젠테이션시 몰입도와 프리젠터와의 친근감을 더해줄 수 있죠.</div> <div><br /></div> <div>여기에 더하여, 효과 옵션에 들어가서 추가적용에 소리부분에 마리오 배경음악과 점프소리, 버섯자라는 소리를 넣었습니다.</div> <div>이건 네이버에서 검색해서 얻었습니다. 어떤 분 블로그에 있더군요.</div> <div>다만, mp3로 되어 있어서 MP3 To Wave라는 프로그램으로 간단하게 편집하였습니다.</div> <div>( 다운로드 : http://www.009soft.com/products/mp3towave.exe )</div> <div><br /></div> <div>결과물은 이렇습니다.</div> <div><br /></div> <div><object width="450" height="200"><param name="movie" value="//www.youtube.com/v/xUVKHlWiF1A?hl=ko_KR&theme=light&rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="//www.youtube.com/v/xUVKHlWiF1A?hl=ko_KR&theme=light&rel=0" type="application/x-shockwave-flash" width="450" height="200" allowscriptaccess="always" allowfullscreen="true"></embed></object><br /></div> <div><br /></div> <div>이렇게 1슬라이드 제작과정을 모두 알아보았습니다. 벌써부터 진이 빠지네요 헉헉 ㅠㅠ</div> <div>다음부턴 좀 날림강의로 제작을 하도록.. 이 적은 내용에 뭐 이리 생각할건 많고.. 신경써야할 건 많고..</div> <div>나중엔 다 저절로 습득이 되니깐 일단 무조건 따라해보세요!</div> <div><br /></div> <div>ps. 앞으로의 강의는 <a target="_blank" href="http://blog.naver.com/designwarez" target="_blank">제 블로그</a>에 계속해서 올릴 예정입니다. <span style="font-size: 9pt; line-height: 1.5">읽어주셔서 감사합니다!</span></div>