예전에도 타이틀 이미지 만들기 포스팅을 했지만 단순히 포토샵으로 글자와 그림만 입력을 하는
방법이여서 이웃분에게 모든 블로그가 똑같아 보인다는 소리를듣고 좀더 다양하게 꾸미는 방법을 생각해보다가 아직도 부족하지만 아래의 내용을 추가해서 포스팅해봤습니다.


- 무료 패턴사이트를 이용한 다양한 타이틀 이미지 배경 만들기
- 글씨에 다양한 효과를 주기 ( 테두리 있는 효과, 바닥에 비치는 효과)


■ 준비물


타이틀에 들어갈 문구와 이미지를 준비하면 됩니다.  


1. 타이틀에 들어갈 문구를 생각합니다. 

- 자신의 블로그이름을 기억되기 쉽게 하기 위해 한글로 만드는것이 좋습니다.  
- 이름이 너무 짧은 경우는 뒤에 세상이야기, 세상엿보기,세상구경을 붙여주셔서 좋습니다.  

예) Tistory's newBie에서  TB를 따서...  티비의 세상구경으로 정했습니다.

2. 타이틀에 들어갈 이미지는 아이콘 파인더에서 구하시면 됩니다. [바로가기]


- 단점은 영어로 검색을 해야하지만 다양한 아이콘 이미지들이 있습니다. 
- 일부 이미지는 GPL,LGPL,CC등 저작권 이미지라 그 저작권에 맞게 사용해야합니다.
- 아이콘파인더 자세한 저작권에 따른 사용방법 [보러가기]
 
3. Life in Mono 스킨일 경우에는 상단에 검정색 선을 없애 줍니다.


Html/css편집에서 css부분에서 border-top:4px solid #5c5c5c 부분을 삭제해줍니다.  



무료 패턴사이트를 이용한 나만의 타이틀 배경 만들기

1. 아래의 사이트에 접속후 오른쪽 상단에 Login버튼을 눌러 로그인해주시면 됩니다.


무료 패턴 사이트 바로 가기 : http://www.patterncooler.com/spreadAppr/gallery.php


Register를 누른뒤 가입해도 되지만 귀찮으신분들은 아이디 : tb1234 , 암호 :1234 

2. 자신이 원하는 패턴을 선택합니다. 


3. 자신의 블로그와 어울리는 색상으로 변경해주고 크기를 입력해줍니다.


1. 패턴의 원하는 색깔로 변경해줍니다.
2. 자신의 블로그에 맞는 타이틀 이미지 크기로 지정을 해준후 3. UPDATE를 눌러줍니다.
4. 아래화살표를 누른뒤 5. PDF으로 저장을 해주시면 됩니다.


■ 타이틀 이미지 만들기   

1. 타이틀 상단에 굵은 선을 넣어주기


1. 단일행 선택도구를 선택합니다.
2. Shift키를 누르면 단일행 선택이 병합되어서 원하는 두께만큼 늘려주시면됩니다.
3. 원하는 색깔을 선택한뒤 2번 영역에 색깔을 부어 줍니다. 





2-1. 기본 글씨넣기와 그림 넣기



1. 글씨체 변경 / 2. 글씨 크기 변경 / 3.글씨효과변경 / 4.글씨색깔 변경 


2-2.
테두리있는 글씨 효과와 그림넣기

테두리있는 글씨 효과 만드는 방법 보러가기 : http://nextgoal.tistory.com/495



2-3. 바닥에 비치는 효과와 그림넣기


 바닥에 비치는 효과 만드는 방법 보러가기 : http://nextgoal.tistory.com/617



■ 후기 


 타이틀 이미지 완성후 저장은 JPG보다는 GIF로 하시는것이 홈페이지 로딩속도에 좋습니다.
다양한 패턴배경과 아이콘파인더의 아이콘, 글씨효과만으로도 다양한 타이틀 이미지 만들기는 가능한기 때문에 자신만의 개성있는 타이틀이지미 지금 한번 만들어보세요 ^^;;
앞으로 더 다양한 타이틀 이미지를 꾸밀수 있도록 추가로 포스팅하겠습니다.


