태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

아이레네의 뜰

공지 사항

[티스토리 꾸미기] 링크용 배너 만들기

블로그/컴퓨터 꾸미기 2009.04.19 00:28 by Eijrhnh

티스토리 링크용 배너 만드는 방법을 정리해 봤어요。


저희 티스토리 이웃인 "코리안박님의 세상읽기" 링크용 배너를 만드는 과정인데 참고해 보세요。

(포토샵 기준이에요…^-^)

① 우선 배너를 만들 이미지를 준비하세요。 (이미지 없이 만들어도 상관 없어요…^-^)


전 인터넷 검색에서 코리안박님이 배너에 쓰신 이미지를 구했어요。




② 배너에 쓸 문구(텍스트)를 준비하세요。

파일 메뉴에서 신규 (단축키 콘트롤키+O)를 선택하고 신규창이 팝업되면、


적당한 크기(폭、높이)를 입력한 후에 엔터키를 치거나 확인을 누르면 돼요。




그 다음 도구에서 (아래 화면에서 왼쪽 직사각형 모양으로 생긴것)

문자 도구(영어 "T"자 메뉴를 클릭)를 선택하고、

작업창을 클릭해 적당한 글을 써 넣으면 돼요、간단하죠…^-^




③ 배너를 만들 작업창('배너 틀'로 부를께요)을 만드세요。

(위에서 아예 "배너 틀"을 만들고 텍스트를 쓰셔도 무관해요)


저는 몇일전 만들어둔 제 티스토리 배너를 꺼내 크기를 같게 해서 틀을 짰어요。


Windy sky 스킨 사이드바 배너의 크기는 폭 180픽셀 정도가 적당하더라고요、

그래서 최종적으로 배너를 저장할 때는 180픽셀로 만드셔야 해요。


하지만 작업할때는 편집하기 편해야 하니까 조금 큰 크기로 작업창을 만들어 작업하는게 숴워요…^-^
※ 전 폭 320、높이 110정도로 작업했어요。

준비해둔 배너용 이미지를 곱게 단장해주고、
(아래 그림 왼쪽 큰 그림 : 이미지를 편집하는건 각자 다 다르니까요、알아서…^-^)


이미지를 복사해 배너틀에 들어가기 적당한 크기로 줄여 아래 그림처럼 배너틀에 붙여 넣어주세요。


편집한 그림을 그대로 줄여(이미지 메뉴→이미지 크기에서 폭 넓이를 줄이시면 됩니다) 붙여 넣거나、

실수할 경우를 대비해 복사한 후 새 작업창을 열어 붙여넣고、

새 작업창에서 이미지를 줄여 붙여 넣으셔도 돼요…^-^


※ 이미지 복사하기는 레이어(오른쪽 제일 아래 반전된 칸들이 있는 부분)에서

복사할 그림(이미지 레이어)이 선택된 상태에서 "
컨트롤키+C"를 누르세요。



④ (②)번에서 만들어둔 글씨 (텍스트 레이어) 를 선택하고、

※ 글씨를 써둔 작업창을 마우스로 클릭하고 레이어 중에서

"
T자 그림"이 있는 글씨칸을 (레이어) 선택 하세요…^-^




도구 막대에서 이동 메뉴를 누르고 "배너틀" 작업창으로 드래그 하면 "배너틀'에 글씨가 생겨요…^-^

(아래 그림 노란 화살표)

위치를 요리조리 움직여봐서 적당한 자리에 글씨가 자리를 잡게 해주세요。



⑤ 이제 마무리 단계에요。

글씨와 그림이 적당한 곳에 위치했으면 파일 메뉴에서 웹용으로 저장을 눌러보세요。

(단축키는 콘트롤+쉬프트+알트+S)


그럼 아래 그림처럼 나오는데 마음에 들면 엔터를 누르거나 저장을 눌러 저장하시면 된답니다。




이것이 원본 파일이 되고요、

티스토리에 적용하려면 자기 스킨에 맞는 사이즈로 이미지 크기를 줄여 저장하세요。


※ "따로 저장 (콘트롤+쉬프트+S) "을 눌러 .psd 파일로 저장해두면 나중에 편집할때 더 쉬워요…^-^




