파워포인트 그림, 도형, 아이콘, 스크린샷 넣는 법: 늘어나지 않게 넣고 자르기
그림을 늘어나지 않게 넣고 핵심만 남도록 자르고, 슬라이드를 더 분명하게 만드는 도형, 아이콘, 설명을 단 스크린샷을 추가해요.
- 난이도
- 초급
- 시간
- 15분 분량
- 수정:
- 적용 대상:
- Microsoft 365용 PowerPoint, PowerPoint 2024, PowerPoint 2021, 웹용 PowerPoint
배울 내용
- 내 컴퓨터나 스톡 이미지에서 그림을 넣고 비율이 깨지지 않게 크기 조정하기
- 그림을 자르고, 도형에 맞게 자르고, 채우기와 맞춤 사용하기
- 도형, 화살표, 설명선을 그리고 채우기와 윤곽선 서식 지정하기
- 일관된 아이콘 세트를 추가하고 대체 텍스트를 달거나 장식용으로 표시하기
- 스크린샷을 찍고, 자르고, 클릭할 곳을 강조하고, 개인 정보가 드러나지 않게 하기
좋은 그림이나 간단한 도형 하나는 글머리 기호 세 개로도 못 하는 설명을 한눈에 해내요. 반대로 늘어난 사진, 아무렇게나 고른 클립 아트 아이콘, 흐릿한 스크린샷은 덱 전체를 엉성해 보이게 만들어요.
이 튜토리얼에서는 쉽게 배우는 영상 통화 워크숍 덱에 시각 자료를 추가해요. 사진 한 장, 도형으로 만든 3단계 과정, 아이콘 한 줄, 그리고 어디를 눌러야 하는지 정확히 보여 주는 설명을 단 스크린샷이에요. 모든 시각 자료는 슬라이드를 더 분명하게 만들어야만 자리를 차지할 자격이 있어요.
그림 삽입하기
슬라이드를 선택하고 삽입 다음 이미지 다음 그림으로 가서 그림을 어디서 가져올지 고르세요.
- 이 디바이스는 내 컴퓨터에 있는 파일을 넣어요. 가능하면 직접 찍은 사진을 쓰세요. 주민센터를 실제로 찍은 사진이 흔한 스톡 사진보다 나아요.
- 스톡 이미지(Microsoft 365)는 Office 문서에서 쓸 수 있는 사진, 아이콘, 일러스트레이션 라이브러리를 열어요.
- 온라인 그림은 웹을 검색해요. 검색 결과라고 해서 자유롭게 재사용할 수 있는 건 아니니, 쓰기 전에 라이선스를 확인하세요.
슬라이드에 내용 개체 틀이 있다면 그 안의 작은 그림 아이콘을 클릭해도 돼요. 그러면 그림이 개체 틀 위치에 들어가서 레이아웃이 깔끔하게 유지돼요. 캡션 있는 그림과 콘텐츠 2개 레이아웃이 바로 이런 용도로 만들어졌어요.
해상도가 높은 이미지를 쓰세요. 작거나 흐릿한 이미지는 프로젝터로 비추면 더 나빠 보여요. 노트북 화면을 가득 채웠을 때 선명해 보이는 사진이라면 보통 괜찮아요. 축소판 그림을 캡처한 이미지나 웹 검색 미리 보기에서 복사한 이미지는 피하세요.
늘어나지 않게 크기 조정하기
그림을 선택하면 동그란 조절점 여덟 개가 보여요. 모서리에 네 개, 옆면에 네 개예요.
- 모서리 조절점은 비율(가로 세로 비율)을 유지하면서 크기를 바꿔요.
- 옆면 조절점은 한 방향으로만 그림을 납작하게 하거나 늘려요. 얼굴이 넓적해지고 원이 타원이 되고, 그 방에 있는 모두가 알아채요.
그러니 항상 모서리에서 크기를 조정하세요. 모서리를 끄는 동안 Shift를 누르고 있으면 비율이 확실히 고정돼요.
그림이 이미 늘어나 있다면 선택하고 그림 서식 다음 조정 다음 그림 원래대로 다음 그림 및 크기 다시 설정을 고르세요. 그림이 원래 모양으로 돌아가고(적용했던 서식도 사라져요), 다시 제대로 크기를 조정할 수 있어요.
정확한 크기를 지정하려면 그림 서식 다음 크기의 높이나 너비에 값을 입력하세요. 가로 세로 비율 고정이 켜져 있다면(그림은 기본으로 켜져 있어요. 크기 그룹 오른쪽 아래의 작은 화살표로 확인할 수 있어요) 다른 값이 그에 맞춰 바뀌어요.
그림 자르고 맞추기
자르기는 그림에서 내 요점과 상관없는 부분을 잘라 내요. 사진을 의도한 것처럼 보이게 만드는 가장 좋은 방법이에요.
그림을 선택하고 그림 서식 다음 크기 다음 자르기를 클릭하세요. 가장자리와 모서리에 검은 자르기 조절점이 나타나요.
- 자르기 조절점을 안쪽으로 끌면 그 가장자리가 잘려요. 모서리 조절점을 끌면 두 가장자리를 한 번에 잘라요.
- 자르기 영역 안에서 그림 자체를 끌면 보이는 부분을 바꿀 수 있어요.
- 끝내려면 자르기를 다시 클릭하거나 Esc를 누르세요.
자르기 아래 화살표를 누르면 더 많은 옵션이 있어요.
| 옵션 | 하는 일 | 이럴 때 써요 |
|---|---|---|
| 자르기 | 끈 가장자리를 잘라요 | 빈 배경이나 방해되는 요소 없애기 |
| 도형에 맞게 자르기 | 그림을 원 같은 도형 안에 넣어요 | 둥근 인물 사진, 부드러운 느낌 |
| 가로 세로 비율 | 1:1이나 16:9 같은 정해진 비율로 잘라요 | 여러 사진을 같은 모양으로 맞추기 |
| 채우기 | 자르기 영역을 빈틈없이 채우고, 넘치는 부분은 잘라요 | 꽉 차야 하는 개체 틀 속 그림 |
| 맞춤 | 그림 전체를 자르기 영역 안에 넣고, 남는 공간은 비워 둬요 | 잘리면 안 되는 로고나 이미지 |
잘린 부분은 숨겨질 뿐 삭제되지 않아서 언제든 다시 자를 수 있어요. 완전히 없애고 싶다면(예를 들어 파일 크기를 줄이려고) 그림 서식 다음 조정 다음 그림 압축을 쓰고 잘린 그림 영역 삭제를 선택하세요.
도형과 간단한 설명선 그리기
도형은 강조하고, 테두리를 두르고, 아이디어를 연결할 때 써요. 삽입 다음 일러스트레이션 다음 도형에 있어요.
초보자에게 필요한 도형이에요.
- 상자, 단계, 이름표에는 사각형(과 모서리가 둥근 사각형)
- 무언가를 연결하거나 가리킬 때는 선과 화살표
- 간단한 과정에는 블록 화살표(갈매기형 수장 같은)
- 무언가를 가리키며 짧게 덧붙일 때는 말풍선 모양의 설명선
그리기 요령: 도형을 클릭한 다음 슬라이드에서 끌어요. 끄는 동안 Shift를 누르고 있으면 정사각형, 정원, 완벽한 직선을 그릴 수 있어요. 도형 안에 텍스트를 넣으려면 도형을 선택하고 바로 입력하세요.
서식: 도형을 선택하고 도형 서식 탭을 쓰세요. 도형 서식 다음 도형 스타일 다음 도형 채우기는 안쪽 색을, 도형 윤곽선은 테두리 색과 두께를 정해요. 테마에서 채우기 색 하나를 골라 모든 단계에 똑같이 쓰면 도형들이 한 세트로 읽혀요.
3단계 과정 만들기: 모서리가 둥근 사각형을 하나 그리고, 링크 찾기를 입력하고, 서식을 지정해요. 그다음 Ctrl+D를 두 번 눌러 복제하고, 사본의 텍스트를 고치고(카메라와 마이크 허용, 인사하기), 사이에 화살표를 넣어요. 상자 세 개를 모두 선택하고 도형 서식 다음 정렬 다음 맞춤으로 중간 맞춤과 가로 간격을 동일하게를 적용해요.
꾸미기가 아니라 이해를 돕는 아이콘 쓰기
아이콘은 작고 단순한 기호예요. 잘 쓰면 사람들이 아이디어를 찾고 기억하는 데 도움이 되고, 잘못 쓰면 잡동사니가 돼요.
삽입 다음 일러스트레이션 다음 아이콘으로 넣어요. 마이크 같은 단어를 검색하고, 아이콘을 하나 이상 선택하고, 삽입을 클릭하세요. 아이콘은 크기를 조정할 수 있는 그래픽으로 들어오기 때문에 어떤 크기에서도 선명하고, 그래픽 형식 다음 그래픽 스타일 다음 그래픽 채우기로 색을 바꿀 수 있어요.
아이콘을 쓸 때 지킬 세 가지 규칙이에요.
- 모든 아이콘에는 의미가 있어야 해요. "음소거 해제" 옆의 마이크 아이콘은 도움이 돼요. "팁" 옆에 아무렇게나 넣은 전구는 그렇지 않아요.
- 스타일은 하나로. 윤곽선 아이콘과 채워진 아이콘을 섞거나, Microsoft 아이콘과 다른 곳에서 가져온 클립 아트를 섞지 마세요. 한 줄에 있는 아이콘은 모두 같은 색, 같은 크기로 쓰세요.
- 아이콘에는 글을 짝지어 주세요. 아이콘만 있으면 잘못 읽힐 수 있어요. 아래에 짧은 이름표를 달면 추측할 필요가 없어져요.
대체 텍스트. 화면 읽기 프로그램 사용자에게는 의미를 담은 아이콘이나 그림에 대한 설명이 필요해요. 마우스 오른쪽 단추로 클릭하고 대체 텍스트 보기(일부 버전에서는 대체 텍스트 편집)를 선택한 다음, "마이크 아이콘"처럼 짧게 설명을 쓰세요. 이름표가 이미 모든 걸 말해 주고 있어서 아이콘이 순전히 장식이라면 대신 장식용으로 표시를 선택하세요. 그림도 마찬가지예요.
어디를 클릭할지 보여 주는 스크린샷
소프트웨어 사용법을 가르칠 때는 강조 상자를 넣은 스크린샷이 가장 분명한 슬라이드인 경우가 많아요.
- 보여 주고 싶은 앱이나 웹 페이지를 열고 알맞은 상태로 만들어 두세요(예: 단추가 보이는 영상 통화 화면).
- 파워포인트로 돌아와서 삽입 다음 이미지 다음 스크린샷으로 가요.
- 창 전체를 넣으려면 사용 가능한 창 아래의 축소판 그림을 클릭하고, 필요한 부분만 넣으려면 화면 캡처를 선택한 다음 그 영역만 끌어서 지정해요.
- 그림 서식 다음 크기 다음 자르기로 관련 있는 부분만 남게 자르세요. 전체 화면을 줄여 넣는 것보다 작고 초점이 분명한 이미지가 읽기 쉬워요.
- 강조 상자 추가: 단추 위에 사각형을 그리고 도형 서식 다음 도형 스타일 다음 도형 채우기 다음 채우기 없음으로 설정한 다음, 굵고 밝은 도형 윤곽선(3pt 정도)을 지정해요. 필요하면 화살표나 짧은 설명선을 추가해요.
- 스크린샷과 강조 상자를 함께 선택하고 Ctrl+G를 눌러 그룹화하면 같이 움직여요.
시각 자료에서 흔히 하는 실수
| 실수 | 어떻게 보이나요 | 해결법 |
|---|---|---|
| 옆면 조절점으로 크기 조정하기 | 늘어난 얼굴, 타원이 된 로고 | 그림 및 크기 다시 설정 후 모서리에서 크기 조정 |
| 작거나 해상도가 낮은 이미지 쓰기 | 프로젝터에서 흐릿하고 깨진 사진 | 원본 파일이나 더 큰 스톡 이미지 쓰기 |
| 자르지 않은 사진 | 주인공은 작고 배경이 시선을 빼앗아요 | 중요한 부분에 맞춰 바짝 자르기 |
| 스타일이 섞인 클립 아트와 아이콘 | 슬라이드가 짜깁기한 것처럼 보여요 | 아이콘 세트, 색, 크기를 하나로 정하기 |
| 의미가 분명하지 않은 아이콘 | 아무것도 더하지 않는 장식 | 삭제하거나, 이름표와 맞는 아이콘 고르기 |
| 다섯 가지 색의 도형 | 시각적 패턴이 없어요 | 같은 역할의 도형에는 테마 색 하나만 쓰기 |
| 전체 화면 스크린샷을 줄여 넣기 | 메뉴를 읽을 수 없고 글씨가 아주 작아요 | 화면 캡처를 쓰고 필요한 영역만 자르기 |
| 개인 정보가 담긴 스크린샷 | 이름, 이메일, 메시지가 드러나요 | 캡처 전에 화면을 정리하고, 넣은 뒤에 이미지 확인하기 |
| 대체 텍스트 없음 | 화면 읽기 프로그램 사용자가 의미를 놓쳐요 | 대체 텍스트를 추가하거나 장식용으로 표시하기 |
연습
연습
슬라이드 4장짜리 시각 자료 튜토리얼 만들기
따라 하기 연습
video-call-workshop.pptx에 슬라이드 4장을 추가하세요(또는 내가 아는 다른 앱을 가르쳐도 돼요).
- 주제 제목: 제목 슬라이드나 캡션 있는 그림 레이아웃을 써요. 삽입 다음 이미지 다음 그림 다음 이 디바이스나 스톡 이미지로 사진을 넣어요. 크기는 모서리에서만 조정하고, 주인공이 화면을 채우도록 잘라요.
- 강조 표시한 스크린샷: 가르칠 앱을 열고 삽입 다음 이미지 다음 스크린샷 다음 화면 캡처로 중요한 영역만 캡처해요. 자르고, 단추 주위에 채우기 없음과 굵은 윤곽선을 지정한 사각형을 넣고, 핵심 제목을 쓰고, Ctrl+G로 그룹화해요. 이미지에 개인 정보가 없는지 확인해요.
- 단계를 설명하는 아이콘 세 개: 삽입 다음 일러스트레이션 다음 아이콘에서 스타일이 같은 아이콘 세 개를 넣어요. 크기와 색을 같게 하고, 각각 아래에 짧은 이름표를 달고, 중간 맞춤과 가로 간격을 동일하게로 정렬해요. 대체 텍스트를 추가하거나 장식용으로 표시해요.
- 그림이 있는 정리: 콘텐츠 2개를 써요. 한쪽에는 짧은 정리 글머리 기호 세 개를, 다른 쪽에는 자른 그림을 넣어요. 타원으로 도형에 맞게 자르기를 해 보고, 그게 도움이 되는지 판단해 보세요.
세 가지 방법으로 잘라 보기: 제목 사진을 두 번 복제해요. 하나는 바짝, 하나는 넓게, 하나는 원으로 잘라요. 메시지를 가장 잘 뒷받침하는 버전만 남기고 나머지는 삭제해요.
혼자 해 보기 도전: 망가진 슬라이드 고치기
일부러 늘린 그림, 스타일과 색이 제각각인 아이콘 세 개, 눈대중으로 놓은 상자가 있는 슬라이드를 만들어요. 그 슬라이드를 복제한 다음 사본을 고쳐요. 그림은 다시 설정한 뒤 크기를 조정하고, 아이콘은 일관된 세트 하나로 바꾸고, 모든 걸 정렬해요.
돌아보기: 슬라이드 4장에 있는 시각 자료마다, 그것이 청중의 이해를 어떻게 돕는지 한 문장으로 적어 보세요. 이유를 댈 수 없는 시각 자료는 삭제하세요.
이해도 확인4문제 중 0문제 정답
답을 고르면 맞았는지와 그 이유를 바로 보여 줘요.
사진이 슬라이드 오른쪽 절반에 넣기에는 너무 넓어 보여요. 맞추는 가장 좋은 방법은 무엇일까요?
자르기는 그림을 왜곡하지 않고 모양을 바꿔요. 옆면이나 위쪽 조절점을 끌면 이미지가 늘어나요.
영상 통화 앱의 '어디를 클릭하나요' 슬라이드를 만들고 있어요. 가장 분명하고 안전한 방법은 무엇일까요?
초점을 맞춰 자른 스크린샷과 강조 상자는 어디를 클릭할지 정확히 보여 주고, 이름이 보이는지 확인하면 개인 정보가 슬라이드에 드러나지 않아요.
슬라이드에 '음소거' 옆에 별 아이콘, '카메라' 옆에 봉투, '나가기' 옆에 집 아이콘이 있어요. 가장 큰 문제는 무엇일까요?
아이콘은 사람들이 아이디어를 알아보도록 도와야 해요. 이름표와 맞지 않는 아이콘은 혼란만 더해요. 각 동작을 나타내는 아이콘을 일관된 스타일 하나로 쓰세요.
줄지어 놓은 아이콘마다 그 의미를 정확히 말해 주는 텍스트 이름표가 아래에 붙어 있어요. 아이콘의 대체 텍스트는 어떻게 해야 할까요?
근처 텍스트가 아이콘의 의미를 이미 말해 주고 있다면 장식용으로 표시해서 화면 읽기 프로그램이 같은 말을 반복하지 않게 하세요. 표시도 하지 않고 비워 두면 접근성 검사에서 문제로 표시돼요.
이렇게 할 수 있으면 다음으로 넘어가도 돼요
하나씩 확인하며 체크해 보세요. 체크 표시는 이 브라우저에만 저장돼요.
관련 자료
참고 자료
도움이 되었나요? 틀린 부분을 발견하셨나요? 피드백 보내기 · admin@arumsoft.com