본문 바로가기

IT18

프리미어에서 동영상에 모자이크 처리하기. 촬영한 영상을 편집하다 보면 타인의 얼굴이나 특정 부분 노출 등 프라이버시가 필요한 부분이 생기는데 이때 부분 모자이크 기능을 사용해서 처리하는 방법을 소개하겠습니다. 1. 프리미어 프로를 실행합니다. 2. 편집할 동영상을 타임라인에 드래그한 후 모자이크를 적용할 구간으로 인디케이터 이동. 3. 작업창 레이아웃을 편집으로 선택한 상태라면 왼쪽 하단(또는 타임라인 왼쪽)에 효과 탭이 보이는데 효과 탭 선택! * 혹시 효과창이 안보인다면 단축키 (Shift + 7)를 누르거나 [창] - [효과]를 선택하면 됩니다. 4. [효과창] 에서 돋보기 옆에 텍스트로 '가우시안'이라고 치고 엔터를 치면 빨간 줄에 표시된 '가우시안 흐림'이라는 항목이 보입니다. 5. '가우시안 흐림'을 드래그하여 타임라인에 선택한 영상.. 2022. 2. 20.
[HTML/CSS] 툴팁 사용 방법 HTML/CSS 툴팁 사용하는 방법 툴팁은 보통 컨텐츠 영역의 공간이 부족하여 객체에 오버 등을 이용하여 부연설명을 하기 위한 공간을 말합니다. 장점으로는 페이지의 가독성을 더 좋게 하여 사용자가 이해하기 쉬운 페이지를 만들 수 있습니다. [툴팁의 종류] 1. title 태그를 사용하여 구현 2. HTML/CSS를 사용하여 구현 title 태그를 사용하여 툴팁 구현 See the Pen [툴팁 예제] 1. title을 사용하기 by solutiona80 (@solutiona80) on CodePen. 예제를 보면 pink 색 박스 영역이 되어 있는 곳에 마우스를 오버하면 툴팁이 생기는 거 볼 수 있습니다. - 장점 - 사용 방법이 쉽다.(예제에 보면 단순하게 div 태그에 속성으로 title=''툴팁 예.. 2022. 2. 17.
[CSS] - position (static, relative, absolute) 이해하기 - 2탄 fixed fixed 속성값은 absolute 와 같이 흐름에 상관없이 아무 위치나 좌표로 설정이 가능합니다. 단. 기준점은 부모 또는 조상 객체가 아닌 브라우저를 기준으로 하여 하위에 속해 있어도 영향을 받지 않습니다. (무조건 브라우저 창 기준점을 기준으로 한다.) See the Pen fixed by solutiona80 (@solutiona80) on CodePen. 예제를 보면 파란색 배경의 div가 fixed로 설정되어있습니다. 마우스 휠을 돌려서 스크롤을 이동시켜도 파란색 배경의 div는 고정으로 변하지 않습니다. css를 보면 .content에서 top 15px를 주어서 파란색 박스와 겹치지 않게 아래로 이동 시켜 놓았고 이때 position이 기본인 static인 상태라면 top 속성이 .. 2022. 2. 16.
[CSS] - position (static, relative, absolute) 이해하기 - 1탄 CSS의 position 란 css의 position은 객체를 레이아웃에 배치하거나 위치시킬 때 사용되는 속성입니다. 종류는 position: static | relative | absolute | fixed | sticky가 있습니다. static 요소를 문서 순서에 맞추어 배치. relative 주로 부모 요소와 연결하여 위치를 지정. absolute 원하는 위치지 지정. fixed 지정된 위치에 고정. sticky static과 fixed 속성의 특징을 모두 가지고 있음. sticky 영역의 x 또는 y 위치값이 설정한 위치에 도달하기 전까지는 static이며 도달 이후에는 fixed처럼 행동. static 객체를 생성하면 초기값으로 static이 설정되어있습니다. 간단히 relative와 abso.. 2022. 2. 14.