메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

complete.gif
멋대로 이름을 붙인거라... 딱히 무엇인가 하고 확신할 수 있는건 아니군요.
포토샵에 익숙되신 분들 대상으로 작성해서, 약간은 어려운 말로 되어있으므로 이점에 양해부탁드립니다..

지금부터 만들 것은 위와 같은 형태의 모형입니다. 사실 3D 저작툴을 사용하면 어려운 일도 아니지만,
포토샵만으로 입체적인 느낌을 만들기란 조금 생각해볼 문제기도 했지요.
이런러전 이야기를 뒤로하고, 지금부터 천천히 만들어보도록 하겠습니다 :)

ruix01.gif

레이어를 하나 새로 만들고, 적당한 사이즈의 사각형을 하나 만듭니다. 대비대 세로 길이가 조금 긴편이 좋겠지요.
색상은 추후에 수정할 수 있으니 아무렇게 하셔도 좋습니다만, 나중에 컨트라스트 조절시 편하게 하기 위해서
어느 정도는 명도가 안정된 것으로 해두는 것이 후에 편리합니다.

ruix02.gif

사각형의 레이어를 복사하고 일정한 각도씩 기울여준 뒤, 자리를 적당히 옮겨줍니다.
배치가 끝났다면 배경을 끄고, merge visible로 복사된 레이어들을 모두 합쳐줍니다.

ruix03.gif

합쳐진 레이어물을 ctrl + t 자유변형 툴로 한쪽 모서리를 중심으로 축을 옮겨서 기울어진 느낌이 들게끔 변형합니다.
이 다음 적용시킬 레이어 스타일에서 shading angle 의 기본값 120 에 맞추려면 좌측 하단 모서리를 움직혀주는 것이 좋습니다.
다른 방향을 만드려면 앵글을 조절해야하는 번거로움도 해줘야겠죠.

ruix04.gif

본격적으로 여기서부터 눈속임에 가까운 팁입니다.
레이어 스타일을 적용하는데, 그림에서 보이는대로 bevel and emboss, depth 1000% size 0~2px 값을 주고 확인.
그럼 1px에 가까운 엠보스가 적용되어 입체로 생각했을때 각 면을 명도로 구분지어주게 하는 역할을 할겁니다.

ruix05.gif

자, 이제 ctrl+alt+방향키를 쭉 눌러서 1px 이동과 함께 레이어대량 복사를 시킵니다.
그러면 약간의 입체적인 모형이 만들어지겠죠.
그래도 디테일엔 한계가 있으니까, smart blur 나 cutout 등의 필터로 복사된 틈에 생긴 패턴을 제거, 정리합니다.  

ruix07.gif

ctrl + shift + u 를 눌러 채도를 없애고 명도의 레벨을 맞추고 color balance 로 다시금 원하는 색상을 적당히 입혀봅니다.
그리고 레이어 스타일을 몇가지 적용시켜 이쁘게 꾸며줍니다.

ruix08.gif

완성된 예제입니다. 까다로울 수도 있으니 몇번씩 연습해서 만들어보세요 :)
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1875 [Tany_A의 도트강의]분홍색 토깽이!! [3] file Tany_A™ 2004.07.19 5698
1874 등고선효과를 이용해 배경 만들기 [8] [М ΙDΘR] 2002.08.25 5702
1873 세계유산 콘텐츠 만들기및 활용강좌[렉토라] 윤선미 2006.07.07 5717
1872 [gam+zign] 암석화 인물 효과내기. [11] file -릭a 2002.09.02 5718
1871 [GIMP] 김프로 하는 CG 1 [2] file enjoy the GIMP! 2002.08.08 5731
1870 모핑(또는 몰핑)에 대한 약간의 자료및 내용 [4] file 박원 2004.08.14 5731
1869 몸통 그리기 [10] file 조규상 2002.09.18 5736
1868 멋진공 만들기 (무언가에 둘러싼 멋진 공) [12] file 레드 2003.02.23 5739
1867 첫 강좌입니다..!!! [8] file 신재권 2003.04.08 5739
1866 간단히 뽀샤시 이미지 만들깅 [3] file 4u4u 2007.09.06 5743
1865 [동영상] 제1강 포토샵이란? 인테리어뱅크 2006.04.11 5750
1864 눈사람의나도고수대고파[토트1편]첨성대 [8] file snowman 2003.02.14 5753
1863 [qoo 그림판 도트①] 호랑이를 그리자! [11] file qoo~* 2002.09.03 5759
1862 [플래시 MX 동영상 강좌] 4. 심볼을 이용한 에니메이션 - Motion Tweening [11] 서기 2005.05.23 5760
1861 [기초꽁수] PSD파일을 저장할때...... [22] file Heal.P.XERO 2002.08.22 5775
1860 디비값 받아와서 플래시로 유동적인 그래프 그리기 [6] file 삐리리 2005.06.28 5777
1859 [키르] 이미지에 붙어있는 저작권을 없애버리자 -ㅁ- [18] 키르(SP) 2002.08.14 5779
1858 [허접시리즈] 스폰지로 문지른것 같은 효과 [7] Xrezae 2002.11.06 5779
1857 [pts6 : 허접 강좌시리즈1]스타버스트 응용[수정완료-_-v] [11] Difications 2002.03.01 5782
1856 이번엔 Steel Wave 효과에 대해 알아봅시다. -_-; [3] Xrezae 2002.11.14 5785