가볍게 쓸만한 모달창 버튼을 누르면 전체화면이 어두워지면서 가운데 창을 띄우고 또 버튼을 누르면 창이 닫히는 효과입니다. 핵심구성은 CSS와 JS 하나씩 이구요. 정말 가볍게 쓸 수 있지 않을까 싶어요!😀 그리고 예제 영상에서는 없지만 스크롤이 되어도 늘 가운데에 위치해 있는 모달창입니다. 심플한 모달 예제입니다! HEAD와 /HEAD사이 HEAD안에는 CSS와 모달창을 작동가능하게 할 제이쿼리를 불러옵니다. CSS는 아래 첨부파일을 다운 받아주세요. 코드를 확인하면 .modal이나 .btn-close 그리고 .modal-wrapper에서 background 정도의 수정만 거쳐도 원하는 모달을 만드실 수 있을거에요! BODY와 /BODY사이 모달창 띄우기 CLOSE 모달창에 들어갈 내용을 넣으면 됩니다...

사과하는데 심심해? 트위터에서 심심한 사과가 트렌드로 떳었죠? 한 카페에서 사인회 예약 과정에서 원활하지 못한 점에 대해 사과문 내용중 심심한 사과 말씀 드린다는 말에 안심심하다며 이게 사과문(?) 이냐며 반응했기 때문인데요. 甚(심할 심) 深(깊을 심) 마음 깊이 간절하게 - 라는 뜻을 가지고 있죠. 그래서 심심한 사과는 마음 깊이 사과의 말씀을 드립니다. 라는 뜻입니다. 실제로 많이 보기도 하고 가끔이라도 쓰기도 하는 말인데요. 이딴게(?) 사과문이냐며 반응했다라는 점에 대해서 솔직히 황당하기도 했어요. 이제는 앞으로 이 정도는 이제 알고 갔으면 좋겠어요. 자매품으로 심심한 위로도 있습니다. 전 지금 심심하지 않습니다!😊

무료라고 해서 쓴 폰트가 저작권 위반이라고? 분명히 무료라고 해서 다운받아서 사용했는데 저작권 위반이라며 법무법인에서 메일 또는 전화가 옵니다. 그리고 합의를 보려고 합니다. 합의는 패키지 구매(보통 80~100만원상당). 내가 쓴 폰트는 하나 쓴건데 패키지를 사라니? 사실 이런 수법(?)은 00년 초반부터 성행했는데 아직도 여전한것 같습니다. 아무래도 폰트 업체에서 모니터링을 계속 할 수 없어서 법무법인에 맡겨서 이런식으로 캐치해서 합의를 통해 패키지를 강매하는 쪽으로 하고 있는거죠. 여하튼 살면서 법무법인에 이런식으로 통보를 받으면 가슴 떨리고 어떻게 해야 할지 모릅니다. 알려진 방법으로는 무시입니다. 찾아온다고 하면 업무방해죄로 역으로 가능하구요. 실제로 법적으로 해도 사용자 편으로 들어줍니다. 공..

Clipdrop 디자인 작업을 할때 이미지 해상도가 아쉬울때가 있죠? 그럴때 그냥 작업하시는 디자이너 분들은 없으리라 생각합니다!(그럼 안돼요! 절대!) 아쉬운 분들을 위해서 ClipDrop이라는 사이트를 소개해드립니다! ClipDrop Image Upscale 차이가 보이시나요? 이미지의 퀄리티를 올려주면서 사이즈까지 2배로 올려줍니다. (유료는 4배까지 가능) 다운로드 하시면 끝! 직접 해보시면 그 차이를 더 느끼실 수 있을 거예요! 간단하게 누끼를 따봅시다! 포토샵은 하면 할수록 느끼지만 IT의 노가다 툴입니다. 누끼를 한땀 한땀 따고 있을 때 느끼는데요. 이제는 아주 쉽게 딸 수 있게 될 것 같습니다. Clip Drop Remove the Background 왠지 제 손보다 더 잘 따는 것 같은건..

