웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
날씨배너입니다. [4] | LooK782 | 2007.12.03 |
실시간 날씨를 불러오는 박스 입니다.
[13]
![]() | 범피디 | 2007.12.03 |
움직이는 이모티콘 모음입니다.
[4]
![]() | 범피디 | 2007.12.04 |
"파일첨부"가 클릭이 안되시는 분 보셔요. [11] | 최강협 | 2007.12.04 |
외부페이지에서 매개변수 사용가능하도록 하는 방법 [12] | 라르게덴 | 2007.12.05 |
XE 설치 진행 후 다시 첫 화면으로 넘어갈때 [2] | longkee | 2007.12.06 |
익명게시판 - 문제가 아직 많습니다. (다시 수정)
[11]
![]() | 올챙이 | 2007.12.06 |
배경이미지 만드는 방법입니다. | 팔공산 | 2007.12.06 |
그림자 박스 만들기..
[3]
![]() | 소마세월 | 2007.12.07 |
[수정] 최근 이미지 추출에 new 이미지 등이 나타나게 하기... [5] | 비나무 | 2007.12.09 |
음악플레이기 3종세트 설치 방법(수정)
[25]
![]() | 팔공산 | 2007.12.10 |
top 메뉴를 만들어보자 - layout에서 topmenu 항목만들기
[6]
![]() | SensePlus1 | 2007.12.11 |
로그인 안되서 files 폴더 지우셨던 분들!!
[3]
![]() | 율랑 | 2007.12.11 |
권한없는 모듈을 만났을때 로그인 페이지 띄우기.. [10] | 똑디 | 2007.12.11 |
외부페이지 사용법 [8] | 길치객 | 2007.12.11 |
외부페이지에서 위젯사용하지 않고 로그인 정보 다루기. [5] [1] | 길치객 | 2007.12.12 |
페이지가 갑자기 하얀화면으로 나올경우에는 이렇게 해보십시오.
[9]
![]() | 하나로45 | 2007.12.13 |
Layout.html 화일의 SEC(순서도)도를 그려봤습니다.
[9]
![]() | SensePlus1 | 2007.12.14 |
ㅎㅎ, 이곳에도 Html 적용이 되네요.
[3]
![]() | 눈과비 | 2007.12.14 |
최근 댓글이 가장 위로 정렬 [2] | 쏘프티 | 2007.12.20 |