웹디자인 강의
Paintshop 서브메뉴 만들고 투명처리하기
2002.07.22 05:50
이번 강좌는 드림위버의 "마우스 오버시 나타나는 메뉴만들기"를 위한 것이기도 하지요
또한 페인트샵의 기초강좌도 될수 있고요 ~ 그럼 바로 시작하겠습니다.~~
처음부터 새문서를 열때 투명으로 처리해서 나중에 png로 저장하면 투명처리 되지만 gif 같은걸로 저장을 하게되면 안되는 걸로 알고 있어요~
그렇기 때문에 여기서는 gif 의 이미지를 투명처리하는 방법에 대해서 알아보겠습니다.
1. 100 x 180 의 새문서를 하나 엽니다(File > New ) (fig_01)
2.새로운 레이어를 하나 만들고 도형툴을 이용해서 툴옵션과 색상을 다음과 같이 해봅니다.(fig_02,03,04)
3.그리고 레이어를 선택된 상태로 Effect > Geometric Effects > Page Curl 를 선택하세요 (fig_05)
4.page curl 설정창설명 (fig_06)
1번은 마우스로 x,y축을 움직이면 자신이 원하는 만큼 접히는 범위를 넓힐수 있다.
2번은 페이지를 접었을때 백그라운드의 색상이다.
3번은 페이지 접힘의 방향을 지정할수 있다.
4번은 접히는 정도를 조절할수 있다. 숫자가 클수록 길게 접고 숫자가 적으면 좁게 접는다.
5.설정이 끝나면 다음과 같이 만들어 진다. 여기서는 텍스틑 집어 넣지 않고 바로 투명처리로 넘어갑니다.(fig_07)
6. 투명처리를 위해서는 Color > Set Palette Transparency 를 선택해준다. 또는 shift + ctrl + V 를 선택한다. (fig_08)
7.그럼 칼라를 줄이는 작업창이 먼저 뜬다. 여기서 websafe로 하면 파일용량이 줄어들지만 다양한 색깔을 백그라운드 하기 힘들다. 그래서 다음과 같이 해준다. (fig_09)
8.이제 투명으로 만들어줄 부분에 대한 색상을 정하는 부분이다. (fig_10,11)
"set the transparency value to the current background color" : 이부분을 선택할시에는 그 전에 색상팔레트 부분의 백그라운드를 자신이 원하는 색상으로 지정하면 바로 이색으로 투명을 지정할수 있다.
"set the transparency value to palette entry" : 를 선택하게 되면 팔레트에서 자신이 원하는 색상을 찾아주면 된다. 기본적으로 흰색은 지정되어 있기때문에 찾아서 클릭해주면 된다.
여기서는 아래의 경우를 예로 들어 설명하겠다.
9.자 완성이 되면 변화가 없을것이다 변한것을 페인트샵에서 직접보기 위해서는 shift + V 를 누르면 확인할수 있다.(fig_12)
10.이 메뉴를 다양하게 색상을 바꾸는 방법은 페인트샵 강좌중 "디카로 색보정하기에 보시면 나옵니다" 참고하세요~
메뉴 완성작들입니다.
또한 페인트샵의 기초강좌도 될수 있고요 ~ 그럼 바로 시작하겠습니다.~~
처음부터 새문서를 열때 투명으로 처리해서 나중에 png로 저장하면 투명처리 되지만 gif 같은걸로 저장을 하게되면 안되는 걸로 알고 있어요~
그렇기 때문에 여기서는 gif 의 이미지를 투명처리하는 방법에 대해서 알아보겠습니다.
1. 100 x 180 의 새문서를 하나 엽니다(File > New ) (fig_01)
2.새로운 레이어를 하나 만들고 도형툴을 이용해서 툴옵션과 색상을 다음과 같이 해봅니다.(fig_02,03,04)
3.그리고 레이어를 선택된 상태로 Effect > Geometric Effects > Page Curl 를 선택하세요 (fig_05)
4.page curl 설정창설명 (fig_06)
1번은 마우스로 x,y축을 움직이면 자신이 원하는 만큼 접히는 범위를 넓힐수 있다.
2번은 페이지를 접었을때 백그라운드의 색상이다.
3번은 페이지 접힘의 방향을 지정할수 있다.
4번은 접히는 정도를 조절할수 있다. 숫자가 클수록 길게 접고 숫자가 적으면 좁게 접는다.
5.설정이 끝나면 다음과 같이 만들어 진다. 여기서는 텍스틑 집어 넣지 않고 바로 투명처리로 넘어갑니다.(fig_07)
6. 투명처리를 위해서는 Color > Set Palette Transparency 를 선택해준다. 또는 shift + ctrl + V 를 선택한다. (fig_08)
7.그럼 칼라를 줄이는 작업창이 먼저 뜬다. 여기서 websafe로 하면 파일용량이 줄어들지만 다양한 색깔을 백그라운드 하기 힘들다. 그래서 다음과 같이 해준다. (fig_09)
8.이제 투명으로 만들어줄 부분에 대한 색상을 정하는 부분이다. (fig_10,11)
"set the transparency value to the current background color" : 이부분을 선택할시에는 그 전에 색상팔레트 부분의 백그라운드를 자신이 원하는 색상으로 지정하면 바로 이색으로 투명을 지정할수 있다.
"set the transparency value to palette entry" : 를 선택하게 되면 팔레트에서 자신이 원하는 색상을 찾아주면 된다. 기본적으로 흰색은 지정되어 있기때문에 찾아서 클릭해주면 된다.
여기서는 아래의 경우를 예로 들어 설명하겠다.
9.자 완성이 되면 변화가 없을것이다 변한것을 페인트샵에서 직접보기 위해서는 shift + V 를 누르면 확인할수 있다.(fig_12)
10.이 메뉴를 다양하게 색상을 바꾸는 방법은 페인트샵 강좌중 "디카로 색보정하기에 보시면 나옵니다" 참고하세요~
메뉴 완성작들입니다.
댓글 18
-
김치훈
2002.07.22 08:45
헉.. 즨짜르 이쁘답..ㅡㅡ;; -
조성민
2002.07.22 09:37
김치훈// 추천사이트 - http://www.idoo.net/broke.php?t=about -
{동준짱}
2002.07.22 12:04
^^ 외계어~~^^ ~~ -
SaRa'S
2002.07.22 17:53
헛....그림이 다꺠져요...ㅜ.ㅜ 확인좀 해주세요.. -
쿠키소다
2002.07.22 18:43
깨진당~ -
라비
2002.07.22 20:18
굿; -
오우
2002.07.22 23:20
허허 이럴수가.. 멋지다. -
{동준짱}
2002.07.23 03:05
오호..전 기초강좌로 할려구 간단하게 만든건데 사실 다른 강좌하시는 분들이 넘 잘하셔서 올리기 부끄러웠는데.. 고마워요~~ -
이강민
2002.07.23 21:21
저기다가 압정 꼽는거까지 합하면...+_+ -
조원석
2002.07.24 20:47
우와 이쁘다..ㅠㅠ
이걸 포토샾에서는 만들수 없나요 ? -
JazzCaffe。
2002.07.25 13:24
조원석 / 저는 포토샾에서도 만들수있을거라고 상상을 합니다. ^-^
그러나 다양한 툴을 접해보는것도 좋은 경험일꺼같아요. 좋은 하루 되세요. -
REalMind
2002.07.28 21:11
솔직히....솔직히.....솔직히.....이쁘다; -
{동준짱}
2002.08.12 05:52
에궁 감사합니다..전 별거 아니라고 생각했는데 이런 효과를 좋아하시는 분들이 많네요.. -
임준성
2002.08.25 11:51
멋있군......................... -
이경근
2002.08.25 14:27
앗 지금 따라 만들어야쥐 @.@ 이뿌답 -
ⓢky가조아^^*
2002.12.08 13:52
<div style="border:1px dotted=black;">ㅇㅇ -
wony
2003.01.14 14:29
<div style="border:1px dotted black;"> 얼레 </div> -
wony
2003.01.14 14:29
<div style="border:1px dotted=black;"> 얼레 </div>