작성자 : 밥빵

<aside> 🗒️ ✍ 스터디 노트 작성 안내 : 2주차 강의에서 얻은 가장 감명깊었거나 가치있는 내용 3가지를 간단한 설명과 함께 요약 정리합니다. 그림 또는 적절한 예제와 함께 정리하면 더욱 좋습니다!

</aside>

이미지

• 히어로 이미지 판단법 (사전 강의 내용 요약)

  1. 맥락(PPT 주제 등)에 맞는 이미지 사용하기
  2. 자연스러운 이미지 사용하기. 어설픈 연출이 들어간 이미지 X
  3. 화질이 좋은 이미지 사용하기. 16:9 슬라이드 기준으로 가로 1920x(최소 1700x)이상
  4. 톤이 다운된 이미지 사용하기. 쨍한 컬러 X
  5. 여백이 많은 이미지 사용하기. 이미지 정보가 너무 많으면 텍스트가 보이지 않는다.

• 이미지, 잘라내기의 기술

  1. 본연의 이미지 비례를 파괴하지 말기
  2. 대상체를 어색하게 자르지 말기 (지붕 꼭대기를 잘라내는 등.. 금지!)
  3. 여유롭게 자르기 : 물체가 프레임 내에 꽉 들어차는 것보단 여백을 주자
  4. 이미지 수평 수직은 기본 중에 기본! 수평 수직이 안 맞으면 불편감..
  5. 인물 사진일 경우 헤드룸(머리 위 공간)을 남겨주는게 좋다. 또한 인물의 시선이 향하는 쪽에 공간을 남겨주는 게 좋다.

• 이미지와 텍스트의 꿀조합을 위한 방법들

  • 이미지 배치에 따라 분위기가 다르다. 자르기에서 여러 도형을 이용해 보자.

    

    

    <aside> 🍯 Tip. 서식 복사 단축키 : Ctrl + Shift + C, 서식 붙여 넣기 단축키 : Ctrl + Shift + V

    </aside>

  • 배경 이미지에 정보가 너무 많다면 박스를 그리거나 흐리게 기능을 사용하여 그 위에 글씨를 배치하자

    

    

• 흔히 우리가 보는 이미지는 비트맵(BitMap)이미지이다. 그 중 PNG는 투명도를 지원하여 디자인 자유도를 높여준다

  

  JPG 이미지를 사용한 경우. 이미지의 배경 때문에 슬라이드 배경과 분리된 느낌을 준다.

  

  PNG 이미지를 사용한 경우. 이미지 배경에서 벗어나 자유로운 디자인 가능.

  • PNG 이미지 찾는 방법
    • 구글에서 검색시 **“검색어 + PNG”**로 검색!
    • 검색창 도구 - 색상 - 투명으로 설정
  • 이미지에 무조건 배경이 있다면?

    • PPT에서 배경 삭제 기능을 사용해보자 (그림 선택 - 그림 서식 - 배경제거)

      

      이미지 배경이 있어서 제한적인 배치만 가능.

      

      PPT의 배경 삭제 기능을 활용. 이미지들을 더 자유롭게 배치해보았다.

    • Adobe Express나 Remove BG라는 배경 삭제 기능 지원 사이트를 이용해보자

• 이미지에 핸드폰, 컴퓨터 느낌(Mockup)을 주려면 Shots.so라는 사이트를 이용해보자

  

  해당 이미지가 컴퓨터 배경, 핸드폰 배경이라는 느낌이 전달 되지 않음.

  

  컴퓨터, 핸드폰 프레임을 추가해 줌으로써 직관적으로 내용 전달 가능.

• **Vector 이미지 (SVG, AI)**는 확대해도 깨지지 않는다. The Noun Project라는 사이트에서 SVG 아이콘을 다운받을 수 있다.

인포그래픽

텍스트로 된 정보나 데이터 등을 정리되어 보이는 시각적 언어로 표현하여 정보를 빠르고 쉽게 전달하기 위해 사용한다.

• 인포그래픽에 해당하는 것들은 다음과 같다.

  • 백마디 말보다 하나의 다이어그램
  • 깔끔한 정보정리 표
  • 소소한 재미 픽토그램
  • 데이터를 생생하게 그래프

• 기본 도형 형태에 따라 다이어그램의 분위기가 바뀐다.

  • 면 VS 선 / 실선 VS 점선 / 그림자 효과 / 픽토그램 더하기

    

    도형을 선으로 표현한 경우

    

    도형을 면으로 바꾼 경우

• 심플한 표 디자인의 시작. 선을 최소화하자.

  1. 세로선과 가로선 유무에 따른 표 스타일

     

  2. 선의 종류와 굵기 종류에 따른 표 스타일

     

  3. 칸의 면 처리에 따른 표 스타일

     

  <aside> 🍯 Tip. 위와 같이 다양한 표를 디자인 하고자 한다면, PPT의 기본 표 기능을 사용하는 것 보다 도형을 사용하여 직접 표를 그리는 것을 추천!

  </aside>

애니메이션, 동영상

• 애니메이션이 필요한 이유?

  • 흥미를 불러일으킨다.
  • 키워드 강조 및 자연스러운 시선 유도
  • 청중들에게 정보를 순차적으로 받아들이게 함

• 애니메이션은 통일감 있게 적용해야 한다. 전환&애니메이션도 반복해서 사용하기

• 애니메이션으로 청중들의 몰입감을 방해하지 않아야 한다. → 디졸브(밝기변화) 기능을 가장 추천!

• 전환 효과의 꽃, 모핑 효과란?

  • PPT의 전환 기능 중 하나로, 애니메이션의 효과를 도형, 그림, 텍스트 등의 개체에 적용하는 것이다.
  • 효과를 줄 슬라이드와 앞 전 슬라이드는 구성요소(도형, 글씨 등)이 같아야 하고 각각의 크기 위치 등만 달라야 한다.
  • 모핑은 Microsoft 365 구독이 있거나 Powerpoint 2019 or 2021에서 사용가능하다.

• 모핑 실습 예시

  수업 실습 자료를 기반으로 모핑 실습해 본 결과입니다.

  수업 실습 자료를 기반으로 모핑 실습해 본 결과입니다.