1. 모자이크 퀴즈

강의 대본

네 밀린신문입니다 이번 시간에 여러분들이랑 만들어 볼 내용은요 지금 화면에 보시는 것처럼 모자이크 퀴즈 궁금하시죠? 진짜로 온라인 수업하다 보면 다들 느끼실 거예요 상대방 교육생들의 호응이 없으면 힘들잖아요 저 역시 마찬가지고요 필요에 의해서 만들게 된 겁니다 첫 번째 모자이크 퀴즈인데요 같이 한번 맞춰볼게요 자 깜장색 배경이 나오고요 클릭을 하면 백그라운드 배경에 무슨 그림이 있는데 일부분만 노출이 됐어요 자 그럼 교육생들과 함께 뭐라 그러냐면 자 누구의 작품일까요 누구의 그림일까요 작가의 이름 무엇일까요 이러면 수십 명의 학생들이 채팅창에 답을 달아요 누구야 누구야 누구야 모르겠다 그럼 다시 한번 또 보여줘요 또 모른다 그러면 계속해서 다양한 크기의 모자이크를 보여주면서 호기심을 유발하죠 이럴 때 빨리 맞출수록 점수를 준다던가 나중에 사은품으로 보상을 한다던가 보상은 반드시 있어야 됩니다 그래야 참여율도 높아져요 자 이러고 나서 누군가 정답을 맞춰요 네 반 고흐 작품이에요 별이 빛나는 밤 그러면 이제 왼쪽 상단에 있는 정답 확인을 누르시면 빈센트 반 고흐 작가의 별이 빛나는 밤이라고 하는 그림이 딱 나오는 거죠 이게 참 재밌는 게 뭐냐면 만드는 게 굉장히 쉬워요 만드는 것도 쉬운데 참여율도 높아요 지금 같이 한번 만들어 볼게요 자 보여드릴게요 일단 새 슬라이드를 만들고요 제목 입력 다 삭제 일단 제일 먼저 해야 되거든요 빈센트 반 고흐의 작품을 찾아와야 되겠죠 이미지를 삽입합니다 삽입 탭에서 그림 온라인 그림 반고흐라고 입력할게요 이미지를 선택하실 때는 뭐가 중요하냐면 해상도를 반드시 보셔야 돼요 되도록이면 해상도가 좋은 게 좋겠죠 저 같은 경우는 지금 어떤 그림을 넣냐면 여기에 있는 이 작품이죠 눌러보니까 500에 399 해상도가 좋다고 할 수도 없고 나쁘다고 할 수도 없는 해상도예요 자 들어갔습니다 밑에 있는 내용들은 삭제 그리고 이제 중요한데요 이 친구를 슬라이드에 가득 채워요 꽉차게 됐죠 자 이제 이 친구를 오른쪽 버튼 누르고 잘라내기 다시 오른쪽 버튼 눌러서 배경 서식 그리고 이제 오른쪽에 배경 서식 창이 나타나는데 그림 또는 질감 채우기에서 클립보드를 누르면 요렇게 백그라운드로 그림이 들어와요 이게 무슨 차이냐 지금 보시게 되면은 그림을 슬라이드에 삽입한 상태에서 맨 뒤로 두는 것과 배경으로 서식하는 건 달라요 차이는 작업하다 보면은 도형 같은 거 넣을 때마다 얘가 항상 같이 걸려요 그런 경우 많죠 그거 귀찮아서 그냥 백그라운드로 넣어버린 거예요 아무리 클릭해도 잡히지가 않죠 자 그러면 이 그림을 감출 수 있는 무언가를 위에다 올릴게요 직사각형을 가지고 이렇게 가득 채워요 검정색이면 더 좋고요 색깔은 여러분들이 지정하시기 나름이에요 자 이렇게만 두게 되면은 슬라이드 쭉 봤을 때 아무것도 안 보여요 클릭해도 안 보이고요 그죠? 자 그럼 이때 재미난 게 있어요 수많은 도형 중에 삼각형으로 하셔도 되고 원형으로 하셔도 되고 다이아몬드 오각형 뭐든 좋아요 도형 선택은 여러분들 마음대로 하시면 돼요 저는 사각형만 가지고 한번 해볼게요 자 길쭉하게 하나 됐죠 여기서 이제 중요한 게 오른쪽 버튼을 누르고 도형 서식을 누르면 아마 이거 잘 안 써보셨을 거예요 슬라이드 배경 채우기 이게 뭐냐면 지금 도형은 파란색인데 지금 백그라운드에 빈센트 반 고흐의 작품의 그림이 서식으로 지정되어 있죠 그 부분을 보여주는 거예요 눌러볼까요? 자 그렇죠 해당 도형만큼만 뒤에 있는 그림이 보여져요 자 얘를 옮겨 볼까요 옮기면 또 옮긴 부분이 나와요 밑으로 옮기면 밑으로 나오고요 크기를 늘리면 늘린만큼 나와요 많이 늘리면 많이 늘린만큼 보여주는 거구요 그쵸 자 그럼 저는 여기서 이렇게 하나 첫번째 힌트는 좀 어려워야 되겠죠 자 이렇게 하나 이때 중요한게 여러개의 도형을 만들텐데요 애니메이션을 먼저 지정하고 나서 해도 되구요 다 만들고 나중에 지정하셔도 되요 저는 나중에 지정하도록 할게요 왜인지는 잠시 뒤에 설명 드릴게요 왼손으로 컨트롤키를 누르고 아무 데나 복사 복제라고 하죠 자 얘는 조금 다른 모양으로 가볼게요 자 다시 한번 컨트롤키를 누르고 마우스로 그림을 클릭해서 드래그로 복제합니다 이번에는 좀 작은 녀석으로 갈게요 같이 붙여 주면 더 좋고요 자 여기서 또 하나 컨트롤 키를 누르고 이번에는 좀 크게 한번 가볼게요 큰 힌트가 되겠죠 자 다시 한번 이제 이 친구는 오른쪽으로 복제해서 요러커롬 요러커롬 어때요 좀 더 많아졌죠 보여지는 그림이 갈수록 커지는 거예요 이번엔 작은 거 하나 넣어 볼게요 자 이렇게 됐죠 이러다가 이제 누군가가 정답을 맞출 수도 있고 맞히지 못할 수도 있는데 갈수록 큰 힌트를 주면 줄수록 좋아요 자 여기까지만 한번 해볼게요 워낙에 유명한 그림이니까 자 이제 애니메이션을 적용하겠습니다 오른쪽에 창을 닫고 애니메이션 탭에서 애니메이션 창 자 이제 왼손을 가지고요 시프트 키를 누른 상태에서 마우스로 순서대로 나타났으면 하는 녀석들부터 클릭하시면 되요 됐어요 제가 지금 누르는 순서대로 애니메이션이 나올 거에요 효과는 밝기 변화 바로 위에 보이죠 그런 다음에 시작 부분을 클릭할 때 끝났어요 슬라이드 쇼로 볼게요 자 첫 번째 힌트 나갑니다 클릭하면 두 번째 세 번째 자 누를 때마다 힌트가 계속 등장을 하죠 자 이러다가 어떤 친구가 정답을 외쳤다 채팅창에 정답이 올라왔다 네 맞아요 정답입니다 하면서 그냥 마우스 휠을 밑으로 내리셔도 되고요 이때 이제 정답을 누군가 맞췄으니까 정답 슬라이드도 필요하겠죠 왼쪽에 있는 작업창 개요창을 열고요 마우스로 먼저 슬라이드를 클릭하시고 왼손은 컨트롤 키를 누른 채 밑으로 쭉 내리면 슬라이드 자체가 복제가 됩니다 이때 검정색 삭제 앞에 있던 모자이크 도형들 삭제 정답 화면이 나온 거예요 이때 써 줘야 되겠죠 이 작품이 누구의 작품인지 그러면 빈센트 반 고흐 별이 빛나는 밤 이제 여기서 중요한 거예요 글꼴체를 잘 선택하셔야 돼요 예쁜 글씨가 아니라 잘 보이는 글꼴체로 바꿔 주셔야 돼요 저 같은 경우는 예쁜 글자를 쓰시는 것도 좋은데 뭐가 중요하냐면 일단 교육생들은 온라인 수업을 받기 때문에 보통의 모니터가 특히 노트북 같은 경우에는 커야 할 기껏 커야 15인치 보통은 13, 14인치예요 태블릿 PC로 보는 친구들은 더 심하고요 스마트폰은 말할 것도 없죠 이 친구들이 이 화면에서 반 친구들의 얼굴도 보고 PPT도 봐야 돼요 이 작은 데서 글자가 보일까요? 오! 글자 예쁘다 디자인 예쁘다 절대 안 들어와요 절대까진 아니지만 아무튼 중요한 건 예쁜 디자인, 예쁜 글자가 중요한 게 아니고요 일단 교육생들에게 잘 보여야 돼요 태블릿 PC로 보는 친구들한테도 그 작은 화면에서 잘 보여야 되고요 스마트폰으로 보는 친구들한테도 잘 보여야 돼요 그럼 어떻게 될까요? 굵은 글씨를 써야 되고 크게 해야 되고 잘 보이게끔 음영을 넣어줘야 돼요 그림자 자 해볼게요 자 빈센트 반 고흐 어떤 글꼴체인가 하고 봤더니 보통 파워포인트가 기본적으로 제공하는 거 있죠 맑은 고딕이 되겠죠 큼직하게 할게요 이것저것 바꾸면 시간 걸리니까 그냥 있는 그대로 할게요 굵게 글자 색깔은 흰색으로 바꿀게요 흰색으로 바꿔도 잘 보이긴 하는데 옆에 그림자까지 한번 넣어볼게요 텍스트 그림자 이걸로 부족해요 어디로 가냐면 도형 서식에 텍스트 윤곽선을 검정색으로 봐줘요 그 다음에 중요한 거예요 텍스트 효과에 가시면은 그림자의 바깥쪽 가운데 있죠 요 녀석을 누르셔도 돼요 근데 티가 잘 안 난다 백그라운드가 뭐냐에 따라서 잘 보이고 안 볼 수 있죠 저 같은 경우는 자주 쓰는 게 텍스트 효과에서 네온 효과예요 여기서 이제 이런 식의 네온 효과를 진하게 줘도 되고요 약하게 줘도 되고요 자 이렇게 한 다음에 저는 어떻게 하냐면 색깔을 어두운 색으로 바꿔줘요 그러면 글자가 훨씬 눈에 잘 띄죠 잠깐 이름을 좀 작게 하고요 자 이런 식으로 해서 저 같은 경우는 빈센트 반 고흐 작품의 별이 빛나는 밤이다 라고 입력을 해 놓으면 문제를 풀다가 다 맞추고 나면은 정답 하고서 넘어올 수 있죠 이때 제가 앞에 뭐 있었냐면 정답 화면 이라고 있었어요 그렇죠 네 이거 어떻게 하는 거냐면 만들어도 되고 안 만들어도 되는데 예를 들면 한 3개 정도의 모자이크가 나왔는데 교육생이 정답을 맞췄다 그럴 때 그냥 바로 넘어가도 되지만 그래도 한번 만들어 볼게요 퀴즈니까 보자고요 동그란 걸 가지고 요렇게 넣어요 그 다음에 좀 블록 튀어나오게끔 효과도 한번 줘 볼까요 미리 설정해서 첫 번째 효과를 줘도 되고요 두 번째 설정을 지정하셔도 돼요 이건 제가 좋아하는 효과예요 자 여기다가 이제 정답 확인 입력 한번 해 볼게요 정답 확인 역시나 글자는 잘 보여야 되겠죠 굵게 그림자까지 여기서 오른쪽 버튼을 누르고요 중요한 거는 밑에 뒤에 링크가 있어요 보통 우리가 링크를 착각하는 경우가 있는데요 이럴 때는 굳이 링크까지 가지 않아도 되는데 사용방법 하나만 알려드릴게요 링크 삽입을 눌러보면 하이퍼링크가 있는데 기존 파일 웹페이지가 있구요 현재 문서가 있어요 그죠 바로 이거예요 지금 제가 만들고 있는 파워포인트 슬라이드를 보시게 되면 1번 2번 2개밖에 없죠 여기도 마찬가지예요 2개밖에 없죠 여기서 여러분들이 2번 슬라이드에 정답이 있으니까 2번 슬라이드만 지정해 주시면 됩니다 그 다음에 여기 모자이크 보니까 테두리가 파란색이 자꾸 보여요 나 이거 없었으면 좋겠는데 없애면 됩니다 가볼게요 모두 선택하시고요 도형 서식에서 도형 윤곽선 없음 끝 최종 확인 문제 낼게요 어떤 그림인지 맞춰보세요 클릭하면 조각이 하나씩 나옵니다 네 그러다가 다 맞추면 정답이 나오고요 이때 중간에 한 문제를 모자이크를 3개 정도 보여주는데 정답 빈센트 반 고흐의 별이 빛나는 밤이요 어 맞았어요 하면서 정답 버튼 눌러주는 걸 보여주면 되는데 이때 당신이 정답을 아주 빨리 잘 맞췄다 라는 것을 보여주기 위해서요 뭘 하면 좋냐면 효과를 주는 게 좋아요 정답 확인 가겠습니다 하면서 정답 확인에다가 애니메이션을 줘도 되는데 더 중요한 것은 이 친구들이 정답이 나왔을 때 음향 박수 쳐주는 효과보다 현장에서 교육에 참여한 모든 친구들에게 선생님이 말씀하세요 오 맞았어요 이렇게 빨리 맞출 수가 자 여러분 박수 하면서 카메라에 대고 박수 하게끔 유도해 주셔야 돼요 지금 이 수업은 파워포인트 스킬을 가르쳐 주는 것도 맞는데 중요한 건 현장에서 교육생들이 이 수업에 참여하고요 지칠 때쯤 됐을 때 또 재밌게도 만들어 주고요 그리고 지금 내용이 실제로 미술 교육할 때 공부할 수 있는 내용 소재잖아요 그죠? 그러면 굳이 이 작가가 아니더라도 다른 그림만 바꿔줘도 돼요. 예를 들면 이런 거예요. 똑같은 모자이크인데요. 복사 하나 할게요. 이때 오른쪽 버튼 누르고 배경 서식을 누릅니다. 그림 또는 질감 채우기에서 삽입 온라인 그림 저같은 경우는 지금 이제 저작권 때문에 여러분들한테 익숙한 이미지들을 많이 쓰고 싶으면 좋지만 그렇지 못하니까 예를 들어서 하나만 넣을게요 고양이 사진에서 그림이 하나가 등장을 하게 되면은 여러분들이 하나를 선택하고 그냥 삽입만 누르면 그냥 그대로 그림이 바뀌고 효과는 그대로 살아있어요 아이고 지금 애니메이션이 지금 인터넷이 좀 느려서 화면이 안 뜨네요 일단 뭐 하나만 어 이제 뜨네요 자 예를 들면 이 친구를 한번 넣어볼까요 그림이 바뀌면 좋은데 지금 조금 버벅거리죠 기다려 주셔서 감사합니다 PPT 하다 보면 느릴 수도 있죠 바뀌었어요 슬라이드 쇼로 보게 되면 누르면 모자이크는 그대로 살아 있는데 백그라운드에 있는 그림만 바뀌었죠 이게 재밌는 게 뭐냐면 교육생들이 모두 공감할 수 있는 사진을 쓰면 더 좋아요 연예인 사진이라든가 제일 재밌는 건 뭐냐면 반 친구들과 찍었던 사진이나 아니면 특정한 친구의 사진을 받아서 게임으로 활용하시게 되면 훨씬 재밌어요 공적인 대상이 아니라 사적인 관계에 있는 친구들끼리의 사진을 가지고 만들면 훨씬 재밌습니다 꼭 한번 해보세요 아셨죠? 이거 크게 어렵지 않으셨죠? 여기서 애니메이션을 넣을 때 소리를 넣으시면 더 좋기는 해요 예를 들면 첫 번째 애니메이션 목록을 누르고 마지막 7번에 있는 애니메이션 목록을 누를 때 Shift키를 같이 누르면 모두 선택이 돼요 이때 내림 단추를 누르고 효과 옵션에 가셔서 소리 없음에서 저는 화살이라는 효과음을 자주 씁니다 자 그러면 이제 슬라이드 쇼 상태에서 문제가 나올 때 누를 때마다 이런 식이에요 그쵸? 자 여기서 이제 하나만 더 알려드리고 이번 시간 마무리할게요 뭐냐면 아니 선생님 굳이 너무 어두운 것 같은데 검정색이 아니어도 되지 않을까요? 맞아요 검정색 아니어도 돼요 요 녀석 아니어도 돼요 자 요 녀석 아니어도 되구요 두 가지 방법 알려드릴게요 현재 도형에서 도형 서식 채우기 그라데이션 넣어도 되구요 채우기에서 질감 넣으셔도 되구요 많죠 효과는 자 보시는 것처럼 질감을 넣으셔도 돼요 그러면 이런 모양이 되는 거예요 또 하나 그림을 넣으셔도 돼요 그림 여러분들이 가지고 있는 그림이나 아니면 여러분들 교실에 있는 그림을 넣으셔도 돼요 저같은 경우는 뭐 예를 들면은 풍선 그림에서 뭐 아무거나 선택 한번 해볼게요 조금만 기다려 주세요 조금 기다렸나 싶을 때 여러분들은 좋은 게 그냥 빨리감기 누르시면 돼요 지금 또 잠깐 컴퓨터가 조금 힘들어하고 있어요 잠깐만 기다려 주세요 됐습니다 오래 기다려 주셔서 감사합니다 이럴 때 그냥 빨리감기 누르세요 아니 또 이러다가 또 제가 또 이것저것 누르면 렉 걸리잖아요 그죠 보시면은 굳이 검정색이 아니어도 돼요 그냥 기분 좋은 그림 아니면 오늘 있었던 이슈가 되는 이미지들을 쓰셔가지고 누르면은 그냥 그대로 더 헷갈리죠 자 그런데 이건 보세요 해당 이미지가 지금 풍선 이미지가 해상도가 굉장히 좋죠? 바로 이거예요 그래서 이미지를 선택하실 때는 해상도가 좋은 걸 쓰시면 훨씬 좋다 단 해상도가 좋으면 방금 버퍼링 걸렸던 것처럼 그걸 인식하고 읽어내기 위해서 오랜 시간이 좀 걸리지만 그래도 교육 때 한번 써먹어 보시면 효과가 좋다는 거 실제로 제가 경험했으니까요 여러 사진들 응용해서 만들어 보시고요 현장의 반응도 한번 직접 경험해 보시기를 바라겠습니다 모자이크 퀴즈 여기서 마치겠습니다 고맙습니다