웹마스터 팁
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)