보기 좋게 해주려면 스타일에서 "경사와 엠보스"를 주거나

"그림자"를 넣어주어도 되는데 말이에요、
전 그림자를 넣었어요。

그림자를 주려면、우선 캔버스 크기를 그림자 크기 정도로 늘려주세요。



레이어에서(오른쪽 아래) 배너 그림이 있는 레이어를 선택한 후

마우스를 더블 클릭해 "
레이어 스타일" 메뉴를 띄우세요。

"레이어 스타일" 메뉴에서 "그림자 효과"를 선택해 그림자의 크기와 거리、

그림자 색상을 지정해주고 승인을 누르면 그림자가 생긴답니다…^-^




완성된 코리안박님의 티스토리 블로그 배너에요…^-^



요건 windy sky 스킨에 맞춰 크기를 줄인 사이드바용 배너。(이미지 크기만 줄여서 저장하셔도 된답니다)



windy sky 스킨 사이드바에 맞춰 완성한 코리안박님 티스토리 배너…^-^



그런데 웹서핑을 하다 보면 링크용 배너를 올려두신 분들이 계세요。

이런 분들의 배너는 이미지를 다른 이름으로 저장해서 자기 블로그등에 올려두고 링크를 걸거나、


사이드바 크기에 맞춰 이미지를 줄여 링크를 걸면 된답니다。


아래 그림은 제가 좋아하는 池澤春菜(이케자와 하루나)님의 블로그에 있는 링크용 배너。

※ 다음달 말에 미니 앨범『光の花(빛의 꽃다발)』이 발매된다고 하네요…^0^








● 이제 배너를 티스토리 사이드바에 올려두는 방법을 알려드릴께요…^-^

완성한 배너를 티스토리 블로그에 포스트를 하나 써서 올려두고、

포스트에 있는 배너용 그림에 마우스 오른쪽 버튼을 눌러 속성을 눌러보세요。


속성을 누르면 나오는 정보중에 "주소(URL)"를 복사하세요。


그리고 티스토리 내블로그 "관리" → "스킨메뉴" 에서 "사이드바 설정"를 눌러주세요。

"사이드바 설정"을 누른 후 아래 있는 "사용 가능한 사이드바"에서 "HTML 배너출력"을 드래그해서

위에 있는 "사용중인 사이드바"에 적당한 곳으로 끌어 놓아 자리를 잡게 하세요。


그리고 금방 자리 잡아준  "HTML 배너출력"에 있는 "편집" 단추를 눌러 링크할 사이트 주소와

아까 복사해둔 배너 이미지의 주소를 링크 태그를 사용해 적어 넣으면 됩니다…^-^




● 새창에서 링크가 열리는 태그를 쓸 경우 아래와 같이 쓰시면 됩니다。




화면에 실제로 출력되는 배너를 보고 정렬이나 줄띄우기、폰트 속성 태그를 추가하셔도 된답니다…^-^
(아래 그림 참고하세요)



위의 링크 태그를 텍스트로 첨부해 놓을께요. 붉은 글씨 부분을 지우고 고쳐 쓰세요…^-^



그럼 아래 그림처럼 배너 링크 태그를 적어 넣고 "확인"을 누르고、

화면 아래 중앙의 "저장"을 누르면 사이드바에 배너가 표시돼요。

배너 위치가 마음에 안 들면 다시 "사이드바" 메뉴로 들어와서 자리를 옮겨 보세요…^-^




티스토리 블로그에 배너를 넣은 모습이에요…^-^



티스토리 Black Gum님의 블로그와 제 블로그 링크용 배너 압축파일




티스토리 코리안박님의 블로그와 제 블로그 링크용 배너 압축파일…^-^



[일본] 행복을 싣고 달리는 즐거운 크리스마스 기차…^-^

해마다 연말이면 찾아오는 즐겁고 기쁜 크리스마스 시즌이 돌아왔어요…*^0^* 정말 기쁘게도 이번 크리스마스는 화이트 크리스마스가 예상된다는 모양이고 말이에요…^-^ 그런데 올해는 경기 침체다 뭐다해서 사람들의 심리가 침울하다는..

[모바일] 구글의 3G 휴대폰『넥서스 원』1월 5일 발매?

