어느 날 제가 작성한 애펙 관련 글에 댓글이 달렸습니다. 글은 꽤나 예전에 작성한 다소 오래된 문서였는데 해당 글에 댓글이 달린걸로 봐서는 댓글 품앗이 하시는 분은 절대 아니라는걸 알 수 있었습니다. 확인해보니 뭔가 프로그래밍 홍보하는 스팸성 댓글로 보여졌습니다. 하지만 본문의 내용과 댓글 분위기가 일치하기에 여러 티스토리를 돌아다니며 남기는 댓글은 아니겠거니 싶었습니다. 댓글을 남기신분의 티스토리를 방문해보니 애펙 관련글은 없고 뭔가 노동청 관련 에피소드 글들만 있었습니다. 매우 힘든 상황이었음을 인지했습니다. 더구나 경험담 글이니 무조건 홍보 목적으로 댓글을 남긴건 아니라는 생각이 들었습니다. 이분의 노동력 착취담을 쭉 훑어보니 참 남일같지 않다고 느껴졌고 뭔가 도움이 되어야겠다는 생각이 들어 댓글을..
VS Code를 잘 사용해오다가 도저히 코드 정리하는게 마음에 들지 않아서 다시 브라켓(Bracket)을 설치했습니다. 앞으로 코드는 VSC로 작업하고 마무리인 코드 정리는 브라켓에서 진행해야 할 것 같습니다. 단순 코드 정리가 아닙니다. 실제로 VSC에서 친효스킨 HTML을 정리하면 스크립트를 끊는 구간이 아주 그냥 지 멋대로입니다. 그래서 오류가 발생하는 경우도 있어요. 브라켓에서 정리할때는 전혀 이런 문제가 없습니다. 비쥬얼 스튜디오에서는 태그 입력이 정말 쉽습니다. 각 프로그램별 장단점을 최대한 활용해볼 생각입니다. 과거글 중 하나가 바로 브라켓 추천 플러그인이었습니다. 해당 글에는 커스텀 워크(Custom Work)라는 플러그인을 추천하고 있는데 문제는 이게 간헐적 오작동을 합니다. 그래서 도저..
브라켓을 버리고 VSC(Visual Studio Code)로 잘 넘어와 열심히 사용중입니다. 진작에 쓸걸하고 탄식을 할 정도로 매우 만족스럽게 쓰고 있는 프로그램이죠. 브라켓에서처럼 VSC에서도 다양한 확장 프로그램을 지원합니다. 브라켓보다 반응 속도가 빨라서 확장 유틸리티 설치 시간도 확실히 짧습니다. 저는 VSC로 티스토리 반응형 스킨을 제작하고 있습니다. 얼마전까지 두번째 스킨을 완성시켰으며 이제 세번째 스킨을 슬슬 준비하고 있습니다. 즉 HTML 웹퍼블리싱 쪽으로 작업을 하고 있는데 웹페이지를 만들 때 유용한 여러가지 확장 플러그인을 검색해 보았습니다. 정말 많은 플러그인이 있었고 개인마다 약간씩 추구하는 플러그인은 달랐습니다. 그중에서 많은 사람들이 공통으로 사용중인 대표 확장 프로그램을 모아봤..
안녕하세요. 친절한효자손입니다. 티스토리에는 다양한 플러그인이 있습니다. 일종의 애드온이죠. 티스토리 기능을 조금 더 멋지고 편리하게 바꿔주는 기능을 담당하고 있습니다. 하지만 어디까지나 선택의 영역이기에 절대적으로 적용해야하는 옵션은 아닙니다. 그래서 플러그인 형태로 입맛에 맞게 사용하라고 제공하고 있지요. 친효스킨은 방문자 그래프가 사이드바 기본 모듈로 등록되어 있습니다. 그런데 카카오그룹 데이터센터 화제가 발생한 이후로부터 이 모듈이 정상적으로 동작하지 않고 있습니다. 시간이 지나면 해결될 것 같은데 한 달이 넘어도 원래대로 돌아올 생각을 안 하고 있군요. 그렇기에 해당 모듈을 빼고 티스토리 방문자 그래프 플러그인을 친효스킨 스타일로 만드는 방법에 대해 공유하겠습니다. 방문자 통계 그래프 플러그인 ..
와! 이 좋은걸 이제서야 알았습니다. 외국의 CSS 웹코딩 영상을 보다가 알게 된 사실입니다. 그분은 간단하게 입력하더니 순식간에 div 태그가 클래스명이 넘버링되며 5개가 완성이 되더군요. 저같으면 먼저 div 태그 안에 클래스를 자동완성으로 넣고 이걸 다시 네개를 더 복사 후 클래스명을 각각 다르게 수정했을겁니다. 근데 유튜브속의 저 사람은 이걸 단 1~2초만에 해내더군요. 그저 대박이었습니다. "혹시 저 사람이 사용하는 프로그램에서 기능을 지원하는걸까?" 이런 생각이 들었고 열심히 구글링을 해보는데 어떤 문서에서 Emmet을 사용하면 된다는걸 목격하게 됩니다. "어? Emmet이라면 브라켓 필수 플러그인 중 하나인데...?!" 순간 소름이 돋았고 바로 브라켓을 실행시켜서 테스트해 봤습니다. 원래 사..
티스토리에는 다양한 플러그인이 있습니다. 그 중에서 배너출력이라는 플러그인은 매우 요긴합니다. 아마 많은 티스토리 유저분들이 배너출력 플러그인을 사용하리라 믿어 의심치 않습니다. 애드센스를 사이드바에 삽입할 때 이 플러그인을 사용하니까요. 배너출력 플러그인을 활성화하면 두 가지 기능이 관리자 > 꾸미기 > 사이드바에 추가됩니다. 이미지 배너출력과 HTML 배너출력 모듈입니다. 이 중에서 애드센스를 활용하는건 바로 HTML 배너출력입니다. 말그대로 HTML 태그를 그대로 사용할 수 있기 때문입니다. 그렇다면 다른 모듈인 이미지 배너출력은 어떨때 활용하면 좋을까요? 현재 저는 이렇게 활용을 하고있습니다. 최근에 네이버 OGQ마켓에 스티커를 하나 업로드했습니다. 홍보차 배너를 사이드바에 배치했는데 이때 이미지..
애프터이펙트에서 안 쓰는 플러그인을 최대한 삭제하는 중입니다. 뭣도 모르고 처음부터 애펙에다가 이것 저것 플러그인을 많이 설치해놔서 처음 로딩 시 시간이 오래 걸리는군요. 제 불찰입니다. 그냥 자주 사용하는 플러그인 위주로만 사용하다가 나중에 더 필요하다 싶으면 그때 그때 꺼내 사용했어야 했는데... 애펙 마스터도 아닌 주제에 욕심만 많아가지고 그만 오버를 하고 말았습니다. 지금은 그 댓가를 치르는 중입니다. 모션 그래픽을 분명 프로그램 추가/제거 항목에서 삭제를 했음에도 불구하고 애프터이펙트의 Windows > Extensions 목록에 버젓이 남아있는 이상한 상황! 수동 설치한것도 없는데 이건 지워지지가 않는군요. 어떻게 지워야 할까요? 해답은 생각보다 간단했습니다. 수동으로 지우면 됩니다. 모션3,..
직접 사용해보고 괜찮다 싶은 애프터이펙트 플러그인을 소개해드리고 있습니다. 이번에는 애프터이펙트에서 포지션 키프레임을 생성하여 움직이는 애니메이션을 연출하고자 할 때 정말 쉽게 애니메이션 속도를 만들어줄 수 있는 플러그인입니다. 기본 속도인 리니어를 Easy-Ease 타입으로 만든다던지, 혹은 이지이즈에서 미세한 속도 조절을 하여 원하는 움직임을 연출할 수 있습니다. 당연히 in / out도 쉽게 적용시킬 수 있습니다. 제목에도 언급한 Flow 라고 하는 애프터이펙트 플러그인을 설치하시면 됩니다. Flow 다운로드 받기 Flow Flow brings an easy interface to After Effects for customizing animation curves without needing to ..
해당 방법은 추가로 스크립트 플러그인을 설치하는 방법, 그리고 기본적으로 애프터이펙트에 있는 내용을 스크립트 기능을 사용하는 방법 이렇게 두가지가 있습니다. 아마 애펙에서 이 기능을 기본적으로 지원하는건 CC 2019와 같은 근래의 최신 버전부터 생긴 것 같습니다. (어디까지나 추측) 확실한건 2020 버전에는 이 기능을 지원합니다. 현재 사용중인 버전이 2020이라 이건 분명합니다. 얼마전에 애펙 관련 강좌글을 하나 작성했습니다. 내용 또한 지금 소개해드릴 부분과 비슷한 강좌이지요. 애펙의 메인 컴포지션 크기를, 그러니까 해상도를 변경할때 작업한 오브젝트들도 해당 크기에 맞춰 같이 수동으로 변경해줘야 하는 부분이었습니다. 무슨 말인지 잘 모르신다면 한번 읽어주시기 바랍니다. 글이 길지 않아서 금방 볼 ..
무료 플러그인인 척 하지만 사실 부분 유료화가 되어 있는 애펙 유명 플러그인 중 하나인 Animation Composer (애니메이션 컴포저) 삭제 방법입니다. 삭제는 총 두 가지를 진행해야 합니다. 하나는 프로그램 추가/제거에서 매니저 관련 프로그램 삭제이며, 다른 하나는 실질적으로 애프터이펙트에 세팅되어 있는 프리셋을 지워주는 과정이 필요합니다. 1. 윈도우 프로그램 추가/제거에서 HisterHorse 관련 프로그램 삭제하기 먼저 애프터이펙트는 종료 상태여야 합니다. 가장 먼저 진행해야 하는 과정입니다. 이제 윈도우의 프로그램 추가/제거로 들어갑니다. 위의 이미지는 iOBit 언인스톨러라고 하는 프로그램인데 개인적으로 윈도우에서 프로그램을 제거할때는 늘 이 프로그램을 사용합니다. 잔여 레지스트리 파일..
애프터이펙트에서 무한루프라는게 의미가 두 가지입니다. 하나는 특정 구간을 키프레임 만들고, 이 영역만큼 앞으로의 재생시간을 무한 반복시키는 개념이 있습니다. 다른 하나는 이번에 언급할 내용으로서 이미 무한 재생이 되고 있는 이펙트를 특정 구간 잘라서 해당 구간만큼 부드럽게 이어지도록 막힘없이 무한루프를 만드는 개념입니다. 이게... 말로는 조금 설명이 어려운데 아래의 움짤을 보시고 다시 설명을 들어보시면 이해가 좀 더 쉽게 될 수도 있을 것 같습니다. GIF가 제대로 저장되지 않아서 인디케이터 잔상이 남는군요. 양해 부탁드립니다. 현재 5초 정도의 무한반복 애니메이션이 완성된 상태입니다. 인디케이터가 5초에서 끝나고 다시 처음인 0초로 넘어가는 순간을 보시면 재생중인 애니메이션이 전혀 어색하지 않고 부드..
같은 어도비 제품인데 어차피 비슷한 기능을 넣을꺼면 좀 잘좀 해주지 하는 아쉬움이 있습니다. 애프터이펙트에서 도형툴은 상당히 자주 사용되는 도구 중 하나입니다. 그리고 그 속성이 백터 방식이기 때문에 일러스트레이터와 엄청 유사합니다. 핸들이 있는것도 그렇구요. 그러면 여기서 욕심이 하나 생깁니다. "패널에 오브젝트를 쉽게 변화를 줄 수 있는 기능 좀 만들어주면 좋겠다!" 하지만 현실은 그렇지 않습니다. 없어요. 번거롭게 들어가서 수정해줘야 합니다. 바로 이런 경우입니다. 빈 컴포지션을 하나 만들었습니다. 여기에 펜툴로 선 오브젝트를 만들었습니다. 보시는 것 처럼 기본형태는 직각입니다. 선의 끝을 둥글게 만들고 싶습니다. 일러스트레이터에서는 패널에 아이콘이 있어서 그냥 한번만 누르면 쉽게 변경되었습니다. ..
사실상 이 플러그인을 사용해보고 싶어서 애펙 수업을 배웠다고 해도 과언이 아닙니다. 정말 최강의 플러그인 이구요, 애프터이펙트를 즐겨쓰시는 분들이라면 아마 비디오 코파일럿 (Video Copilot)은 모를 수 없을겁니다. 고화질 고퀄리티 이펙트 소스를 제공하며 튜토리얼도 배푸는 고마운 사이트 입니다. 유료도 있고 무료도 있는데 오늘은 무료 플러그인을 소개하는 시간입니다. Saber (세이버) 라고 하는 플러그인 입니다. 광원효과가 주된 효과이며 레이어 마스크에 주로 사용하게 됩니다. 긴 말이 필요 없습니다. 설치 과정 및 사용 방법을 알아봅시다. 세이버 플러그인 설치 방법 이 과정은 이미 한 번 소개해 드렸습니다. 아래의 글을 보시고 그대로 따라하시면 됩니다. 애프터이펙트 무료 플러그인 Video Co..
애프터이펙트는 스크립트 기반의 다양한 플러그인들이 존재합니다. 무료도 있고 유료도 있습니다. 이번에는 무료 플러그인 중 정말 유명한 Saber (세이버) 라고 하는 녀석을 소개합니다. Video Copilot (비디오 코파일럿) 이라고 하는 회사에서 내놓은 무료 플러그인인데 정말 좋은 플러그인 입니다. 애펙을 설치하면 필수로 따라서 세팅하는 플러그인이라고 보시면 됩니다. 거두절미하고 바로 설치 과정을 알아보도록 합니다. 세이버 다운로드 및 설치 과정 Video Copilot 홈페이지 위의 링크로 들어가시면 비디오 코파일럿 홈페이지가 나옵니다. 메뉴 중 TUTORIALS로 들어갑니다. 튜토리얼 페이지로 들어왔습니다. 왼쪽에 보시면 FREE PLUG-INS 메뉴가 보입니다. 이 중에서 Saver Plug-i..
프리미어프로와 애프터이펙트는 플러그인이 먹여살리는 프로그램이라고 해도 과언이 아닙니다. 특히나 애프터이펙트가 좀 더 그러하죠. 프리미어 프로는 애펙과는 달리 영상을 제작하는 프로그램이 아닌 편집툴에 집중되어 있어서 사용되는 Fx 이펙트 효과가 다양하지는 않습니다. 그럼에도 불구하고 정말 유용한 플러그인이 있습니다. 보통 영상의 화면을 보정하는 이펙트를 럿 (LUT) 이라고 합니다. 그러나 애석하게도 프리미어에서는 럿을 기본으로 제공하고 있지 않습니다. 그래서 Red Giant (레드 자이언트)에서 만든게 럿바디(Lut Buddy) 플러그인 입니다. 럿바디는 화면 색 보정을 해주는 플러그인 입니다. 하지만 프리미어에 기본적으로 들어있는 플러그인이 아닙니다. 따라서 추가로 설치를 해줘야 합니다. 럿바디는 플..
가장 기본이 되는 티스토리 플러그인에 대하여 자세한 설명글을 작성하지 않았더군요. 그래서 작성해 봅니다. 부디 이 글이 이제 막 티스토리를 시작하시는 분들에게 많은 도움이 되었으면 하는 바램입니다. 여기에서는 주관적인 추천 부분이므로 어디까지나 참고만 하시기 바랍니다. 각 플러그인에 대해서는 설명을 드리겠습니다. 목차 사용 중인 플러그인 현재 실제로 사용중인 플러그인에 대한 종류와 간략한 설명을 드리겠습니다. 어디까지나 개인적인 주관 요소의 사용이므로 꼭 저와 동일하게 사용할 필요는 절대 없습니다. 이 점 참고하시기 바랍니다. 구글 서치콘솔 구글 SEO에 대한 오해로 인하여 꼭 반드시 해야만 한다는 이상한 인식속에서 매우 인기가 높아진 플러그인 입니다. 구글의 SEO는 사실 티스토리와는 큰 연관이 없습니..
이놈의 호기심은 저를 또 한 번 자극하게 되는군요. 티스토리에서 새로운 플러그인을 하나 선보입니다. 바로 구글 서치 콘솔 플러그인 입니다. 구글서치콘솔은 웹마스터도구와 비슷한 플랫폼으로 사이트의 여러가지 통계를 한 눈에 볼 수 있는 구글 서비스 플랫폼 입니다. 아마 티스토리를 운영하시는 분들이라면 거의 필수로 등록해놓는 단골 코스이기도 합니다. 이번에 티스토리팀에서 참 괜찮은 플러그인을 업데이트 했군요. 마음에 듭니다. 간단하게 먼저 말씀드리면 가장 큰 장점은 다음과 같습니다. 1. 메타태그를 활용한 수동 등록 과정이 필요 없음 2. 사이트맵 등록도 필요 없음 구글서치콘솔 플러그인으로 티스토리 등록하는 과정 방법도 어렵지 않습니다. 기존 방법대로라면 HTML 안쪽에 메타태그를 등록 후 이것을 인식하는 과..
티스토리가 시간이 갈 수록 업그레이드가 되어가고 있습니다. 이제는 티스토리는 서비스 종료가 된다는 걸 반증하는 아주 대표적인 사례가 되었습니다. 티스토리 전용 어플리케이션도 최근에 업데이트를 진행한 것 같은데, 그 증거가 바로 "애드센스" 입니다. 과거에는 티스토리 어플리케이션에 애드센스가 아예 나오지 않았었습니다. 그러다가 작년쯤에는 애드센스가 노출이 되었었는데, 다름아닌 플러그인을 통해서 노출이 되기 시작했습니다. 하지만 반응형으로 넣으면 나오지 않고, 티스토리 전용 앱은 어차피 모바일 전용이므로 모바일 해상도일 때, 고정형 크기의 일반 애드센스 광고를 사용하면 어플리케이션에서도 광고가 나타났었어요. 그럼 플러그인에 있던 기존 애드센스는 티스토리 앱에서 노출이 되었을까요? 티스토리 어플리케이션에서는 ..
티스토리가 점점 발전하는 모습이 눈에 보입니다. 아주 좋은 징조입니다. 오늘 보니까 플러그인에 못 보던 기능이 하나 생겼더군요. 메타 태그 플러그인이 보입니다. 개인적으로 추가되었으면 하는 플러그인 중 하나였는데 정말 좋습니다. 아시다시피 스킨을 변경하면 기존에 등록해 두었던 여러가지 메타 태그들을 다시 넣어야 하는 번거로움이 있었습니다. 이 번거로움을 조금 덜어 줄 아주 고마운 플러그인 입니다. 단 애드센스 승인 시 필요한 코드는 메타 태그 형태가 아닌 스크립트 형태이므로 이건 반드시 스킨 변경 이후에 수동으로 넣어줘야 합니다. 참고하시기 바랍니다. 앞으로 플러그인에 구글 애드센스 승인 코드 전용 플러그인도 생기기를 바래봅니다. 아래의 예제에서는 구글 서치콘솔 메타태그를 플러그인으로 넣어서 승인을 얻는..
열심히 브라켓 (Brackets) 으로 웹코딩을 배우고 있습니다. 아직까지는 쉬운 부분만 나와서 그런지 이해를 못하고 있는건 없습니다. 그리고 직접 태그 요소들을 하나하나 배워가면서 작성하고, 그 결과값을 확인하는 재미가 무척이나 쏠쏠합니다. 과연 이 재미가 언제까지 지속될지는 저도 모르겠지만, 확실한건 이해할때까지 무조건 배운다는 마음입니다. 브라켓을 이용하면 여러가지 추천 플러그인이 많은데, 그 중에서 제가 사용하는 플러그인을 좀 나열해 보려고 합니다. 나중에 저도 까먹을수도 있으니 일종의 백업용이죠. 설치하면 정말 유용한 기능을 가진 것들이므로 이제 막 브라켓을 이용하시는 분들에게는 강추하는 부분입니다. 현재 저의 브라켓 설치 플러그인 정보 입니다. 위에서부터 하나하나 어떤 기능을 갖고 있는 플러그..
PC를 포맷하고 최적화 세팅을 하면 무얼합니까? 뭐 공인인증 과정좀 거치면 온갖 잡것들이 컴퓨터에 강제설치가 되어버리고, 그렇게 되면 또 인터넷이 살짝 이상해집니다. 저는 이 모든것이 다 액티브X와 플러그인 때문이라고 생각하고 있습니다. 최근 PC를 포맷했는데 부득이하게 홈텍스에 접속해야 하는 일이 생겼습니다. 어쩌겠나요? 접속하려면 공인인증을 받아야 하고, 그 과정에서 또 원치도않는 여러 잡스러운 플러그인과 기타 보안프로그램을 필수로 설치해야 합니다. 은행사이트도 마찬가지죠? 그렇습니다. 울며 겨자먹기로 또 설치했습니다. 왠지 불안해집니다. 이깟 프린터 그냥 출력하면 그만인것을... 뭘 그렇게 설치하라고 재촉하던지! 결국 다 설치했는데, 재부팅이 필요하답니다. 그러면 다시 처음부터 홈텍스 접속해서 공인..
필자의 블로그 글을 유심히 살펴보셨다면 항상 마지막 부분에 관련글들이 들어 있는 것을 알 수 있다. 이걸 넣는 이유는 무엇일까? 크게 두 가지다. 이 두가지가 가장 중요하기 때문에 꼭꼭 넣고 있는 것이다. 블로그 초반에 할 수 있는 최대의 효과를 낼 수 있는 방법 중 하나라고 생각한다. 지금부터 알아보자. 이전 글 넣기 기능으로 블로그 체류 시간을 늘리자! 이 기능을 이용하는 이유 중 첫번째는, 바로 체류시간 이다. 블로그는 체류시간이 중요하다. 특히나 애드센스를 하시는 분들이라면 이 체류시간을 꼭 놓쳐서는 안 된다. 방문자가 중요한게 아니다. 들어오고 좀 읽다가 그냥 나가버리면 아무 소용이 없다. 어떻게든 방문자를 붙잡고, 이 매장에 있는 모든 메뉴까지는 아니더라도 다양한 아이템이 있다는 것을 구경하게..
본문의 마지막 부분에 보면 카테고리의 다른 글 이라는 모듈이 있다. 여기 갯수를 늘리고 줄이고를 쉽게 할 수 있는데 많은 분들께서 혹시 이것도 HTML/CSS 편집을 통해서 해야하는 것 아닌지 물어보시는 분들이 가끔 계신다. 이 부분을 한번 글로 써야할 것 같아서 이렇게 작업중이다. 피가되고 살이되는 블로그, 친절한효자손 취미생활!글, 사진 및 이미지 ▶ CopyLeft(C) 유길용#CopyLeft(C) 는 저작권의 반대개념으로, "모든것을 공유한다" 는 뜻 입니다##공유라는 개념은 그대로 복붙하시라는 개념이 아니라, 내용을 응용해서 가져가시라는 말씀입니다##사진과 이미지의 일부는 퍼온것도 있음을 밝힙니다# 티스토리 카테고리의 다른 글 갯수 늘리기 방법 이 방법은 HTML코드를 수정할 필요는 없고, 플러..