메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

이 강좌는 포토샵7.0을 기준으로 제작되었습니다.
이 작업은 72ppi를 기준으로 제작되었습니다. 문의사항은 http://www.bammada.co.kr 에서 해주세여...

저의 강좌에 여러분이 감사와 호응을 보내주셔서 실제디자인에 많이 필요한 질감만들기와 문자디자인 시리즈를 올리기로 맘 먹었습니다.
우선 그 첫번째로 질감 만들기 1탄 Metal 효과만들기와 그 응용을 올립니다.

이 작업을 하실 때는 최종결과물보다 큰 창에서 작업을 시작해야 합니다.


위와 같은 결과물을 얻기 위해 다음과 같이 작업합니다.


새창을 열고 Filter>Noise>Add Noise를 선택합니다.


Filter>Blur>Motion Blur를 적용합니다.


값을 끝까지 적용하면 잡지나 책 등의 표지에 많이 사용되는 이런 결과를 얻을 수 있습니다.


Filter>Render>Lighting Effects를 적용합니다. 조명의 종류는 Omni를 사용하는 것이 좋습니다.


Image>Adjustments>Curves에서 다음과 같이 작업합니다.


다음과 같이 한번 더 Curves를 적용합니다.


이런 결과물을 얻을 수 있습니다.

자 일단 여기까지 성공하셨다면 질감만들기는 끝난 것입니다.
Metal 같지 않다구여..? 조금 더 수정해주면 비슷해 집니다.


좌우에 어색한 부분을 잘라내 줍니다.


전체에서 가장 금속같이 보이는 부분을 잘라내 줍니다. 변화가 급격한 부분이 가장 금속같아 보입니다.
그리고 나서 Image>Adjustments>Desaturate를 실행해 줍니다.
Image>Adjustments>Hue/Saturation을 실행해 줍니다. Colorize Tab을 켜주고 색상값과 채도를 조정해 줍니다.
저는 블루메탈을 만들었습니다.


적당한 폰트를 골라 글자를 써 줍니다. 굵은 종류가 좋겠져..? 폰트영역을 선택하고 만든 금속이미지를 영역내에 불러옵니다. 질감레이어를 복사한 후에 폰트영역으로 잘라내 줘도 되겠져.


레이어의 Blendings Option에서 Bevel and Emboss를 선택하고 Contour Tab을 켜 줍니다.


적용된 옵션창을 다시 열어 세부조정을 해 줍니다. 모서리가 날카롭게 되도록 합니다.


이렇게 나온다면 여기까진 성공한 겁니다.


글자레이어에 Drop Shadow를 적용해 줍니다. 적용경로는 위와 같습니다.
적용 후 세부조정을 해 줍니다. 결과물을 얻기 위해 중요한 것은 Distance옵션을 0으로 해주어야 한다는 겁니다.


자 글자부위와 뒷판사이에 약간 녹과 먼지가 낀 듯한 효과가 나져..? 이제 동일한 방법으로 나사모양을 만들어 주면 작업이 끝납니다.

이 강좌에서 중요한 포인트는 Metal을 만들 때 적용값에 따라 조금씩 효과가 달라진다는 겁니다. 여러번 해보시면서 차이를 느껴보는 것이 중요하져...
또 색상을 줄 때 붉은 계열로 하여 약간의 필터링을 첨가하면 녹이 슨 효과도 낼 수 있습니다. 다양한 응용이 가능하니 한번 해보세여..
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1195 Flash MX2004 프로페셔널..에 관한 간략한 새로운기능(이미지 없음..;) [11] 세나^.^ 2003.10.18 8856
1194 [포토샵 7.0 동영상강좌] 1. 선택영역 툴바 사용법 [7] 서기 2005.08.22 8855
1193 이번엔 아스라다 입니다;; 아스라다는 그다지 디테일 하지 못하네여;; [4] file 키드 2005.09.26 8853
1192 [Flash MX]Action Script - Shared Objects [2] file gimbob 2002.10.31 8849
1191 포토샵에서 수묵화 그리기 [5] file 제갈승 2002.05.19 8846
1190 스마일루 포토샵 강좌 - Freeform Pen Tool을 이용한 효과. [6] file Smileru 2008.06.04 8836
1189 cutout필터를 이용한 일러스트틱한 이미지만들기. [6] SOO 2003.05.10 8832
1188 pixel psp 만들기 [6] 김지호 2004.12.30 8823
1187 도트 찍을때 선!!나오게 하기.. 모르는 사람을 위해 제작 되었습니다. [10] file NET.ID NLOVEN 2002.08.10 8807
1186 [초급] 가이드라인에 대해 [3] 차우 2004.05.07 8805
1185 유리창 깨진 효과 내기 [11] file puki 2003.01.17 8805
1184 네이트 닷넷 따라하기 [11] file {동준짱} 2003.01.26 8800
1183 [잡담]포토샵할때 이것만은 알아두세요. [33] file ToonieZ 2002.03.14 8777
1182 [왕초보용]이미지 특정부위를 부각시키고 나머지는 어둡게 처리하기 [7] 한길 2003.07.25 8770
1181 [제로보드강좌]6-2강. 여러가지 스킨 적용해보기[갤러리 스킨] [29] 네찌 2006.12.23 8769
1180 [나모]제로보드의 최근게시물의 위치를 교정하기 -(속성바로가기) [10] file 아치 2003.11.26 8769
1179 물감 퍼지는(?) 문자.. [10] file 마리아 2003.01.10 8769
1178 [플래시 MX 동영상 강좌] 33. 줌인/아웃되는 약도만들기 [10] 서기 2005.08.08 8767
1177 [초급] 딱지치기~[!] [10] file B렌 2003.11.06 8760
1176 [페인터] 귀여운 차이나풍의 소녀 케릭 그리기 [4] file Hwoarang 2005.02.10 8757