메뉴 건너뛰기

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
» 반투명 롤오버 이미지 만들기 - [난이도下] [3] file 박효진 2004.07.21 11693
1027 제목없음 -_-.. [73] file (-_ㅡ*) 2004.07.09 18109
1026 포샾으로 빨려 들어 갈듯한 효과 만들기 [23] Raspberry 2004.07.04 20573
1025 렌즈 플레어로 불빛 만들기 [7] file Never 2004.07.04 11555
1024 텍스트에 거친 느낌 적용 하기 [7] file 진만군 2004.07.03 10216
1023 뽀샵에서 펜툴익히기_이뿐하트 [9] file 이지원 2004.07.01 13409
1022 광택나는 이미지 만들기 [7] file 이선미 2004.06.26 18671
1021 바람개비 애니메이션이에요^^ [22] file endless 2004.06.15 22147
1020 이쁜 버튼 맹글기 [24] 이지원 2004.06.15 28273
1019 프리젠테이션 참고 이미지 [4] 이지원 2004.06.15 11716
1018 패턴을 넣은 이미지 [15] file 이지원 2004.06.15 16820
1017 [문자디자인③]Created Work Path를 이용한 문자디자인 [15] file Smileru 2004.06.08 18035
1016 엠보스 텍스트 만들기 [20] file 오아요군 2004.05.15 18304
1015 [문자디자인②]Distort를 이용한 서 있는 글씨 만들기... [15] file Smileru 2004.05.14 23327
1014 이미지 채색하기... [11] file misTsion 2004.05.10 16197
1013 마스크를 이용한 일러스트 그리기...;; [13] file misTsion 2004.05.10 17674
1012 썩은 잎사귀 만들기 [9] file PlasmaG 2004.05.10 14225
1011 테두리가 둥근 아이프레임 홈페이지 만들기(포토샵편) [3] 로베 2004.05.10 24184
1010 이미지레디( + 포토샵 연계) 간편작업요령 요약노트 [2] 김병희 2004.05.07 14386
1009 [문자디자인①]Smudge툴을 이용한 그냥.. 문자디자인...;; [9] file Smileru 2004.05.07 14922