신씨드

[구조짜기 Flow]

1.웹사이트 디자인 파악

2.header, main, footer영역 파악

3.reset.css 작성

4.style.css 작성

​

[결과물]

[html 구조짜기]

글자 크기 별로 h1, h2, h3 규칙 정해서 입력!!

[Reset.css 포맷 외우기!!]

block 요소로 지정해줘야 세로 영역으로 웹 기입 가능

영역별 큰 틀 잡고 추가내용 기입

[구조화된 결과물 체크]

[새롭게 Install]

• Indent rainbow
• Auto rename tag

​

[Display]

[Display_결과]

[사운드]

​

-유형 설정 (나래이션, 효과음, 비지엠)

-믹싱:

1)현장음(인터뷰, 대사): 볼륨 평균값에 따라 편집

2)효과음/배경음 배치

3)효과(노이즈제거/선명하게), 트랙 간의 볼륨 밸런스 조절

4)마스터 볼륨 확인: -6~-12 데시벨 되도록

​

-채널분리: 2가지

1)오디오 클립 우클립 --> Modify --> Audio Channel --> Mono & Stereo 중 선택 (둘중 아무거나 선택괜찮음. 스테레오가 더 풍부한 사운드) --> ex)5.1 채널이면 --> 트랙 갯수 6개로 선택 --> 한트랙당 원하는 사운드로만 선택해서 OK 누르고 --> 타임라인패널로 가져오면 따로 나눠서 편집가능!!!!

-효과

​

-6 ~ -12

-18밑으로 내려가면 잘안들림

-나래이션은 배경음악이랑 같이 있을때 -6까지는 올라와야함

-비지엠이랑 나래이션은 3:7

​

-비지엠이 많으면 비지엠을 내리기보단, 수동으로 나래이션 없는 부분 데시벨을 올려서 맞추기!!

​

[음색변화]

• Dialogue 프리셋 활용

​

자주쓰는 음향 효과

물아래, 클럽, 차안은 로우패스 소리!!

• Denoise: 현장 잡음 제거

공간 소리(Reverb)

• 공간(Reverb), 노이즈 제거, 음성변조, 공간 안쪽/바깥쪽

​

L만 녹음되어있을때, L,R 둘다 소리를 채워주는 효과

• Panner효과: ex)자동차가 오른쪽에서 왼쪽 지나가는 소리 효과

​

[컨셉정리]

• 대사편집: 인터뷰 편집, 싱크를 맞춰 대사에 포함된 불필요한 노이즈 제거한 후, 대사 전달
• 후시녹음: 사운드의 음질이 좋지 않을 때 (ex.내레이션 녹음, 녹음실에서 다시 녹음)
• 폴리: 공간의 소리 (ex.지하철) |
• 음향효과: 실제의 소리와 가상의 효과음, 주변음 효과
• 믹싱: 준비된 사운드 요소인 대사, 음악, 사운드 이펙트 등의 요소를 적절히 분배

​

[채널]

• Mono (ch1)
• Stereo (ch2)
• Dolby (ch5.1)
• DTS (Digital Theater System)
• AAC (Advanced Audio Coding)

​

[Volume]

• 전체볼륨 조절 (-6~-12 db)
• 클립과 클립간의 볼륨 및 타이밍 조절
• 트랙간의 볼륨 조절

​

**Auto Ducking**

[위치설정]

[위치설정_결과]

스티키 요소는 Top 20px 공간까지만 움직이고 그 이상은 고정!!

​

[박스 단위요소]

[박스 단위요소_결과]

z-index 숫자가 클수록 위로 올라와서 보여짐!! | overflow가 'hidden'으로 되어 있으면 상자 내에서만 내용 볼 수 있음! |

​

[Float]

Float태그를 사용함으로써, img가 왼쪽으로 붙고, 그 결과 밑에 있는 이미지가 오른쪽 남은 공간으로 올라옴!! (블럭요소들이 인라인 처럼 붙어서 쓸 수 있도록 해줌)

[Float_결과]

[인터뷰 편집]

• 1. 기획의도 파악 (콘티-구성안/큐시트/대본...)
• 구성안: 시간에 따른 내용의 흐름
• 2. 촬영원본 확인 : 구성(내용/기술) 화면 구성 (메타데이터 - V/A)
• 프리뷰노트: 촬영본을 바탕으로 상세하게 기술
• 3. OK컷 선정(프레임 스타일)
• 4. 시퀀스 설정 : 영상 목적에 따라 (방송/소셜)
• 5.가편집: "최종영상물" 고려하여

​

​

[효과음]: 타이밍, 길이(효과)에 맞춰 배치 / 유형에 따라

• bell: 주목
• bell(long): 마무리
• koong: 강조, 타이틀
• shick: 액션, 모션

​

• 타이밍, 배치 먼저 하고 디테일 잡기!
• 효과음도 강,약이 중요!

​

전체볼륨효과 --> 왼쪽 화살표 클릭 --> 오른쪽에서 화살표클릭 --> A~~ 첫번째 클릭 --> Hard limiter (오디오 전체 소리 -6유지됨)

​

• Audio Track Mixer: 트랙별로 볼륨 값 입력해서 오디오 '평균'값 맞추기 !!

오디오 효과(좀 더 명확하게 하는 세팅) --> 더 선명하게 하고 싶으면 'Dynamic'조절 | 노이즈 조절은 'Repair'로 조절 가능!!

• Reduce Rumble(울림 소리 방지)
• DeHum (백색소리 없앨때)
• Reduce Reverb (울림공간

[Position, CSS 초기세팅]

​

• HTML

꼭 초기화 스타일 시트를 먼저 써줘야함!!

• CSS 초기세팅

• CSS 특정 부분 디자인

• 결과

기준점에 맞춰서 포지션 값 적용!! 'Absolute' 'Relative'고려

​

• 자식태그 기입시 팁

​