백.전.백.승.
티스토리를 포함하여 다양한 블로그, 모바일 앱, 웹, 웹 앱, 프로그램, 브라우저 등 도움이 될만한 유용한 정보를 적고 있다. 그런데 티스토리를 오래 해서 이제는 쓸 것이 마땅하지 않다. 중복되는 내용도 많아 짜증 날 것이며 나도 그 글을 볼 때 짜증 난다.
"백.전.백.승."
2929
-
[비공개] 잉크스케이프로 3D 텍스트 만들기
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 유튜브에서 잉크스케이프를 통해서 아래와 같은 3D 텍스트 만드는 강좌를 봤다. 3D 텍스트는 텍스트 두 개를 만든 후 베지어 도구로 텍스트 두 개를 이어 주어 3D 같은 느낌을 주었다. 참고로 아래에 사용한 글꼴은 빙그레 메로나체고 메로나체가 곡선이 없어서 나에게 편했다. 참고로 빙그레체는 여기에서 다운로드 등 정보를 여기를 클릭하면 얻을 수 있다. 그러면 아래에서 만드는 것에 대해 설명해보려 한다. 1. 빙그레 메로나체로 텍스트를 입력한 후 경로 > 개체를 경로를 선택한다. 그리고 경로 > 분리를 선택하고 경로 > 합을 선택하여 합친다. 그런 후 텍스트를 마우스 오른쪽 버튼을 누른 후 부본을 선택하여 복제한다. 그리고 선택 ..추천 -
[비공개] 투명이면 샷컷에서도 투명
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 그래픽 프로그램에서 투명으로 저장하고 샷컷에서 그 파일을 열었다면 투명인 것이 유지된다. 투명 이미지 파일은 PNG,GIF이라는 사실을 많이 알 것이다. JPG는 투명 특성이 없다. 참고로 대부분 그래픽 프로그램에서 이미지 파일을 열었을 때 투명인 부분이라면 아래 그림처럼 체크무늬로 나타낸다. 그러면 그 부분은 투명이라고 알게 된다. 그러면 아래와 같은 애니메이션을 만들 수 있다. 투명인 성질을 가진 이미지를 샷컷에서 열면 그대로 투명이다. 이미지를 투명 작업한 후 샷컷에서 열어도 된다. 만약 투명인 부분을 원하지 않는다면 샷컷이나 그래픽 프로그램에서 투명이 아닌 상태에서 저장한 후 샷컷에서 열면 된다. 반드시 샷..추천 -
[비공개] 크로마키 작업을 위해 색상
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 보통 크로마키 작업을 위해 녹색 배경에서 작업을 한다. 만약 녹색이 아닌 다른 색 배경에서 작업을 해야 한다면 어려움을 겪게 된다. 아래 예에서 설명하면 아래 애니메이션에 나오는 여성 배경이 #3d3a37 계열이다. 여성이 #3d3a37 값과 비슷한 부분은 투명으로 변할 것이라 추측할 수 있다. 내 생각에 배경과 비슷한 색 계열이 머리카락과 눈썹에 많으니 그쪽이 투명이 많이 될 것 같다. 샷컷에서 위 오른쪽 그림인 여성이 나오는 영상의 배경을 지우는 크로마키 작업을 하면 여성에서 #3d3a37 계열은 투명으로 되고 아래처럼 나타났다. 크로마키 작업을 한 영상에서 보니 그림자가 만들어진 부분은 모두 투명이 된 것 같다. 참고로 샷컷 크로..추천 -
[비공개] 샷컷에서 크로마키 이해와 활용
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 포토샵 등에서 작업하는 아래 그림이 보이게 하려면 위 그림의 특정 부분을 투명하게 하면 된다. 샷컷 등 영상 프로그램에서 크로마키 작업을 하면 특정 영역을 투명하여 아래 영상을 보이게 하여 두 영상을 합성한다. 크로마키 작업은 영역의 색상을 선택해서 투명하게 하는 것이므로 작업 범위가 넓지 않다. 2D 그래픽 프로그램의 선택 도구로 영역을 만들어서 투명처리 하는 것이 아니다. 실수도 기상캐스터가 녹색 옷을 입었다가 크로마키 작업을 하는 녹색 배경과 일치해서 지워진 영상을 봤다. 만약 색이 아닌 선택 도구도 영역을 만들어 투명하게 만들 수 있었다면 그런 일은 없었을 것이다. 크로마키 작업은대부분 블루스크린이나..추천 -
[비공개] 나타났다 사라지게 만들기
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 나타났다 사라지기 효과를 만드는 것은 웬만한 동영상 편집 프로그램이라면 가능하다. 나타났다 사라지는 효과는 타임라인에서 해당 영역이 재생 범위에 안에 존재하지를 설정하면 된다. 참고로 아래 애니메이션은 전체 프레임에서 90초 후에 나타나고 사라진다. 샷컷으로 만들었고 동영상을 애니메이션 GIF으로 변환했다. 윈도우10을 설치하면 기본적인 동영상 편집프로그램인 비디오편집기는 타임라인이 스토리보드다. 처음에 낯설었으나 많이 사용하다보니 익숙해졌다. 스토리보드(왼쪽:비디오편집기) - 타임라인(오른쪽:샷컷) 비디오편집기에서도 표시시간을 설정해서 얼마든지 아래 그림처럼 표시 시간 후에 다음영상이 나오게 ..추천 -
[비공개] 블렌더에서 원으로 텍스트 배치
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 개인, 공공기관, 기업 등에 무료 2D 프로그램인 김프, 잉크스케이프에서 텍스트를 원으로 배열하는 것에 대해 적었다. 이것을 다루다보니 마찬가지로 3D 그래픽 및 애니메이션 프로그램인 블렌더로 아래 그림처럼 텍스트를 원으로 배열하는 것이 다시 궁금했다. 참고로 블렌더로 개인, 공공기관, 기업 등에서 무료로 사용할 수 있다. 블렌더로 원으로 배열 그래서 예전에 내 다른 블로그에서 적었던 글을 찾았는데 2.91 버전에서는 그 방법으로 안 됐다. 현재 2.91을 사용하고 있는데 변경됐다는 것을 알았다. 그렇다고 많이 변경된 것은 아니다. 아래에서 언어를 한국어(Korean)로 할 수 있지만 대부분 강좌에서 영어를 사용하니 영어로 적으려..추천 -
[비공개] 잉크스케이프로 원으로 배치
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 김프를 사용해서 아래 그림 첫번째처럼 영문으로 원으로 텍스트를 배치하는 것을 했었다. 잉크스케이프를 사용해서도 하고 싶었다. 잉크스케이프를 사용해서 아래 그림 두 번째처럼 만들었고 잉크스케이프를 사용하면 김프보다 더 쉽다는 것을 알았다. 잉크스케이프에서 원을 그릴 줄 알면 되고 메뉴에서 텍스트를 원에 놓는 명령만 클릭하면 되는 것이었다. 김프와 잉크스케이프를 사용한 결과 아래는 김프(Gimp)에서 텍스트를 원으로 배열하는 것에 대한 글이다. 참고로 김프는 개인, 공공기관, 기업 등 무료로 사용할 수 있는 그래픽 프로그램이고 어도비포토샵과 유사하다고 생각하면 된다. 김프 원형태로 텍스트 배치 아래 그림..추천 -
[비공개] 텍스트 아래에서 위로 이동하는 효과
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 아래 애니메이션같이 샷컷을 이용해서 동영상 제작을 위한 텍스트가 아래에서 위로 이동하는 효과를 만드는 것이다. 많은 동영상 편집 프로그램에서 아래와 같이 텍스트가 이동하는 효과는 기본으로 제공한다. 아래 것을 하려면 샷컷에서 텍스트 삽입, 키 프레임 등 확실히 알아야 한다. 결과 1.작업할 동영상을 타임라인에 삽입한다. 2. 타임라인에 텍스트를 넣을 새로운 트랙을 만든다. 나는 타임라인 위에서 마우스 오른쪽 버튼을 누른 후 트랙 작업 > 비디오 트랙 추가를 클릭하여 트랙을 삽입했다. 트랙을 삽입하면 기본적으로 이름이 V2라고 된다. V2라는 이름 대신에 V2를 클릭하여 자막, text 등으로 변경할 수도 있다. 타임라인에 두 ..추천 -
[비공개] 유료사이트를 이용하고 싶을 때
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 동영상, 사진, 음악 등 콘텐츠를 무료가 아닌 유료로 제공하는 플랫폼인 셔터스톡이라는 곳을 이용하고 싶을 때가 여러 번 있다. 그 여러 번 일 때에 대해 적으려 한다. 블로그를 하면서 유료로 사진, 동영상 등 콘텐츠를 구하는 것은 아깝다는 생각이 든다. 그래서 무료를 자주 이용한다. 무료로 구글 검색을 이용할 수 있지만 저작권 등을 고려하여 검색을 통하지 않고 대부분 픽사베이(Pixabay) 등에서 원하는 이미지를 찾는다. 그런데 무료 사이트를 이용하면서 유료 사이트를 이용하고 싶을 때가 자주 있다. 대부분 한글을 지원하고 무료로 사진, 동영상 등을 제공하는 픽사베이를 이용할 것이다. 픽사베이 등 무료로 콘텐츠를 제공하는 ..추천 -
[비공개] 부트스트랩3,4,5에서 동영상 비율과 반응형
반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글에서 부트스트랩 3, 4, 5로 버전업되면서 유튜브 등 동영상을 어떤 비율로 반응형으로 처리하는지 적어보고자 한다. 부트스트랩 3 부트스트랩3에서는 유튜브를 비롯한 동영상을 16:9와 4:3 두 가지를 비율로 반응형으로 처리한다. 16:9인 경우 나는 3에서 반응형으로 만들기 위해 클래스에 embed-responsive embed-responsive-16by9라는 것을 써주어야 하므로 귀찮아 사용하지 않는다. 얼마 전까지 4:3 비율로 반응형으로 만들었던 소스를 사용했다. 왜냐하면 그 소스는 단지 클래스에 vid라고만 추가해주면 되기 때문이다. 그리고 아래는 유튜브를 16:9와 4:3 비율로 반응형으로 처리해주는 소스다. 참고로 짜증 나게 삽입한 일부 태그가 사라진다. 위키..추천
1510개
1052175개
718032개
