웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
배경이미지 만드는 방법입니다.
2007.12.06 20:22
고기를 잡아서 주는 것 보단 잡는 법을 가르쳐 드리는 것이 좋을 것 같아 몇자 적어봅니다.
고수님들이 보면 웃을지 모르겠으나 저 보다 더 초보님들을 위하여 몇자 적어니 고수님들은 양해 바랍니다.
그리고 고수님들의 더 낳은 의견도 적어주시면 감사하겠습니다. 각설하고...
먼저 PhotoScape로 이미지만들고 테두리 입히는 작업을 설명합니다.
1. 이미지 새로 만들기
![cats1vk8.jpg cats1vk8.jpg](http://img526.imageshack.us/img526/5696/cats1vk8.jpg)
![cats2om0.jpg cats2om0.jpg](http://img526.imageshack.us/img526/4251/cats2om0.jpg)
2. 테두리선택 및 크기재설정
![cats3xx5.jpg cats3xx5.jpg](http://img526.imageshack.us/img526/6789/cats3xx5.jpg)
1,2번 완료하였으면 저장버턴 클릭해서 저장
여기서 다른 이름으로 저장하면 선택할 수 있는 확장자가 4개 나옴 - jpg, png, gif, bmp
게시판 부분을 PhotoShop에서 투명하게 만들려면 png나 gif를 선택해서 저장하세요.
저장한 파일을 다시 불러서 3번 크기재조절을 한 후 다시 저장하시면 됩니다.
다음은 PhotoShop으로 게시판 부분 투명하게 만드는 작업을 설명하겠습니다.
( PhotoShop CS3 영문판기준입니다 - 다른버젼도 거의 같다고 보시면 됩니다. )
(왜? 투명하게 만들까요! 그것은 위젯설정에 있는 배경색을 사용하기 위해서입니다. 그렇게 하면 한개의 배경이미지로 게시판안의 색상은 마음대로 조절이 가능하기 때문입니다.)
![cats0tx7.jpg cats0tx7.jpg](http://img526.imageshack.us/img526/5105/cats0tx7.jpg)
1. 게시판부분 투명하게 만들기
![ps01mc0.jpg ps01mc0.jpg](http://img526.imageshack.us/img526/2760/ps01mc0.jpg)
![ps02nf4.jpg ps02nf4.jpg](http://img526.imageshack.us/img526/8805/ps02nf4.jpg)
Image의 Mode선택에서 Indexed Color...를 RGB Color로 변경합니다.
![ps03tp5.jpg ps03tp5.jpg](http://img526.imageshack.us/img526/8724/ps03tp5.jpg)
![ps04vd4.jpg ps04vd4.jpg](http://img526.imageshack.us/img526/6669/ps04vd4.jpg)
2. 저장하기
![ps05un7.jpg ps05un7.jpg](http://img526.imageshack.us/img526/7418/ps05un7.jpg)
![ps06ni1.jpg ps06ni1.jpg](http://img526.imageshack.us/img526/7103/ps06ni1.jpg)
이렇게 하면 투명게시판을 가진 배경이미지가 만들어졌습니다.
설명을 하자니 긴 것 같은데 몇번 해서 숙달 되시면 금방입니다.
![emoticon](http://jcas.co.kr/zbxe/modules/editor/components/emoticon/tpl/images/bear/1188789439_4.gif)
마지막으로 ftp로 자신의 계정에 올리면 끝
![cats5zy9.jpg cats5zy9.jpg](http://img526.imageshack.us/img526/9473/cats5zy9.jpg)
![emoticon](http://jcas.co.kr/zbxe/modules/editor/components/emoticon/tpl/images/animated/animate_emoticon%20(7).gif)
고수님들이 보면 웃을지 모르겠으나 저 보다 더 초보님들을 위하여 몇자 적어니 고수님들은 양해 바랍니다.
그리고 고수님들의 더 낳은 의견도 적어주시면 감사하겠습니다. 각설하고...
먼저 PhotoScape로 이미지만들고 테두리 입히는 작업을 설명합니다.
1. 이미지 새로 만들기
![cats1vk8.jpg cats1vk8.jpg](http://img526.imageshack.us/img526/5696/cats1vk8.jpg)
![cats2om0.jpg cats2om0.jpg](http://img526.imageshack.us/img526/4251/cats2om0.jpg)
2. 테두리선택 및 크기재설정
![cats3xx5.jpg cats3xx5.jpg](http://img526.imageshack.us/img526/6789/cats3xx5.jpg)
1,2번 완료하였으면 저장버턴 클릭해서 저장
여기서 다른 이름으로 저장하면 선택할 수 있는 확장자가 4개 나옴 - jpg, png, gif, bmp
게시판 부분을 PhotoShop에서 투명하게 만들려면 png나 gif를 선택해서 저장하세요.
저장한 파일을 다시 불러서 3번 크기재조절을 한 후 다시 저장하시면 됩니다.
다음은 PhotoShop으로 게시판 부분 투명하게 만드는 작업을 설명하겠습니다.
( PhotoShop CS3 영문판기준입니다 - 다른버젼도 거의 같다고 보시면 됩니다. )
(왜? 투명하게 만들까요! 그것은 위젯설정에 있는 배경색을 사용하기 위해서입니다. 그렇게 하면 한개의 배경이미지로 게시판안의 색상은 마음대로 조절이 가능하기 때문입니다.)
![cats0tx7.jpg cats0tx7.jpg](http://img526.imageshack.us/img526/5105/cats0tx7.jpg)
1. 게시판부분 투명하게 만들기
![ps01mc0.jpg ps01mc0.jpg](http://img526.imageshack.us/img526/2760/ps01mc0.jpg)
![ps02nf4.jpg ps02nf4.jpg](http://img526.imageshack.us/img526/8805/ps02nf4.jpg)
Image의 Mode선택에서 Indexed Color...를 RGB Color로 변경합니다.
![ps03tp5.jpg ps03tp5.jpg](http://img526.imageshack.us/img526/8724/ps03tp5.jpg)
![ps04vd4.jpg ps04vd4.jpg](http://img526.imageshack.us/img526/6669/ps04vd4.jpg)
2. 저장하기
![ps05un7.jpg ps05un7.jpg](http://img526.imageshack.us/img526/7418/ps05un7.jpg)
![ps06ni1.jpg ps06ni1.jpg](http://img526.imageshack.us/img526/7103/ps06ni1.jpg)
이렇게 하면 투명게시판을 가진 배경이미지가 만들어졌습니다.
설명을 하자니 긴 것 같은데 몇번 해서 숙달 되시면 금방입니다.
![emoticon](http://jcas.co.kr/zbxe/modules/editor/components/emoticon/tpl/images/bear/1188789439_4.gif)
마지막으로 ftp로 자신의 계정에 올리면 끝
![cats5zy9.jpg cats5zy9.jpg](http://img526.imageshack.us/img526/9473/cats5zy9.jpg)
![emoticon](http://jcas.co.kr/zbxe/modules/editor/components/emoticon/tpl/images/animated/animate_emoticon%20(7).gif)
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
탑으로 가는 버튼이 특정위치에서 나타나게 하기
![]() | 동네남자 | 2015.06.09 |
구글 웹폰트 부분으로 적용하기 | 착한동구 | 2015.06.05 |
창크기에 따라 생기고 없어지는 배너 만들기 [1] | 착한동구 | 2015.06.05 |
구글에서 제공하는 웹폰트 적용법 | 착한동구 | 2015.06.04 |
(오류x, 정보)ckeditor와 xpresseditor의 서식은 서로 다르네요. 반응형만드실 때 주의하실 필요가 있겠습니다. | 큰성565 | 2015.06.04 |
php 버전을 다운그레이드 하기 [2] | 6미리 | 2015.06.04 |
코어 1.5 모바일에서 닉네임 클릭시 팝업 메뉴안 뜰때.. | 착한악마 | 2015.06.03 |
자바스트립으로 내용을 숨겼다/보이기 | 착한동구 | 2015.06.03 |
카르마님의 외부 이미지 저장 애드온 에서 swf를 받아오기 | 불금 | 2015.06.01 |
타임라인 모듈 두개 이상 생성 및 페이지가 넘어가지 않은 문제에 관하여 | 함삐까 | 2015.06.01 |
스키마 변경 후 쿼리 오류가 발생할 때 | 신평 | 2015.06.01 |
네이버 카페 처럼 조회하고 [2] | XE모듈 | 2015.05.31 |
29일 licencexe설치시 XE마비현상 [3] | XE힘들당휴 | 2015.05.29 |
푸시알림 앱 소개 pushbullet 안드로이드와 아이폰, 데스크탑까지 되면서 공짜!! | garnecia | 2015.05.28 |
네이버맵 좌표(Lat, Lng) 검색기 | YJHOON | 2015.05.27 |
공지목록의 추출기준을 문서번호가 아니라 글순서로 변경 | sejin7940 | 2015.05.26 |
설문조사 컴퍼넌트의 종료일 관련 버그 수정 | sejin7940 | 2015.05.26 |
외부이미지 링크 + 고해상도 이미지 섬네일 생성 팁 | socialskyo | 2015.05.26 |
XE Core 안정된 버젼 좀 알려주세요.. [1] | 팔도준 | 2015.05.26 |
자바로 스크롤 구현 [1] | 착한동구 | 2015.05.25 |