주네 (마우스 드래그 & 스크린샷+붙여넣기로 편리하게 그림을 넣을 수 있습니다)
2번째 챕터에서 가장 기억나는건 모핑 효과 적용하는건데, 너무 신기했습니다!
배경 제거로 ppt에서도 png 파일처럼 만들 수 있는 것도 너무 신기하구요.
드디어 첫번째 챌린지 도전 임무 완료입니다! 🔥
오빠두님, 비범한츈(윤춘근)님 강의와 실습 파일 너무 감사합니다 😍
PPT 보고서 디자인 챌린지 [챕터2] 2024.11.06
주제: 이미지, 인포그래픽, 동영상, 애니메이션
★이미지에도 히어로(Hero)가 있다.
1. 슬라이드 위 이미지의 레이아웃 방법
같은 이미지라도 슬라이드의 배치 방법에 따라 분위기가 달라진다
이미지를 잘쓰는 회사 = 애플
★'히어로 이미지' 선택 방법
1.맥락과 맞는 이미지를 사용했나요?
2.자연스러운 이미지를 사용했나요?
3.화질이(겁나)좋은 이미지를 사용했나요?
1920px이상 (최소 1700px 이상)의 이미지를 찾아 슬라이드에 삽입하는게 좋음 (16:9 슬라이드기준)
4.톤이 다운된 이미지를 사용했나요?
5.여백이 많은 이미지를 사용했나요?
★ctrl+shift+c/v : 서식 복사/서식 붙여넣기
도형에 맞춰 자르기, 화면에 맞춰 넣기
★이미지, 잘라내기의 기술
- 본연의 이미지 비례를 파괴하지 마세요.
정비례(shift 눌러서)로 비율 유지하기
- 대상체를 어색하게 자르지 마세요.
- 여유롭게 잘라보세요
- 이미지의 수평수직은 기본중에 기본!
- 인물사진의 경우 헤드룸을 살리세요 (머리 위쪽, 오른쪽공간 여백 남기기)
★이미지와 텍스트의 꿀조합을 위한 방법들
텍스트를 얹기 위한 조건
★이미지의 '정보의 양'을 판단하자
복잡도의 높은 (정보의 양이 많은)
-> 도형을 활용해서 넣자
강화유리 붙인것처럼 (이미지 1개 추가해서, 흐리게 설정해서 덧붙일수 있는 방법도 있다.)
"어떤 메시지를 전달할 것인가!"
ㅋㅋㅋ 중요한 순간에만 쓰자~~일이 더 많아질수있으니까^^
★ jpg와 png 이미지 구분하기
우리가 흔히 보는 이미지는 비트맵(Bitmap)이미지!
- jpg
웹용으로 많이 사용. 배경이 생긴다(흰색)
- png
'투명도' 지원 : 회색도트 배경 -> 투명해요.
디자인 자유도가 높아진다.
★좋은 png이미지 찾는 방법
powerpoint icon png
*꿀팁: 구글 이미지 검색할때, 필터 Tools 에서 이 색상을 투명(Transparent)만 설정
★슬라이드복제: Ctrl+D
★jpg를 투명하게 만드는 방법
- 그림서식 > 배경제거 (보라색 부분이 날라가는 부분)
- 톤 다운된 배경(회색)을 쓰면 자글자글한 윤곽선을 숨겨서 표현할 수 있다. (+ 도형추가)
★Remove BG, Adobe Express 어도비 익스프레스
- 배경제거 사이트
그대로 복사해서 사용할 수 있다.
★목업사이트 shots.so
목업 스크린샷 브라우저 화면, 모바일 (애플밖에 없음ㅎ)
★확대해도 깨지지 않는 이미지
Bitmap vs Vector (SVG)
마스코트 이미지, 기업이미지 등 사용
- 보통 ai파일, svg파일 같이 공유함.
★SVG 파일 다운 thenounproject.com
(로그인을 해야 다운받을 수 있다. svg파일은 색상도 변경 할 수 있다)
+ 복사하면 png파일로 다운
★인포그래픽 Infographic
다이어그램 -> 백마디 말보다 하나의 다이어그램
이미지, 표, 픽토그램, 그래프
화살표 이용 - 청중의 시선 유도
- 면(Solid) vs 선(Line) 실선vs점선
- svg 파일 활용하기
- 그림자효과
[도형 서식] 에 들어가서, 그림자 넣어서 배경과 분리시키기
- 표 디자인의 시작
선을 최소화 한다. 표에 대한 편견을 버리자
가로/세로 선 제거, 선의 조류의 굵기, 종류 , 표의 스타일에 따라 다르다. 면 처리 (강조 표시)
때에 따라 왼쪽정렬 로 데이터 정렬도 가능하다.
★애니메이션&동영상
1. 흥미를 불러일으킨다.
2. 키워드 강조 및 자연스러운 시선 유도가 가능하다.
3. 청중들에게 정보를 순차적으로 받아들이게 한다.
*애니메이션도 통일감 있게 적용한다.
- 애니메이션으로 분위기를 환기할 수 있다.
★ 몰입감을 해치지 않게 움직임을 적용하는 노하우.
1. 청중들의 몰입감을 방해하지 않아야 한다.
2. 차분한 움직임의 대명사 "디졸브" 밝기변화
디졸브(밝기변화)
슬라이드를 누르고,
슬라이드-슬라이드 사이의 "전환"
비행기 접기, 종이접기 ㅋㅋㅋ(웃기다)
맥락에 맞게 쓰면 좋다
기간: 시간도 조정 가능 (0.7초)
(30초) 폴라로이드 이미지처럼 ㅋㅋ 현상 이미지
★★모핑 효과 작동원리 알기
전환 효과의 꽃
첫번째 슬라이드 + 두번째 슬라이드 (ctrl+D 복제)
두번째 슬라이드 선택 후 , [전환] '모핑' 선택하기
* 여러 슬라이드를 하나처럼 만드는 모핑!!
스토리텔링 pt때 많이 사용.
★슬라이드복제 ctrl+D
★피피티에서 동영상 사용하기
1. URL그대로 삽입하는 방법
삽입>동영상>비디오>온라인비디오>링크 넣기
브라우저 형태로 삽입
2. 동영상 다운받아 넣기
항상 안전하게 PC에서 받아서 사용하는것이 좋음.
4kdownload.com 4K 다운로더
(유투브영상 쉽게 다운로드 받을 수 있다.)
(무료버전 일일 30개)
*삽입된 동영상 첫인상을 결정할 몇가지 노하우!
1. 포스터롤 (썸네일 느낌)
블랙을 동영상 대표이미지로 설정 할수있음.
비디오형식 > 포스터 프레임>현재 프레임
2. 마스터 볼륨 조절
사운드가 너무 크면 스피커로 시선이 분산된다. 마스터 볼륨을 설정한다. (약간 작게)
3. 강렬한 인상을 주는 동영상
배경으로 사용 가능하다.
영상클릭 -> [재생] > 시작: 마우스클릭x 자동 실행 o
오 좋다......
Q. 영상 파일 쓰면 용량도 커지나요?
네. 링크로 쓰시면 용량 제한이 없고, 다운로드 받으시는것만큼 용량을 늘어난다!~
과제 제출은 ppt파일로 올렸고,
과제 예시 보고, 스터디 노트에 저도 모핑 효과 적용한 gif파일 올려봐요.
전환 효과의 꽃! 맞네요 🌷 처음 해보는데 너무 신기합니다!! 🤩
네이버 블로그에서 검색해서 gif로 만들어봤어요. 혹시나 궁금하실까봐 공유해봐요~
*슬라이드 gif 만들기
파일 - 내보내기 - 애니메이션 GIF만들기 (시간, 범위 설정)
다들 화이팅입니다~~!! 🤗
