정보2018.12.13 11:06

매일 관리하는 나의 블로그-스킨 이미지 편집하기


오늘은 이상하게 블로그 오른쪽에 배치된 '카테고리' 라고 쓰여진 글자 앞 폴더 이미지가 너무 촌스럽게 느껴졌다.

슬슬 다른 스킨으로 바꿀까도 생각했는데 아직은 PC에서 지금 스킨 만큼 사진을 크고 잘 표현해주는 스킨을 만나지 못해 바꾸지 못하고 있다.


지금 사용 중인 스킨은 처음부터 이미지 아이콘들이 좀 촌스럽게 느껴졌다.

언젠가 한번 바꿔봐야지 생각만 했는데 여간 귀찮은 일이 아니였고, 그럴만한 실력도 안되었기에 미루고 있었는데 오늘은 유독 촌스럽게 보여서 꼭 바꾸고 싶다는 생각이 들었다.

그래서 시범삼아 '카테고리' 의 폴더 아이콘 이미지를 바꿔보기로 했다.



사람마다 보는 눈이 다르겠지만 나는 이상하게 저 카테고리 글자 앞의 폴더 이미지가 촌스러워 보였다.

일단 저 폴더이미지를 한번 바꿔 볼 생각이다.


어떻게 바꿨는지 간단히 설며 드리자면,



우선 관리자모드에서 스킨편집 옆에 화살표 이미지를 클릭한다.



스킨 편집창에서 'html 편집' 버튼을 클릭한다.




html 편집창이 뜨면 '파일업로드'를 클릭한다.



위와 같이 저장되어 있는 이미지 파일들을 만날 수 있다.




하지만 업로드와는 달리 파일 다운로드가 되질 않는다.

예상치 못했다. 

나는 업로드 했으니 당연히 다운로드가 될 줄 알았다.

여기에 이 스킨을 백업도 해놓지 않았다.


'아~ 새로 만들어야 하는 건가' 싶었는데 혹시나 싶어 해당 파일을 마우스로 누른채 컴퓨터 바탕화면으로 드래그 해보았다.



오~!! 끄집어 냈다.

"드래그 하면 되는데 왜 다운로드를 못하게 해놓은 걸까?"하는 의문이 있었다.



알고보니 파일을 가져 온 것이 아니라 링크만 복사가 된 파일이였다.



그래도 혹시 몰라 포토샵으로 열어봤더니 일단 열리긴 열렸다.

하지만 편집이 안되었다.

'아~~ 포토샵 기능도 잘 모르는데......'

일러스트로 열어보니 편집을 할 수는 있는 것 같았는데 내가 일러스트를 사용할 줄 모른다. ㅜㅜ



그래도 포토샵에서 뭔가 방법이 있을거야라는 마음으로 이것저것 막 찾다보니 위와 같이 'PNG로 내보내기'가 있었다.

'어라? png로 내보내면 이미지 파일로 바뀌지 않을까?' 

png파일을 편집한 후 저장할 때 gif 파일로 변경하면 될 것 같았다.

그래서 png 파일로 내보내기를 했다.



위 캡쳐와 같이 카테고리 png 파일이 생성되었다.

카테고리 png 파일을 포토샵으로 열어서 편집을 시도해보니 내 예상이 맞았다. 편집이 되는 것이였다.

이제는 적절한 이미지를 찾아서 넣으면 된다.



구글에서 '수정후 재사용 가능' 이라는 항목으로 검색한 이미지 중 마음에 드는 것을 선택했다.

(꼭 '수정후 재사용 가능'으로 선택해야 저작권 문제등에서 그나마 안전하다)



그리고 포토샵으로 편집.

글자를 조금 뒤로 이동하고 다운로드 받은 이미지 크기를 줄인 다음, 블로그 스킨 사이즈에 맞게 배치했다.



그리고 'category.gif'로 pc에 저장.(위 오른쪽 이미지임)



다시 html 편집 -> 업로드 창을 열고 화면 아래 '추가' 버튼을 눌러 편집한 category.gif 이미지를 업로드 하였다.

그리고 화면 오른쪽 상단의 '저장'을 클릭하며 마무리.



그랬더니 짠~ 카테고리 아이콘이 폴더 이미지에서 카메라 이미지로 변신했다.

뿌듯하다.

포토샵을 조금만 할 줄 알아도 할 수 있을 만큼 쉬웠다.



블로그 메인 화면(위)

노란색의 촌스럽던 카테고리 폴더 이미지가 컬러풀한 카메라 이미지로 교체되니 블로그가 좀 더 세련된??? 느낌이다. ^^;;;


처음 해보는 것이여서 조금 헤매긴 했지만 뭔가 방법이 있을 거라며 이것저것 시도 해본 끝에 얻은 결과여서 만족스럽다.

마음에 드는 이미지를 찾는 시간이 조금 오래 걸려서 그렇지 생각했던 것보단 쉽게 이미지를 교체 할 수 있었다.


이 여세를 몰아 다른 촌스러운 아이콘들도 하나씩 교체 할 생각이다.

이상하게 나이가 들수록 재밌는 것이 참 많아지고 있다^^.

댓글을 달아 주세요