메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

시작하기 앞서서

중복이면 대략 낭패 ㅡ.ㅡ

미흡하지만 삼가단어는 제발 난입 하지 않았으면 하는 바램입니다.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

1. 명확하게 하기 위해서 나중에 보여 줘야 할부분의 화면의 크기를 정한다

Ex) 150px X 100px

1.gif

2. Ctrl + N 을 사이즈를 150 x 100으로 한 후 새화면을 불러낸후
새화면 에서 Ctrl + A를 눌러 전체 선택 한 뒤
Edit - Stroke 에 들어가서 사이즈를 1로 해서 외각선을 그어 준다

2.gif

3. 이미지를 반투명으로 저장해서 Save for Web 외각선만 나오게 한다

3.gif

4. 실제로 홈페이지 화면에 외각만 있는 화면을 집어 넣어 본다
메뉴를 만들자 하고자 하는 부분의 화면 캡쳐
PrintScreen Sys Rq 키를 눌러 준면 OK !

45.gif

5. 포토샵에서 Ctrl + N 해서 새화면 불러낸 후
Ctrl + V 눌러서 이전에 캡처한 화면 붙여 넣기

6. 캡처한 화면을 배경으로 한 후 메뉴를 2개 만든다.
하나는 그냥 보통 메뉴 다른 하나는 반투명이 들어간 메뉴

1.gif
2.gif

7. 이후 완성본에서 원본의 외각선과 배경을 지워준다.
복사본은 외각선과 배경을 지워주지만 배경에서 반투명이 포함된
부분은 지움 안된다 !!!(용량줄이기 신공)
(왜냐면 배경은 어짜피 홈페이지에서 보여주기 때문 또한
외각선 안지우면 대략 낭패 ㅡ.ㅡ;;)

1.gif
2.gif

8. 그러면 반투명이 들어간 롤오버 이미지 완성
이것을 통해 플레시가 보여주는 반투명 효과를 볼 수 있습니다 ^-^/
그외에도 대략 응용하면 나름대로 쓸모가...
GIF는 투명은 되는데 반투명이 안된다는 사실이 매우안타까움을 느끼면서...이만 마침니다.

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
795 플래시 기본적인 에니메이션 만들어보기. [2] file 꼬냐닷컴 2005.09.19 11651
794 [웹디황용] 청바지느낌그대로 ~~ 4 [마지막] file 웹디황용 2006.08.03 11654
793 직물느낌의 텍스쳐 만들기. [2] file 정형준 2005.01.12 11668
792 입체적인 글자만들기 [11] file 은하수 2003.01.27 11679
791 속비치는 투명한 글씨 만들기 쉬운 버전;; [13] file Eccen 2002.10.17 11681
790 이미지 뽀사시? 표백하기!! [12] file 카라 2002.02.22 11682
» 반투명 롤오버 이미지 만들기 - [난이도下] [3] file 박효진 2004.07.21 11693
788 청(?)질감 흉내내보기 [10] file sexyboom 2004.01.21 11702
787 물흐르듯 흐르는 문자 [6] file 여어자 2003.05.06 11706
786 붓으로그린듯한느낌내기♡ [11] file 입픙체리냥♬ 2003.02.24 11709
785 [ All User? ] #04. 홈페이지 짜임새있는 레이아웃 짜기. - 2부 - [8] Nersion 2003.01.15 11712
784 일러스트 효과로 이쁜 효과내기 [3] file 포샵럽 2005.07.30 11713
783 볼록한 텍스트 간단하게 만들기 [10] file rainstormz☆ 2003.04.29 11715
782 프리젠테이션 참고 이미지 [4] 이지원 2004.06.15 11716
781 7 성형수술 2편 (눈키우기) [5] file 박진 2004.07.21 11725
780 서브메뉴 만들고 투명처리하기 [18] {동준짱} 2002.07.22 11730
779 [포토샵웍스 강좌시리즈] 홈페이지 메인디자인2 file java 2006.04.25 11733
778 [D_art] 감전된 글자.. [21] file dartjin 2002.08.10 11753
777 간단하게 스타일로 물방울, 사탕, 버튼 만들기 [16] file RedEye 2003.01.29 11759
776 [초급] 맞물려 돌아가는 Gear 만들기 - 1 file 박승제 2004.04.19 11772