스크롤을 내리면 클래스를 추가시킵니다. 스크롤이 발생하면 기존의 클래스에 옵션을 추가해둔 클래스를 추가하여 스크롤 후 이미지나 텍스트가 움직이거나 페이드 되거나 할 수 있는 코드입니다! 마우스가 다시 올라가면 클래스를 삭제하여 다시 스크롤시 또 적용되게 됩니다! 그게 싫다면 removeClass 부분을 삭제 하면 한번 스크롤 후 액션이 실행후 고정되겠죠? .addClass와 .removeClass 클래스 추가와 클래스 삭제가 포인트! 그리고 클래스가 아닌 스타일 추가를 원한다면 위와 같은 식으로 color 그리고 속성을 적어주시면 됩니다!

분할압축 한번에 다운로드 방법 간혹 티스토리를 이용하다 보면 분할 압축된 여러 파일들을 다운로드 할때가 있는데요! 그럴 때 쉽게 다운로드 받는 방법 두가지가 있습니다! (저 같은 경우는 게임 다운로드 받을 때 그런 경우가 있더라구요) 첫번째. 크롬 확장프로그램 크롬에서 확장프로그램을 이용하여 한번에 다운 받을 수 있습니다! 아래 하단의 링크를 통해 다운로드 하여 확장프로그램을 실행시킵니다.(크롬 기반의 브라우저들 웨일, 엣지 모두 같은 확장프로그램으로 가능합니다) uSelect iDownload 셀렉트 확장프로그램이 켜지게 되면 약간 화면이 어두워지는데 이 상태에서 마우스를 받고 싶은 압축 파일을 여러개 드래그 하면 노란색으로 다중 셀렉트가 가능해집니다. 그리고 Enter 키를 누르면 다운로드 됩니다. ..

필수 단축키는 업데이트 할 예정입니다!저도 배워가는 중이기 때문이죠…프로그램을 쓰면서 단축키는 필수죠? 프리미어를 다루면서 진짜 이것만은 알아두면 좋은 단축키를 정리해두려고 합니다! 윈도우 기준이고 맥은 Ctrl이 보통 Cmd인 경우로 생각하면 좋을 것 같습니다.Ctrl + D (화면 트랜지션)보통은 Effect 채널에서 Vedio Transitions - Dissolve - Cross Dissolve를 드래그해서 적용해야 하지만 Ctrl + D로 바로 적용이 된다라는 점! 또는 나는 이번에 다른 트랜지션을 주로 사용한다면 원하는 트랜지션을 클릭 후 마우스 우클릭하여 Set Selected as Default Transition 선택 해 두면 앞으로 Ctrl + D가 선택한 트랜지션으로 적용되게 됩니다!..

프리미어 프로에서 전반적인 모션에 대해 빠르게 적용시킬 플러그인을 소개해드립니다! 이 플러그인은 애펙에서도 사용 가능하며 더 강력한 모션이 가능합니다.(따로설치) 영상편집 초보든 아니든 있으면 무조건 좋으니 꼭 설치 해주세요! 미스터홀스 다운로드 자신의 OS에 맞는 설치를 하시고 프리미어 프로를 켜시고 Window - Extensions - Premiere Composer가 확인이 된다면 설치가 완료되었습니다! 이제 클릭하시고 원하는 위치에 드래그해서 이제 마음 껏 사용하시면 되겠습니다! 사이트 내에서도 사용방법이 있으니 참고하셔도 좋고 몇번 클릭만 해봐도 사실 전혀 어렵지 않아요. 화면전환, 텍스트효과, 소셜, 모양, 효과음까지 무료로 세트로 가능하기 때문에 꼭 받으시고 유료 버전도 있으니 더 강력하고..

다양한 상황에서 쓸만한 그라디언트를 소개해드립니다! 아래 이미지와 같은 10종의 그라디언트가 있으니 다운받아서 확인해보세요~