메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

오르의 궁시렁거림~!!

오랫만에 강좌네요 ^^
언제나 그렇듯 항상 오랫만인거 같은;;
컴터 포맷을 하는 바람에 정신이 좀 없었어요,
그리고 또 크리스마스다 모다.. 괜히 마음만 바쁘잖아요~
혹시 제 강좌 기다려주신분 계시나요? ^^ (없나요?ㅠ)

오늘은 레이어 스타일의 Bevel and Embess 기능을 응용해서 쪽지 접은 모양을 만들어봅시다.
레이어 스타일을 충분히 이해한 분들은 쉽게 따라하실 수 있을거라고 생각합니다.
응용에 응용을 더해서 메일 부재중 자동응답 이미지까지 만드실 수 있습니다.



pho_3_12_01.gif

1. 작업할 창을 열어줍니다. Ctrl + N
(Tip~!! "Ctrl + 포토샵 화면 클릭" 하셔도 됩니다)
사이즈는 만들 쪽지의 크기에 따라서 적당하게 열어주시면 됩니다.


pho_3_12_02.gif

2. 새 레이어를 하나 만들어주시고,
라쏘툴로 위의 그림처럼 선택영역을 잡아줍니다.


pho_3_12_03.gif

3. 흰색에 가까운 색을 페인트통으로 부어주세요.
흰색보다는 흰색에 가까운 회색 정도를 부어주시는 게 훨씬 이쁩니다.


pho_3_12_04.gif

4. 레이어팔레트에서 방금 작업한 레이어를 더블클릭하거나 (포토샵 7.0 기준)
메뉴에서 Layer - Layer style - Bevel and Emboss 해서 (포토샵 6.0 이하 기준)
위와 같은 창이 뜨면, Opacity 를 낮춰숴 Ok 버튼을 눌러주세요.
나머지는 기본수치대로 그대로 적용시키시면 됩니다.


pho_3_12_05.gif

5. Bevel and Emboss 를 적용시킨 모습입니다..


pho_3_12_06.gif

6. 오른쪽에도 같은 방법으로 만들어주시면 됩니다.
역시 아까처럼 라쏘툴로 모양을 만들어주시고, 색을 부어주시면 됩니다.
이 때, 아까랑 같은 레이어에서 작업을 하시면
따로 Bevel and Emboss 를 해주지 않아도 되니까 편하겠죠.


pho_3_12_07.gif

7. 여기까지도 같은 방법으로 만들어줍니다.
아래 네모난 부분 역시 라쏘툴로 적당하게 선택해서 색을 부어주시면 됩니다.


pho_3_12_08.gif

8. 이제 위에 겹쳐지는 부분을 만들어야 되는데,
위로 포개지게 만드려면 새 레이어를 하나 만들어야겠죠?
새 레이어를 하나 추가해서, 같은 방법으로 만드셔서 Bevel and Emboss 해줍니다..


pho_3_12_09.gif

9. 새 레이어를 하나 또 추가해주시고,
동그란 선택툴로 작게 선택을 해준 다음에 (크기는 대충 해주셔도 되요)
종이에 부은 색과 같은 색을 부어주시고, Stroke 를 주세요.


pho_3_12_10.gif

10. 이동툴로 쪽지의 하단부분으로 이동해주신 다음,
Ctrl + T 하셔서 하단부분에 꼭 맞게 회전시켜서 각도를 조절해주세요.
사이즈 역시 Ctrl + T 한 상태에서 가장자리 부분을 드래그해서 맞춰주시면 됩니다.


pho_3_12_11.gif

11. 방금 작업한 레이어를 하나 복사해서 반대편 종이 하단에 같은 방법으로 붙여줍니다.


pho_3_12_12.gif

12. 이제 마지막으로 조금 더 입체적으로 보이게 하는 작업을 할게요.
위의 캡쳐 화면처럼 라쏘툴로 저 삼각형 부분을 적당하게 선택해주셔서,
복사 (Ctrl +C) → 붙여넣기 (Ctrl+ V) 해주세요.
그럼 레이어팔레트에 보시면 방금 복사한 부분이 새레이어로 복사되서 붙여졌을거에요.


pho_3_12_13.gif

13. 복사해서 붙인 레이어를 더블클릭하시거나,
Layer - Layer style - Drop Shadow 하셔서 위의 캡쳐화면처럼 수치를 조절해주세요.


pho_3_12_14.gif

14. 이렇게 그림자가 생겼으면 제대로 되신게 맞습니다.
아까보다 조금 더 입체적인 느낌이 들죠? ^^


pho_3_12_00.gif

15. 이걸 응용해서 부재중 메일 이미지를 한번 만들어봤습니다.
꼭 부재중 메일 이미지를 만들필요는 없겠죠.
다른 곳에도 여러군데 응용할만한게 많이 있을겁니다 ^^






강좌에 대한 질문이 있으신 분은
저의 홈에 묻고 답하기 방에 올려주셔야 빨리 답변을 들으실 수 있습니다. ^^
여태까지의 제 강좌들을 보시려면
여기를 클릭하세요~



메리크리스마스~
항상 행복하세요
http://honey.co.ly
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1495 초보분들을 위한 문자열 그런지스타일로 만들기. [7] file hozz호찌 2003.04.14 10749
1494 금속느낌의 메뉴버튼 만들기(www.dsme.co.kr 상단좌측메뉴) [9] file 정명주 2002.07.26 10748
1493 이미지를 찢어보고, 테이프 붙이기 [6] file 어지니 2005.02.27 10741
1492 홈페이지에 필요한 메뉴바,상단그림,배너를 퍼가세요. file 이나래 2006.03.10 10737
1491 [도트]섹쉬한 이뿌니 버젼입니다 ^^;(18금) [22] 미스디쟌 2003.01.20 10734
1490 패턴을 이용해서 이미지에 타일효과주기. [12] file rombardi 2003.04.24 10730
1489 얼렁뚱땅 돌멩이 프레임 만들기 [11] file hoosh 2003.08.14 10708
1488 포토샵이라고 메트릭스 코드 못따라하냐? 쉽게 따라하자! [18] file 9000㎒ 2003.08.01 10692
1487 아쿠아버튼 만들기 file webajama 2007.04.04 10674
1486 포샵/나모로 홈피 만들기 제 3장 [4] file 태민닷컴 2005.05.02 10665
1485 [포토샵웍스 강좌시리즈] 물방울 이미지만들기 [1] file java 2006.04.25 10655
1484 너무쉽지만 이쁜:) 가우시안 보정;ㅁ; <- 너무 쉬우니 무효! [27] file 케냐씨 2003.08.16 10645
1483 옆으로 책장 넘기기-1편 [2] file 어지니 2005.03.06 10641
1482 ★유리위를 떼구루루루... 이뿐 구슬만들기 !!★ [12] file 스니커즈 2003.03.22 10639
1481 이상한 연기 만들기 [4] file Mr.Rays 2005.02.09 10635
1480 동화같은 가을 숲(밥로스) [20] file scaci 2008.01.19 10626
1479 [Swishmax] 라벨을 이용하여 메뉴 만들기 [7] file 세나맘 2004.03.09 10616
1478 No1. 곰돌이그리기 [7] file Wings 2002.03.24 10601
1477 칼로 자른듯한 그림자 텍스트 [1] file 여어자 2003.05.06 10600
1476 [MN] 포토샵에 자주쓰는 필터 효과 주기 [8] file mewnew 2003.12.25 10577