본문 바로가기
반응형

전체 글958

[iOS16] 아이폰 사진 윤곽 편집 (누끼 따는법) 아이폰의 새로운 운영체제인 iOS 16이 릴리즈되었습니다. 이미 올해 WWDC에서 iOS16에 포함될 기능들이 소개되었는데요. 이런저런 많은 기능 중에 아이폰 사진의 윤곽을 딸 수 있는 기능이 가장 마음에 들었습니다. 사진에서 특정 대상의 윤곽을 따서 배경을 지우는 작업을 '누끼를 딴다'라고 말합니다. 시각 디자인 쪽에서 Adobe 포토샵 같은 소프트웨어를 이용해 사진에서 특정 사물만 가위로 오려내듯이 잘라 내는 것을 '누끼'를 딴다고 흔히 말합니다. (누끼는 '누키'라는 일본어에서 유래한 말로 '배경제거' 등으로 순화해 사용할 수 있겠지만 본 포스트에서는 누끼라고 그냥 사용하겠습니다) 포토샵 같은 소프트웨어에서 누끼를 쉽게 따주는 기능을 제공하지만 여전히 수작업이 많이 필요한 소위 노가다의 영역입니다... 2022. 9. 18.
[티스토리] 북클럽 스킨 글자 크기, 줄 간격, 글자 간격 조정 - 가독성 향상 블로그의 기본은 글입니다. 좋은 글이 좋은 블로그를 만드는데요. 글의 내용도 중요하지만 가독성도 중요합니다. 글의 가독성에 가장 큰 영향을 미치는 것은 폰트입니다. 가독성 좋은 폰트를 고르거나 유료 폰트를 구입해서 사용하는 정도까지는 아니지만 글자 크기(폰트 사이즈)를 조정하는 정도는 해볼만합니다. 티스토리 북클럽 글자 크기 조정 우선 관리모드로 들어갑니다. 그리고 꾸미기-스킨편집 페이지로 들어갑니다. 오른쪽 상단에 있는 'html 편집' 버튼을 눌러 CSS 편집창으로 갑니다. 스킨의 HTML과 CSS 그리고 스킨에 필요한 사진같은 리소스 파일을 업로드할 수 있는 메뉴를 볼 수 있습니다. 가운데 있는 CSS 항목을 클릭해주면 스킨의 CSS 편집을 할 수 있는 메뉴가 나옵니다. CSS 에디터에서 .entr.. 2022. 8. 30.
[티스토리] 메뉴 기능 소개 - 메뉴 추가하고 삭제하기 티스토리에는 메뉴 기능이 있습니다. 블로그 레이아웃 상단에 위치한 '홈', '태그', '미디어로그' 같은 것들이 메뉴입니다. 티스토리 플랫폼에서 기본으로 제공하는 메뉴들이 저렇게 스킨에 출력되고 있는데요. 티스토리는 저 메뉴 항목들을 입맛에 맞게 커스터마이징 할 수 있도록 관리 기능을 제공하고 있습니다. 티스토리 메뉴 삭제 태그나 미디어로그, 위치로그 같은 메뉴는 기본으로 설정되어 있기는 하지만 잘 사용되지 않습니다. 따라서 깔끔하게 지워버리고 원하는 메뉴를 추가하도록 하겠습니다. 우선 관리모드로 들어가보겠습니다. 그러면 '꾸미기' 항목 중에 '메뉴'라는 항목을 찾아볼 수 있습니다. 이걸 클릭하면 현재 블로그에 등록되어 있는 메뉴 항목들을 볼 수 있습니다. 메뉴 항목에 마우스를 가져가면 옆에 '삭제' 버.. 2022. 8. 29.
아이폰 14 노치 대신 펀치홀 도입? 여름의 뜨거운 공기가 선선하게 식어가고 있습니다. 어느덧 가을의 문턱에 와있다는 느낌입니다. 매년 이런 느낌을 받을 때 쯤 애플이 새로운 아이폰을 발표하는데요. 올해는 9월 7일(현지시간) 공개할 가능성이 높다고 합니다. 아이폰 14와 관련된 루머들이 작년 말부터 꾸준히 나오고 있는데요. 그 중에 가장 주목을 받고 있는 것은 바로 노치 디스플레이의 변화입니다. 노치(Notch)는 스마트폰의 화면 비율을 끌어올리기 위한 디자인 기법으로 전면 카메라와 센서, 스피커가 들어가는 부분 양쪽 디스플레이를 상단까지 끌어올린 형태입니다. 노치를 적용하면서 전면부에서의 화면 비중을 좀 더 끌어올릴 수 있게 되었습니다. 좀 더 끌어올려진 디스플레이 부분에 와이파이 아이콘이나 LTE 안테나, 시계, 배터리 정보 같은 부가.. 2022. 8. 28.
[티스토리] 북클럽 스킨 이미지 테두리 적용 방법 이미지의 사용은 독자로 하여금 블로그 포스트를 읽을 때 이해력을 높여줍니다. 말로만 설명하는 것이 아닌 실제 사례 등을 이미지로 업로드해서 설명하면 잘 못 이해하는 경우를 많이 줄일 수 있습니다. 다만 화면 캡쳐 같은 이미지를 업로드하게 되면 흰색 배경에 텍스트만 있는 이미지를 업로드하게 되는 경우가 있는데, 이 때 이미지의 테두리가 없으면 어디까지가 배경이고 어디서부터가 이미지인지 구분이 잘 가지 않습니다. 따라서 전반적으로 글이 조잡해 보일 수 있습니다. 블로그 포스트의 가독성을 위해서는 이미지에 테두리를 입혀서 블로그 배경과 구분하는 것이 좋은데요. 매번 이미지를 편집하기엔 시간이 너무 많이 듭니다. 따라서 블로그 스킨의 CSS를 편집해서 이미지에 테두리를 입히도록 하는 방법이 제일 효과적인 방법입.. 2022. 8. 27.
[티스토리] 이미지 복사 금지 설정 방법 이전 글에서 블로그 포스트의 내용에 대한 복사는 막으면서 코드 같은 특정 부분만 복사를 허용하는 방법에 대해서 정리했습니다. CSS를 수정해서 일부 태그에 대해서만 복사를 허용했었는데요. 이전글 : [Tistory] 티스토리 코드 부분만 복사 허용하기 문제는 본문에 올라간 사진에 대해서는 우클릭 후 다른 이름으로 저장하기가 된다는 점이었습니다. 물론 작정하고 퍼갈 경우 캡쳐를 해서 퍼가겠지만 그래도 손쉽게 다운로드는 못하게 막고 싶을 수 있습니다. 이미지 복사 역시 CSS 편집으로 막을 수 있습니다. 다시 관리모드-꾸미기-스킨편집 페이지에서 CSS 편집 창으로 들어갑니다. 스킨에 따라 다른데요. .area_view 를 사용하는 스킨이라면 .area_view img 항목에 pointer-events: no.. 2022. 8. 26.
[티스토리] 코드 부분만 복사 허용하기 블로그를 운영하면서 불펌에 신경이 많이 쓰이는 편입니다. 공들여 작성한 글을 자신이 작성한 글인양 [Ctrl] + C, V로 퍼가서 발행하는 경우가 왕왕있습니다. 그래서 티스토리는 블로거들에게 불펌금지 플러그인을 제공했죠. 하지만 개발 블로그의 경우 소스코드를 복사할 수 없어 불편한 경우가 많이 있습니다. 예제를 따라하면서 배우고 싶은데 소스코드를 복사할 수 없으니 불편합니다. 하지만 본문은 복사할 수 없지만 소스코드 부분만 복사할 수 있게 풀어줄 수 있습니다. 티스토리 스킨의 CSS 부분을 수정하면 됩니다. 우클릭 방지 플러그인 해제 일단 티스토리에서 제공하는 '마우스 오른쪽 클릭 방지' 플러그인을 해제해야합니다. 티스토리의 관리모드에서 플러그인 메뉴를 선택하면 '마우스 오른쪽 클릭방지' 플러그인이 있.. 2022. 8. 26.
낙서를 gif 움짤로 만들어주는 사이트 'Animated Drawings' 오늘도 재미있는 사이트가 있어서 소개해드리겠습니다. 낙서 혹은 그림에 생기를 불어넣어 움짤로 만들어주는 사이트입니다. https://sketch.metademolab.com/ Animated Drawings sketch.metademolab.com Animated Drawings 사이트에 들어가시면 간단한 작업으로 그림을 움짤로 만들 수 있습니다. 위 링크로 들어가면 ANIMATED DRAWINGS 소개가 나옵니다. 'Get Started' 버튼을 눌러 시작합니다. 첫 번째 단계는 움짤로 만들 이미지를 업로드하는 것입니다. 간단한 낙서가 될 수도 있고, 그림을 찍은 사진을 올릴 수도 있습니다. 저는 그림판으로 간단하게 졸라맨을 그려서 업로드 후 움짤로 만들어보겠습니다. 몇 가지 사용에 대한 계약 사항들을.. 2022. 8. 15.
데스크셋업 사진 모아서 보여주는 사이트 'workspace.xyz' 웹 서핑을 하다가 흥미로운 사이트를 알게 되었습니다. 바로 요즘 유행하는 데스크 셋업, 다시말해 책상 샷을 모아서 보여주는 사이트인 'workspace.xyz' 입니다. workspace.xyz www.afternic.com:443 재택근무가 늘어나면서 집에서의 업무 환경에 대해서 고민하시는 분들이 많이 있는데요. 다른 사람들은 어떻게 책상을 꾸미는지 참고하기 좋을 것 같습니다. 사이트에는 여러가지 데스크 셋업 사진들이 모아져 있는데요. 사진을 클릭하면 해당 데스크 셋업에 대한 상세 내용을 확인할 수 있습니다. 생각보다 깔끔하게 책상을 꾸미고 일하는 사람들이 많이 있네요. 이메일을 등록하면 매주 토요일과 일요일에 이메일로 데스크 셋업과 관련된 내용을 받아 볼 수 있다고 합니다. 혹은 여러분의 책상 샷을 .. 2022. 8. 14.
반응형