반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글에서 아래와 같은 타이핑 애니메이션을 만드는 것을 적으려 한다. 아래 애니메이션은 사진인 WebP 및 GIF 애니메이션이라서 소리가 없다. 글 마지막에 소리를 포함한 MP4인 동영상이 있다. 참고로 이 글 마지막에 타이핑 음향을 포함한 동영상을 볼 수 있다. 참고로 아래 두 개 애니메이션의 차이는 파일 크기만 다르고 티스토리는 WebP를 형식을 지원한다. WebP(131KB) - Gif(674KB) 예전에도 적었지만 WebP를 지원하지 않는 곳이 많으니 웬만하면 GIF을 사용하는 것을 추천한다. 아래에서 위와 같은 타이핑 애니메이션을 동영상 편집 프로그램인 샷컷(Shotcut)으로 어떻게 만드는지 적고자 한다. 1. 아래 그림처럼 타이핑 영상을 위해 텍스트, 배경 ..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 텀블러에서도 티스토리의 스토리와 같은 것이 있지만 예전부터 개인적으로 텀블러에서 글을 이웃 블로그 방문하여 글 읽는 방식을 좋아한다. 왜냐하면 글 읽을 때 특별한 방해 요소가 없기 때문이다. 티스토리에서 글 일부가 아닌 전체를 확인하기 위해서 그 블로그를 방문하여 글을 읽어야 하므로 대부분 광고 등을 봐야 한다. 내 블로그도 애드센스를 설치했기 때문에 뭐라 하는 사람이 있을 것이다. 수익을 위해 광고를 하는 사람은 광고에 눈이 가게 만들고 광고를 설치하는 사람도 글보다 광고에 먼저 눈이 가게 한다. 그래서 나는 애드센스 등 광고를 제거하는 애드블록이라는 프로그램을 설치했다. 광고를 설치한 사람은 싫어해서..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글에서 SVG를 만들 수 있는 그래픽 프로그램에 대해 적고자 한다. SVG는 GIF, JPG, PNG 등과 같은 이미지 파일이다. 아래를 보듯 SVG는 그래픽 프로그램으로도 만들 수 있지만 HTML을 사용해서도 만들 수 있다. HTML 태그에 SVG가 있는데 어려워서 개인적으로 만들지 못했고 다른 사람이 만든 것을 퍼왔다. 참고로 아래는 온라인 코드 편집기인 코드펜(CodePen)이라는 것이다. See the Pen SVG Loading icons by Aurer (@aurer) on CodePen. 삼각형, 사각형 등 간단한 모양은 코딩으로 SGV를 만드는 것을 봤는데 일러스트레이트 등 복잡한 것은 일러스트레이터, 잉크스케이프 등 벡터 그래픽 프로그램으로 만드는 것을 봤다. 사진을 텍스트 프로그램으로 열면 소스가..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 글에서 블로그의 댓글 설정 및 스팸 차단에 대해 적으려고 한다. 구글 블로그(블로거,블로그스팟)의 스킨(테마)이 마음에 들어 글을 한 달에 한두 번 적는다. 얼마 전에 최근 글을 썼는데 스팸 댓글이 달렸다. 그래서 그 댓글을 어떻게 처리할 수 있을지 댓글 설정을 살펴봤다. 그리고 아래 그림처럼 댓글 설정을 할 수 있다는 것을 알았다. 한동안 댓글 검토로 승인 후 출력하기로 했다. 그럼 글 아래에서 구글 블로그를 포함 여러 블로그의 댓글 설정을 대해 알아보기로 하자. 구글 블로그 구글 블로그(블로거) 구글 블로그는 위에 적은 댓글 검토를 통해서만 스팸 댓글을 차단할 수 있는 것이 아니다. 아래 그림을 보듯이 댓글을 달 수 있..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이전 글인 아래 글에서 깃허브에서 블로그를 만든 후 테마(스킨)를 적용하고 마크다운 문법으로 글을 적었다. 참고로 여기 글을 포함 아래 링크 글에서도 깃허브 블로그 만들기에 대한 내용은 없다. 깃허브에서 블로그? 첫 번째 이 글에서 내가 깃허브(Github) 블로그를 만들기까지 여러 가지 과정을 적어보려 한다. 이 글에 깃허브 블로그 만들기에 대한 내용이 없다는 것을 알았으면 한다. 혹시 깃허브 블로그 만들기에 대 min-blog.tistory.com 내가 깃허브에서 블로그를 한다는 것을 티스토리를 포함하여 네이버, 구글, 워드프레스 등 이런 블로그를 생각했다. 블로그 앱도 있고 블로그도 그렇게 어렵지 않고....그런 생각으로 깃허브를 접했..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); WPS 오피스를 리눅스 민트에 설치하여 사용 중이다. 거기에서 제공하는 스프레드시트 앱을 실행시키니 업그레이드하라는 메시지 창이 떴다. 그리고 업그레이드를 위한 확인 버튼을 누르니 브라우저가 업그레이드를 위한 페이지로 이동했다. 그런데 아래처럼 다운로드 페이지가 나왔는데 다운로드에 Deb Package와 Rpm Package 두 가지 였다. 둘의 차이는 몰랐지만 리눅스 크롬을 받을 때 Deb을 다운로드했던 기억이 났다. 그래서 Deb Package를 다운로드했고 설치했다. 민트에서 설치에 아무 문제 없었다. 아래 그림을 보듯이 다운로드한 파일형식을 보면 .deb이다. 그러면 위 Deb Package는 .deb이라는 것을 짐작할 수 있다. 그리고 아래에서 알겠지만 Rpm..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이 글에서 샷컷에서 전환 등을 사용하여 아래 애니메이션처럼동영상 인트로 만드는 것을 적으려 한다. 동영상 인트로 샷컷의 전환에 있는 디졸브 등 효과를 사용하고 싶었다. 모바일 앱인 캡컷을 봤는데 애니메이션 부분에 인, 아웃, 조합이라는 것이 있어서 동영상 인트로를 어떻게 할지 설정할 수 있었다.이 글에서 적을 샷컷에서 전환은 아래 글에서 적었으니 참조했으면 한다. 샷컷에서 전환을 모르면 내가 하는 말이 외계어일 것이다. 샷컷으로 영상 전환효과 샷컷으로 영상 하나가 재생된 후 다른 영상이 전환되는 효과에 대해 다루고자 한다. 샷컷에서 영상 전환 효과는 주는 것은 간단하다. 아래 애니메이션을 보듯이 두 영상 ..

반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 사람 등의 포함된 사진에 배경을 삭제하기 위한 웹사이트로 https://www.remove.bg/ko를 알았었다. 알고 있듯이 거기에서 배경을 제거하면 아주 뛰어난 결과물을 얻을 수 있다. 하지만 원본을 받으려면 유료라는 것을 알 것이다. 50번 다운로드가 무료인 경우 낮은 해상도를 다운로드해야 한다. 원본을 다운로드하는 것은 무료가 아니라 유료다. 1. 무료와 유료 서비스 만약 1280 × 797 해상도의 사진 배경을 투명으로 한다면 무료로 다운로드할 수 있는 파일은 오른쪽 633 × 394 해상도가 된다. 배경은 흰색이 아니라 투명이다. 아래를 보면 같은 크기인 것 같은데 다운로드하면 다르다는 것을 알 수 있다. 아래 그림은 가격이고 원본을 다운..