메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

이번 강좌는 드림위버의 "마우스 오버시 나타나는 메뉴만들기"를 위한 것이기도 하지요
또한 페인트샵의 기초강좌도 될수 있고요 ~ 그럼 바로 시작하겠습니다.~~

처음부터 새문서를 열때 투명으로 처리해서 나중에 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.이 메뉴를 다양하게 색상을 바꾸는 방법은 페인트샵 강좌중 "디카로 색보정하기에 보시면 나옵니다" 참고하세요~

메뉴 완성작들입니다.

        

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
2115 액션스크립트를 이용한 쉬운 커튼효과 만들기(수정스크립트설명) [15] 이광민 2003.01.13 16802
2114 부드럽고 심플한 느낌의 버튼만들기 by oop [14] file 양현일 2002.07.28 16797
2113 [포토샵] 펑키아쿠아 [15] file Blue™ 2003.06.26 16785
2112 누구나쉽게할수있는 패스파인더를 이용한 디테일일러스트레이션.. [11] file ColorS_HikkI 2003.04.17 16775
2111 스크롤 이미지 [7] file 여어자 2005.01.15 16756
2110 텍스트 동그랗게 쓰기 [4] file 카라 2002.02.22 16741
2109 3DSMax5.0 3D Logo 만들기(렌더링까지) [8] file tester350 2003.10.13 16701
2108 꽃잎 + 크리스탈 같은 테두리 만들기. [14] file 김미리 2003.01.01 16690
2107 [초급예제] 구름같은 느낌의 텍스트 만들기 [11] file Heal.P.XER0 2003.12.19 16687
2106 어여쁜 여자 캐릭터 만들어보기 도트 [18] file 김정호 2003.12.08 16663
2105 [Kei] Tentacle - 한국이름은 오징어다리정도-_-)? [64] Kei 2003.10.27 16663
2104 신비스런 ★ 이미지 만들기! [9] file SeNsE★ 2004.01.03 16641
2103 [초급] 깔쌈, 간단한 홈페이지용 컨텐츠 버튼 만들기 [7] file 김용호 2003.09.02 16621
2102 유리창 효과 [24] file 푸룬 2002.11.16 16610
2101 크레파스로 그린듯한 테두리 만들기 [1] file ★소프트™ 2002.04.29 16607
2100 트윈효과 멋지게 주자 ! [15] 혁명ⓥ 2002.09.08 16596
2099 얼렁뚱땅 퍼즐만들기 [9] file hoosh 2004.07.22 16589
2098 빛나는 문자 효과 ~_~(글자 아니어도 되요 ;;) [16] file Tokki™ 2003.12.08 16561
2097 GIF 애니메이션 만들기 [10] file 황남운 2004.01.05 16554
2096 e마크 만들어 보기 [22] file ZetStorm 2002.07.08 16540