여러분들은 포스팅을 꾸미기 위해서 어떤 노력을 하고 계시나요? 혹시 포스팅하는 것에만 집중해서 포스팅 꾸미기에는 관심이 없진 않으신지요. 양질의 정보를 제공하는 것도 중요하지만 내 포스팅의 내용만큼 포스팅을 어떻게 꾸미는가에 따라서 내 글을 읽는 사람의 가독성이 올라가기도 하고, 내 블로그에 머무는 시간이 올라가기도 합니다. 건강한 블로그를 만들려면 포스팅의 양보다는 질에 집중해야 된다고 생각합니다. 블로그로 고수익을 버는 분들의 말을 종합해보면 질보다는 양으로 하시는 분들이 꽤나 많습니다. 누구는 포스팅 1개 하는데 몇 시간씩 걸리기도 하고 누구는 15~20분 만에 끝내기도 합니다. 블로그 운영방식에는 개인의 노하우나 경험에 의해 달라지기 때문에 무엇이 좋은 블로그라고 단정 짓기도 어려운 게 블로그의 세계입니다.
그러나 한 가지 분명한 것은 단순히 사진만 찍고 글만 쓰는 것에만 머문다면 안된다는 것입니다. 사소한 거라도 경험을 통해 내 것으로 만들면 어떤 방식으로든 응용할 수 있습니다. 그래서 오늘은 포스팅 꾸미기의 일환으로 내 포스팅에 마우스 커서 넣기를 배워보고자 합니다. 특별히 어렵다거나, 소수만 알고 있는 고급 정보는 아닙니다만 작은 변화로 내 블로그의 가독성을 높일 수 있고, 나만의 노하우를 쌓을 수 있는 계기가 될 것이라 생각합니다. 그럼 시작해 보겠습니다. 렛츠 기릿!
마우스 커서를 쓰기 위한 편집 과정
▣ 우리가 블로그를 운영하면서 흔히 쓰는 이미지 사이트는 여러 가지가 있지만, 저는 특별히 Pixabay, Pexels를 많이 이용합니다. 그럼 Pixabay에서 마우스 커서 이미지를 살펴본 후, 마음에 드는 이미지를 편집해서 사용해 보겠습니다.
▣ 마우스 커서를 검색하면 여러 가지 모양이 나오는데, 자신이 마음에 드는 것을 고르시면 다운을 받아봅니다. 저는 약간 톰과 제리 같은 만화 느낌이 강한 커서를 선택했습니다. ㅋㅋ
▣ 다운을 받으셨다면 그림판이나 포토스케이프로 이동합니다. 커서 이미지는 검은색, 파란색, 빨간색 3가지 중 자신이 원하는 색깔을 정하고 그중에 하나를 잘라서 따로 저장해보겠습니다. 저는 포토스케이프를 사용해서 사진을 편집하겠습니다. 포토스케이프에서 사진 편집으로 들어갑니다.
▣ 사진 편집에 들어가서 자르기를 선택한 후 커서로 사용할 모양의 영역을 선택한 후 저장해봅니다.
▣ 다운을 받으면 이런 모양으로 저장이 될 겁니다. 그런데 손가락 바깥 화면이 하얀색이죠? 이 상태로는 사용할 수가 없습니다. 손가락 안에는 하얀색을 유지하되 손가락 바깥쪽은 투명하게 만들어줘야 합니다. 여기서 제가 많은 시간을 들여서 터득한 방법을 알려드리겠습니다. 저는 포토샵 전문가가 아니라서 저만의 방법을 찾아서 했습니다. ㅎㅎ
▣ 이미지 배경화면 삭제해 주는 사이트입니다. 사이트에 접속하셔서 다운로드한 이미지를 업로드해봅니다.
▣ 오른쪽 이미지가 작업 전, 왼쪽 이미지가 작업 후의 이미지입니다. 바로 다운을 해봅니다.
▣ 저는 여기서 한 가지 문제에 봉착합니다. 이미지를 쓸려면 커서 안쪽은 흰색, 커서 바깥쪽은 투명으로 나와야 되는데 안쪽 바깥쪽 둘 다 투명색으로 변하는 것이었습니다. 이 문제 때문에 여러 사이트와 다양한 방법을 계속 고안하면서 이 문제를 해결하려고 했습니다. 다양한 사이트에서 원하는 이미지를 편집하는 데 성공했지만 안쪽을 흰색, 바깥쪽을 투명으로 바꾸면 결제를 해야만 이미지를 다운할 수 있었습니다. 다른 포토샵 프로그램도 봤지만 설치부터 배우는 것도 과정이 길어서 다 생략했죠. 그리고 저만의 방법을 찾기 위해 많은 테스트 과정을 거쳤습니다. 그럼 계속 가보겠습니다.
▣ 제가 사용할 수 있었던 프로그램은 그림판, 포토스케이프, 그리고 리무브 사이트 이 3가지였죠. 이 안에서 어떻게든 해결해보려고 안간힘을 썼습니다. 여러 방법을 고안하던 중 저는 그림판에 들어가서 편집을 하게 됩니다... 안과 겉이 투명색으로 변해버린 사진을 그림판에 올려놓고 배경 이미지를 검은색으로 변경해본 것입니다. 그리고 저장을 하게 됐죠..
▣ 원하는 게 안돼서 짜증이 머리끝까지 밀려 올라오던 중... 검은색 바탕으로 저장했던 이미지를 다시 리무브 사이트 업로드해서 이미지 편집을 시도했는데... 아니!! 이럴 수가!! ㅋㅋ 제가 원하는 대로 안쪽은 하얀색 겉에는 투명색으로 바뀌는 것이었습니다. 저는 쾌재를 불렀습니다!! 리무브 만세!!ㅜㅜ 전문가의 입장에서는 아무것도 아니겠지만 저는 이거 하나 터득하는데 며칠이 걸렸습니다... 어쨌든 다운을 받아봐야겠죠! 다운 시작!
▣ 이것이 바로 제가 원하는 이미지입니다!! "Knowledge is power" 정말 아는 것이 힘입니다!! 여기서 하나 짚고 넘어가야 될 것이 있는데 리무브 사이트에서 편집 과정을 이용하기 전과 후의 차이점에 대해서 알아보겠습니다.
▣ 오른쪽 이미지는 다운로드하여서 파란색 커서 이미지를 따로 분리작업을 끝냈을 때 이미지입니다. 안과 겉이 다 하얀색이었던 그것.... 그것을 따로 검은색 바탕으로 해봤는데, 결과가 다르더라고요. 리무브 과정을 거친 이미지는 겉이 깔끔하게 검은색으로 덮였는데 리무브 과정을 거치지 않은 이미지는 이렇게 겉에 검은색이 안되더라고요.. 뭐 때문인지는 모르겠습니다. 그리고 이렇게 저장해서 리무브 편집을 거치면 겉이 깔끔하지 않게 편집이 돼서 보기가 안 좋더라고요.
▣ 편집을 해보니 이렇게 깔끔하지 않게 나옵니다. 이게 마음에 드시는 분들은 쓰셔도 무방합니다. 그럼 깔끔하게 편집된 커서 이미지를 적용해서 써보겠습니다!
▣ 픽사 베이로 적용시켜 보았습니다. 오른쪽이 리무브 편집을 거친 후 나온 이미지고 왼쪽이 방금 말했던 리무브 과정을 거치지 않은 채로 나온 이미지입니다. 포스팅 과정 등을 설명할 때 원하는 커서를 이용한다면 보기에도 더 좋고 포스팅 꾸미는 것에도 그만이겠지요? 저는 아주 마음에 듭니다. 하하하하!!! 그러나 끝나지 않았습니다. 단순히 커서 이미지만 하는 게 아니라 추가로 이미지를 더 만들어서 보다 확실하게 꾸며보도록 하겠습니다. 힘들지만 계속 가보겠습니다!
▣ 마우스 커서 이외에 커서를 강조하는 이미지를 더해주면 블로그를 방문한 사람들의 시선을 집중시킬 수 있는 효과를 기대할 수 있습니다. 포토스케이프에 들어가셔서 아래와 같이 하트 모양을 클릭하고 만화에서 첫 번째, 두 번째 이미지를 사용하여 커서 효과를 높여보겠습니다. 계속 가시죠!
▣ 마우스 커서 이미지를 추가해서 이미지를 편집해 봅니다. 삼각형은 각도 조절이 가능하므로 원하는 각도를 설정하셔서 하시고 저장하시면 됩니다.
▣ 저장하셨으면 처음 편집했던 것과 똑같이 바탕을 검은색으로 칠해주고 저장해서 리무브 편집 과정을 거치면 완성됩니다. 그럼 새로운 이미지를 적용시켜서 커서 이미지를 확인해 보겠습니다.
▣ 픽사 베이 사이트에서 적용시켜 보았습니다. 이미지를 추가 함으로써 커서를 좀 더 강조하는 효과가 있습니다. 꼭 이런 이미지가 아니더라도 자신이 원하는 이미지를 찾아서 편집 후에 사용하시면 되겠습니다.
마치며..
◎ 오늘은 커서 이미지 편집 과정을 통해 커서 이미지를 적용시켜보는 내용으로 포스팅을 해보았습니다. 대충 글 몇 자와 이미지만 걸지 마시고, 이런 거 배워두시면 블로그가 아니더라도 활용범위가 굉장히 넓을 거라 생각됩니다. 수익형 블로그라고 해도 자신이 꾸민 포스팅에 만족하고, 블로그가 조금씩 성장하듯이 자신도 같이 성장하는 계기가 됐으면 하는 게 저의 바람입니다. 편집 과정이 굉장히 힘들었고 손도 많이 갔지만 훗날 이 포스팅이 제 블로그를 찾는 사람들에게 도움이 됐으면 합니다. 여러분들도 꼭 해보시길 바랍니다. 포스팅을 어떻게 꾸미느냐에 따라 블로그의 체류시간이 길어질 수 있다고 하니깐요..
◎ 포스팅이 끝나고 난 후의 저의 배경화면을 찍어봤습니다.. 하나의 포스팅을 위해 이렇게 손이 많이 가는 줄은.. 블로그를 처음 해보는 거라 시간이 너무 많이 걸리네요... 쓰고 남은 이미지 또 정리하려면...ㅜ 부족한 글 읽어주셔서 고개 숙여 감사드립니다.
티스토리를 하신지 얼마 안 되셨다면
추천드리는 저의 포스팅 글입니다.
읽어보시면 꼭 도움이 될 것입니다.
↓↓↓↓↓↓↓↓
구글 애드센스 후기와 승인 조건
https://terran6820.tistory.com/71
애드센스 광고 부정클릭과 가이드라인
https://terran6820.tistory.com/62
'블로그 > 티스토리' 카테고리의 다른 글
| 사이트맵(sitemap)과 RSS 뜻에 대해서 알아봅니다. (5) | 2020.04.27 |
|---|---|
| 티스토리 스킨 변경 후에 애드센스 메타태그 찾는 방법 (14) | 2020.04.23 |
| [티스토리] 아이콘 파인더를 활용해 파비콘 만들기/다운로드 (2) | 2020.04.21 |
| 티스토리 북클럽 스킨 대표 이미지 사이즈 수정하기 (11) | 2020.04.14 |
| 티스토리 애드센스 중복계정 해결/탈퇴/사이트 추가 방법 (9) | 2020.04.03 |
| 무료 이미지 다운로드 사이트 2개 강력추천!! (3) | 2020.03.25 |
| 블로그 꾸미기!?(feat. 글상자 서식) (0) | 2020.03.19 |
| [티스토리]글 사이에 구글 애드센스 광고넣기 (3) | 2020.02.29 |
댓글