메뉴 건너뛰기

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
1388 [MN] 이미지 X-ray효과내기 [7] mewnew 2002.09.10 237
1387 3D SHEET 만들기 [5] file 카라 2002.02.21 536
1386 구름만들기; [27] Nㆍzna 2002.02.21 757
1385 햇볕이 비추는듯한....음...태양의 코로나 같은 효과...^^ [24] file 천민수 2002.02.21 980
1384 네모난 사진 동그랗게 만들기 강의입니다. [6] file 이형진 2003.10.09 987
1383 [PHOTOSHOP]금속성 문자 만들기 [6] file (_*_) 2002.02.21 1073
1382 포토샵강좌 - 별만들기 [1] file IamAndy 2007.07.11 1373
1381 바느질한 느낌의 로고디자인 file wwolf 2008.09.21 1780
1380 [photoshop_6.0 기초강좌-10]_홑 열 선택 툴 활용하기 file rosun 2005.08.06 1797
1379 [photoshop_6.0 기초강좌-11]_홑 행 선택 툴 활용하기 file rosun 2005.08.06 1820
1378 Crazytalk PRO 5 기본 얼굴 필터 윤선미320 2008.09.01 1825
1377 [photoshop_6.0 기초강좌-06]_정사각형 영역 및 전체영역 선택하기 file rosun 2005.08.06 1863
1376 Color Settings 의 RGB setup 창을 여시면... file 이용현 2002.07.17 1866
1375 [photoshop_6.0 기초강좌-08]_옵션 설정하여 선택하기 file rosun 2005.08.06 1888
1374 [photoshop_6.0 기초강좌-07]_원형 선택 영역 지정하기 및 선택영역 뒤집기 file rosun 2005.08.06 1897
1373 [photoshop_6.0 기초강좌-17]_페인팅 툴 활용하기(에어 브러시 툴) file rosun 2005.08.07 1927
1372 [photoshop_6.0 기초강좌-12]_올가미 툴 활용하기 [1] file rosun 2005.08.06 2073
1371 (포토샵 처음 사용하시는 분들을 위한) 2. 이미지 불러오기 [5] 예인 2002.11.01 2095
1370 [photoshop_6.0 기초강좌-01]_구성과 기능들 [3] file rosun 2005.08.06 2134
1369 [photoshop_6.0 기초강좌-13]_다각형 올가미 툴 활용하기 file rosun 2005.08.06 2135