포토샵 ] 밋밋한 문자로 된 블로그 이름을 엣지 있는 로고 이미지로 변경하는 법, 아래 보이는 그림 처럼 블로그 이름(제목이)이 문자(텍스트)로 즐거운하루블로그 라고 되어 있습니다. 사실 방문하는 블로그 방분객은 잘 안보는 부분이기 도 하죠

블로그 포스팅 된 내용만 보기 때문에 하지만 왠지 제가 볼때는 멋도 없고 밋밋하니 무언가가 허전하고 2009년 12월을 달리는 11일 금요일 겨울에 할걸도 없고 요즈음 블로그를 조금씩 꾸미도 있습니다

사실 그래서 밋밋하게 된 문자로 된 블로그 이름을 엣지(?)있게 문자가 아닌 이미지로 변경 하려고 합니다



사실 이 포스팅을 쓸때면 문자가 아닌 로고 이미로 되어 있을것 입니다 제가 미적인 감각이 없다 보니 멋은 없네요 그리고 포토샵을 잘 다루는 편이 아니다 보니 기능 몇가지만 알고 있습니다  어슬프게 만들어지만 저 스스로 만족합니다 멋져부려요  ^^;;

혹시 저 처럼 문자로 된 블로그 이름을 이미지로 변경하고 싶어 하는 분들이 있을까봐 만드는 방법을 소개해드립니다 만드는 방법은 아주 간단합니다.

포토샵만 있으면 됩니다 버전은 상관없습니다 (제가 가지고 있는것이 포토샵 7.0이라 아무래도 포토샵 7.0 화면으로 설명이 됩니다  )


적당한 크기로 설정합니다 그리고 Contents 에서 Transparent (투명)를 선택합니다
Transparent 선택한 이유는 로그 이미지를  투명으로 만들어야지 블로그의 배경화면과 겹치지 않고 자연스럽게 되기 때문에 입니다 


메뉴에서 T를 클릭해서 운영하는 블로그 이름 입력합니다  참고로 전 각각 의 글씨 모양을 주기 위해서 글씨 마다 레이어를 사용했습니다  그리고 거운하루 모양이 특이하죠 1번은 레이어 추가하는 방법 소개후 모양을 주는 방법을 소개하게 습니다.

레이어를 사용하는 방법 아래 그림으로 올려 놓았습니다  빨강 색으로 표시된 곳을 클릭하시면 레이어가 추가 됩니다.


거운하루 모양 1번 주는 방법은  글씨 입력하기 위해서  메뉴 T를 선택하게 되면 상단에 아래 와 같은 모양이 생깁니다  아래 그림 처럼 빨강색으로 표시한것을 클릭하게 되면 여러가지 형태의 모양이 생깁니다 클릭으로 글씨 모양을 변화을 준 후에 선택하면 되겠습니다


즐 글씨는 은 그림자 효과를 준것입니다  그림자 효과를 주는 방법은 Layer -> Layer Style -> Blending Option을 선택해서 조절 하시면  됩니다


위와 같은 기능으로 블로그 이미지 로고를 멋지게 만들수 있습니다 멋지게 만들어보세요

아래 그림은 위 기능으로 완성한 것입니다


제가 위에서 언급 했었는데요  각각 글씨마다 레이어를 사용해서 작성하는것을 그럼 레이어를  
합쳐야 겠죠  Layer -> Merge Visible 해서 작성한 이미지를 합치면 됩니다

블로그 이미지를 다 많들었으니깐  저장을 해야죠 저장은  Save for Web 으로 저장 하실때는  확장자는 GIF로 저장 하시면 됩니다 저는 glife.gif 로 저장하겠습니다

포토샵으로 열심히 만든 블로그 이미지를 운영하고 있는 블로그에 적용 해봐야겠죠

먼저 티스토리 관리자에서 스킨==>HTML/CSS 편집 ==>파일업로드를 선택해서  방금전에 만든 이미지를 업로드 합니다


참고로 언로드 이미지 주소는 ./images/glife.gif 입니다

이미지 업로드 후 HTML/CSS 편집을 클릭해서



〈h1〉〈 a href="[ ##_blog_link_##] " 〉 [##_title_## ] 〈/a〉 〈/h1〉
찾습니다

아래 그림 처럼 변경해주시면 됩니다



〈h1〉〈 a href="[ ##_blog_link_##] " 〉〈img src="./images/glife.gif" / 〉〈/a〉 〈/h1〉


정리하자면 【[##_title_## ]==> 〈img src="./images/glife.gif" / 〉
】이렇게 변경해주시면 됩니다

저장하기 전 미리 보기를 클릭해서 괜찮은지 확인 후에 저장하시면 됩니다

아래 그림은 제가 만든 블로그 로고 이미지를 적용한것 입니다. 괜찮나요??!!


설명이 길었죠 사실 만들어 보면 쉬어요 저도 포토샵 초보자입니다 쉽게 설명하려고 했는데 잘모르겠네요  여러분도 멋진 블로그 로고를 만들어서 블로그를 꾸며보세요

끝으로 제 블로그 글이 불펌 당하는것이 싫어서 잘 못다루는 포토샾으로 불펌 금지 배너를 만들어봐습니다 불펌 금지 배너 만드는것을 포스팅을 해 놓았는데요 관심 있으신 분들은 읽어보시면 도움이 될것 같네요 포토샵으로 불펌금지 배너 만들기

[최초 작성 2009/12/11] [수정2009/12/11 기존 문서 삭제 내용 수정후 재 발행]