신고

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. 색깔 나뭇잎 넣으신 거예요?
    이쁘네요. 블로그가 더 환해 보여요~^^

    2010.07.20 15:07 신고 [ ADDR : EDIT/ DEL : REPLY ]
  3. 알면 알수록 재밋어 지는 블로그 ㅎ
    좋은 정보 감사해요 ㅎㅎ 오픈한지 얼마안되서 .. 어떡게해야할까 고민했는데
    여기서 답을 찾고 가요^^ㅎㅎ

    2010.07.20 15:17 신고 [ ADDR : EDIT/ DEL : REPLY ]
  4. 아규규....스킨에 손 안대고 싶은데 어쩌라고요...흑..
    뭔가 환상적인 이미지를 만들어야 할려나요..또 고민되게 하시네요..아흑~

    2010.07.20 16:08 신고 [ ADDR : EDIT/ DEL : REPLY ]
  5. 이런 멋진 방법이 있네요. 그림 실력이 모자라 타이틀 제작은 생각도 못했는데 말이죠. 언제 한번 확실히 시도해서 멋진 타이트 만들어야 겠네요^^;;

    2010.07.20 16:36 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 저도 그림실력이 모자라서 고민하고 있는데..
      저같은 사람을 위해서 무료 패턴을 제공해주는사이트가 있더라구요 ^^;;

      2010.07.20 16:48 신고 [ ADDR : EDIT/ DEL ]
  6. 저에게는 좀 어려운거 같다는...ㅋㅋㅋ
    잘 배우고 갑니다.
    즐거운 일주일 보내세요.

    2010.07.20 16:39 신고 [ ADDR : EDIT/ DEL : REPLY ]
  7. 자신만의 이미지가 있으면 좋겠죠.
    시간날때 찬찬히 들여다 보게습니다
    더운 날씨 건강 유의하시구요.^^

    2010.07.20 18:25 신고 [ ADDR : EDIT/ DEL : REPLY ]
  8. 위의 타이틀이 이렇게 나온거였네요.
    한번 손을 댔다가 그냥 두고 있는데 나중에 제대로 만들어서 바꿔야겠습니다.^^;

    2010.07.20 19:36 신고 [ ADDR : EDIT/ DEL : REPLY ]
  9. 아하~^^ 항상 티비님께 들릴때 마다
    한가지씩은 꼭~ 얻어가는거 같아요^^::
    이렇게 하니 더 세련되 보이구 좋네요~
    지금 해볼려니 잘 안되지만;; 조만간 바꿔 보겠습니다ㅎ
    오늘 하루 마무리 잘하시구요~!!

    2010.07.20 20:27 신고 [ ADDR : EDIT/ DEL : REPLY ]
  10. 전 그냥 티비님이 만들어주신 메인사진으로 충분해요....
    다른거 다시 또 만들어서 스킨 변경하려니 머리 아프다는... ^^;;

    2010.07.20 21:14 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 저도 빨리 실력이 붙어서 제마음대로~ 할수만있으면
      제 블르고부터 시작해서 이웃들 스킨 다 수정해주고 싶지만
      실력이 안되네요 ㅠ

      2010.07.21 13:49 신고 [ ADDR : EDIT/ DEL ]
  11. 다음뷰에서 티비의 세상구경님을 뵈니 감회가 새롭네요^^

    2010.07.20 22:17 신고 [ ADDR : EDIT/ DEL : REPLY ]
  12. 고맙게 잘 읽었습니다.
    (저는 왜이리 초라하게 느껴지는 지......ㅎ~)

    '이용자 중심 컨텐츠' . . . . . .
    방문객이 무엇을 필요로 하는지 늘 연구하시는 듯 합니다.

    좋은 일 계속되시 길 빌어요.

    2010.07.20 22:18 신고 [ ADDR : EDIT/ DEL : REPLY ]
  13. 며칠전에 올리신 글인줄 알고 이제야 댓글 답니다..
    그림자 비치는 것 저거 분명히 본 것 같은데..하하
    어쨌거나 역시 어렵네요..ㅠㅠ
    열심히 공부 좀 해야겠습니다..
    좋은 밤 되세요~~~

    2010.07.20 23:51 신고 [ ADDR : EDIT/ DEL : REPLY ]
  14. 무료 패턴 사이트도 있군요.
    덕분에 유용한 사이트 또 하나 알게되네요^^
    날씨가 무척 덥네요...덥지만 어디서든 시원하게 보내세요^^

    2010.07.21 00:21 신고 [ ADDR : EDIT/ DEL : REPLY ]
  15. 아 GIF 파일이 JPG보다 로딩속도에 좋군요!

    혹시 포스팅내에서 사진도 마찬가지 인가요?

    2010.07.21 00:21 신고 [ ADDR : EDIT/ DEL : REPLY ]
  16. 전에는 변덕이 죽끓듯 해서 이케 저케 잘 바꾸고 그랬는뎅
    요즘엔 통 만지지 않고있네요 ㅎㅎ^^ 유용 하게 잘 사용 할게요^^

    2010.07.21 01:05 신고 [ ADDR : EDIT/ DEL : REPLY ]
  17. 바로 이거 였구나... 봐도 엄두가 안나는데요...
    스킨자체가 님과 다른걸 선택해서 어디서 부터 손을 대야할지...ㅠㅠ
    이런걸 볼때 마다 한장하겠어요,, 어떻케 할 줄몰라서리..ㅠㅠ

    2010.07.22 00:26 신고 [ ADDR : EDIT/ DEL : REPLY ]
  18. 호오~ 예전에 어디에선가 이렇게 간단한 방법으로 타이틀 이미지를 만드는 법을
    보았던 것같은데 티세님이 설명해주시고 있는 곳인가 가물가물하네요~ ^^ ㅋㅋㅋ
    저도 폴라베어뱅크 이미지가 약간 질릴때쯤에 이용해 보아야겠어요~ ㅋㅋ
    지금은 그래도 만족스럽거든요~ 이웃분들에게는 폴라베어 타이틀이 어찌 보일지 모르겠지만요 ~ ㅋㅋㅋ

    2010.07.22 20:10 신고 [ ADDR : EDIT/ DEL : REPLY ]
  19. 비밀댓글입니다

    2010.07.31 12:19 [ ADDR : EDIT/ DEL : REPLY ]
  20. 좋은 정보 잘 보고 갑니다. 블로그 만들면 자동으로 만들어지던 타이틀 텍스트를 쓰고 있다가, 오늘JPG 이미지를 하나 올렸더니, 원래 타이틀이 없어지질 않아서, 어떻게 해야되는지 몰라 티비님 블로그에서 정보를 찾다가 더 좋은 방법을 알게 되었네요...꼭 따라해 봐야 겠어요

    2011.02.16 14:02 신고 [ ADDR : EDIT/ DEL : REPLY ]
  21. 저죄송한데 한가지만 여쭤볼게요. 티비님 블로그의경우 본문만 외부배경과 독립적으로짤려있는거같은데 이렇게 바꾸려면 어떻해해야돼나요?

    2011.06.02 19:46 신고 [ ADDR : EDIT/ DEL : REPLY ]

티스토리 툴바