메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

깔끔하고 이뻐서 사용하기 좋던데 우리도 배워보자구요.
여러 방법이 있는데 저는 패스툴을 이용한 방법을 해보겠습니다.

우선 이미지 불러옵니다.

r1.gif

그담 그림자 효과를 이미지 주위에 주기 위해선 이미지를 더 늘려줘야겠죠?
Image->Canvas Size하셔서 Relative체크하시고 단위는 픽셀로 설정하신뒤 가로세로 각각 20픽셀씩 늘려주세요.

r2.gif

그리고 레이어창에서 백그라운드를 카피해주세요.

그담 전체선택(Ctrl+A)하시고 Edit->Stroke하셔서 테두리를 주세요.(Location은 inside로)

r3.gif

또다시 Image->Canvas Size하셔서 이번엔 50픽셀씩 늘려주세요.


r4.gif

그다음 과정부터 조금 복잡할수 있으니 잘 보세요.
레이어창에서 카피한 백그라운드를 Ctrl키를 누른채 클릭하면 영역설정이 됩니다.
작업의 편의를 위해서 카피백그라운드 눈을 꺼주세요.

그담 패스팔레트를 선택하셔서 패스생성버튼(아래 버튼들 중 오른쪽에서 세번째 버튼)을 눌러주시면 이미지파일에서 영역범위가 패스화됩니다.

r5.gif

그담 툴바에서 패스선택툴r6.gif로 이미지 안의 영역패스부분을 클릭하여 활성화시킵니다.

r7.gif

그담 펜툴
r8.gif을 선택하셔서 영역의 중앙부분을 클릭하여 정점(앵커포인트)을 추가합니다.

r9.gif

추가하셨으면 패스직접툴
r10.gif을 선택해주세요. (패스선택툴과 다른겁니다. 패스선택툴을 3초간 꾸욱 누르고 있으면 직접툴이 나옵니다)

패스직접툴로 아까 정점 추가한곳을 선택해서 안쪽으로 밀어주세요.
(어려운 작업일수도 있습니다. 중앙 부분만 선택되게 해서 밀어주셔야 그 부분만 들어갑니다 안그럼 전체가 다 움직이니 주의해주세요)

r11.gif

안쪽으로 옮긴후에 패스팔레트 아래 버튼 중 오른쪽에서 네번째 버튼을 눌러주시면 영역이 생성됩니다.

다시 레이어창으로 돌아와서 레이어 하나를 생성하신뒤 레이어를 백그라운드와 카피백그라운드 사이에 옮겨주세요(마우스로 레이어 드래그하심됩니다)

그담 영역을 회색계열로 페인트통 부어주세요.
그담 Ctrl+T하셔서 크기를 좀 더 늘려주셔서 이미지에 맞게 맞춰주세요.
그 뒤 Filter->Blur->Gaussian Blur하셔서 수치를 3쯤 설정해주세요.

r12.gif

그런담 카피레이어 눈을 다시 켜주셔서 다시 그림자 위치 조절을 적절하게 해주시면 완성입니다.

헉헉...넘 복잡한가요?

r14.gif

이런 복잡한 방법도 직접 해보는것도 좋을겁니다.
완성된 후의 뿌듯함은 해본 분들만이 아시겠죠?^^



번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
335 포토샵 7.0 - 25. 포토샵+드림위버+제로보드의 연동 [14] 서기 2005.11.11 15985
334 [illustrator] 동영상강좌 / 삼색 태극문양 만들기 / 기초부분 [1] 다모폐인 2005.11.15 5920
333 배경을 깨끗 하게 자르는 또다른 방법~! [16] KantRa 2005.11.18 12737
332 좌우로 열리는 알림판 [9] file 아킨도 2005.11.18 9815
331 이미지혹은 글자에 그림자 넣어주기 [9] KantRa 2005.11.18 9770
330 *포토샵으로 간단한 글씨효과 나타내기 [펌] [2] 민개 2005.12.11 11266
329 간단한 복제하기. [1] 김동현 2005.12.12 5957
328 연필로 그린듯한 효과 [5] file 야호 2005.12.25 13570
327 필름과 같은 효과만들기; file 혀니ⓥ 2005.12.27 17559
326 자막처럼 흐르는 배너만들기; [4] file 혀니ⓥ 2005.12.28 17316
325 [ 나모웹에디터FX 웹 캔버스 ] 웹캔버스로 디자인하기 … ① [4] file 전세웅 2006.01.06 6221
324 Zboard_Pain#1. 첫강좌 - 간단하게 심플한 버튼 만들기 [3] file Zboard_Pain 2006.01.12 9196
323 이천일님처럼 제 부족한점 평가좀해주세요 T^T 부탁드려요~ [6] file 호신 2006.01.16 5090
322 [동영상강좌]로그인 스킨 적용법 에관한 강좌 [3] 조한철 2006.01.19 2491
321 [동영상강좌]최근개시물 적용방법 [2] 조한철 2006.01.19 2601
320 포토삽 7.0 초간편 홈페이지 만들기 [1] 이재희 2006.01.22 10080
319 아이프레임홈제작강의)) 01 . 기본디자인 구성하기 〃샤르프〃 2006.01.24 4389
318 아이프레임홈제작강의)) 02 . Main.html 파일 수정해보기 [7] 〃샤르프〃 2006.01.24 6311
317 포토샵 7.0 - 문자 , 그림뒤에 네온효과 만들기, [2] file 한솔v 2006.01.25 12637
316 컬러 와/배색/보색/대비색 등의 웹에필요한색채조율 [수정] [2] piasol 2006.01.26 6795