휴대폰 시장이 내년에는 더 달아오를 모양이에요。 모토롤라나 삼성、LG 등과 제휴설이 나돌던 구글의『구글폰 (가칭)』이 결국 독자 생산의 길을 걷게될 것 같으니 말이에요。 단순히 전화를 걸고 받는 휴대용 전화였던 휴대전화가 ..

[이벤트] 꽤 냐한 경품 응모 이벤트 안내해 드릴께요…^-^

새 포스트를 쓰다가 냐해버리고 말았어요…^-^ 몸살 기운이 있어서 아직 몸을 추스리기가 냐한 것 같아요。 새로 쓰던 포스트에 추가하려고 했던 이벤트 안내를 우선 여기 링크해 둘께요…^-^ 어떤 이벤트냐면 말이에요… 참하고 착..

[모바일] 우리나라 KTF의 아이폰 정말 비싼걸까나?

요즘 우리나라에 뒤늦게 출시된『아이폰』덕분에 『아이폰 돌풍』이니『아이폰 혁명』이니 하는 말이 유행인 것 같아요。 저도 큰 기대를 하고 있어서 관심이 많았고 말이에요…^-^ 『아이폰』에 대해 잘 아시는 분들이 많이 계시겠지만、..

[나눔] 누구나 참여할 수 있는 연탄 나눔 행사에 동참해 보세요…^-^

누구나 부담 없이 댓글만 남기면 이웃 돕기 나눔에 참여할 수 있는 착한 나눔 행사를 소개해 드릴려고 해요…^-^ 추운 겨울이 되면 주위에 도움이 필요한 분들을 돕고자 착한 나눔을 실천하시는 분들이 더 많아지시는 것 같아요…^..

[IT] 『애니모드』의 USB 멀티 충전기「ACH-C200」

휴대폰이나 PMP、PSP 같은 휴대용 기기 충전할때 좋은 제품이 나왔어요…^-^ 집에서 휴대폰이나 PSP、아이팟 등을 충전하려고 하면 멀티탭에 문어발식으로 꽂을 수 밖에 없는 경우가 많은 것 같아요。 이것、저것 전원 컨센트에..

[일본] 녹아내린 초코릿폰? 스위트가 선정한 연말 선물 추천 베스트

해마다 연말이 다가 오면 크리스마스 준비와 연하장、선물 준비로 무척 들뜨게 되는 것 같아요…^-^ 일본 잡지『스위트』에서 올해 연말 선물로 추천하는 큐트 아이템들 중 첫 손에 뽑힌 것이… 『NTT 토코모』에서 특별한 연말 선..

[일본] 아키하바라의 이색 카페 [NewType] 리뉴얼 오픈~☆

주간 뉴스 서머리 메일들을 훑어 보다가 냐한 기사를 보게 되었어요…^-^ 아키바의 한 카페가 12월 초에 이전해서 리뉴얼 재개장 한다는 기사였는데 말이에요… 이전 개장하는 리뉴얼 카페의 이름은 알만한 분들은 다 알고 있는(?..

[일본] 현대 자동차의 일본 시장 GG 선언

어느 정도 예견되어 왔던 일이지만 결국 현대 자동차가 일본에서 철수한다는 공식 발표를 했다는 모양이에요。 일본은 중국과 미국에 이어 3번째로 큰 내수시장을 가진 나라이지만、 해마다 판매되는 자동차 중 일본 국산차의 쉐어 (점..

1 ··· 50 51 52 53 54 55 56 57 58 ··· 63 
BLOG main image
아이레네의 뜰

by Eijrhnh

恋花ネット

카테고리

아뜨리에 (63)
만화경(カレ―ドスコ.. (40)
블로그/컴퓨터 꾸미기 (12)
[냥이] 야미&붕붕 등 (10)



池澤春菜님 블로그



















Black Gum님의
새까만 Tistory


드자이너김군님의
생각하는 노리터


Bye bye bye님의
Tistory


니가사님의
아마추어 부랑자 니가사


포켓애기님의
쪼거루속 평범한 포켓애기


코리안블로거님의
Information Factory


코리안박님의
코리안박의 세상읽기


ZET님의
블로거팁 닷컴




믹시

free counters




tistory!get rss Tistory Tistory 가입하기!