메뉴 건너뛰기

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 48029
2414 귀여운 아쿠아 버튼 만들기 (새로운 버젼) [39] file 이오르 2003.10.10 46699
2413 [일러스트페이지]일러스트로 얼굴그리기~(1) 눈그리기~ [39] file 현주 2002.08.07 43568
2412 플래쉬 메뉴 만들기 (위치표시) [24] {동준짱} 2002.07.22 39872
2411 포토샵을 이용해서 인물 일러스트 명암을 쉽게 따보자~ ^^ [33] file caramelkiss 2004.01.18 39857
2410 입체감 있는 메뉴버튼 만들기 (완성된 버튼 다운로드 가능) [10] file 이오르 2003.09.26 38093
2409 (왕초보도 따라하는) 심플한 버튼 만들기 [53] file SaRa's 2004.02.27 38084
2408 쭘식 플래쉬 메뉴 만들기 (2) [15] file 쭘's 2003.04.24 37759
2407 메뉴버튼만들기 [25] file 워니 2002.08.24 36489
2406 사진의 테두리를 붓으로 칠한듯하게 - 초보자를 위한 강좌 [12] file 방정환 2004.07.24 36330
2405 [초보]사진 효과 내기.. [21] file OnceAgain 2003.07.23 35954
2404 탄성을 가진 투명 물방울 메뉴 [34] file 여어자 2003.10.07 35862
2403 [하이링고]아쿠아 물로 글씨를 쓰자!! [50] file 하이링고 2003.05.12 35271
2402 필름을 클릭하면 사진이 찰칵! [17] file 여어자 2003.05.29 34387
2401 [하이링고]칵테일 아쿠아 [96] file 하이링고 2003.02.17 34383
2400 [동영상]그림이 서서히 바뀌는 효과 [6] 이희덕 2002.09.24 34209
2399 미술용 4B연필로 문자 디자인한듯한 효과 [52] file SaRa's 2003.07.11 34065
2398 오래된 종이에 먹이 묻은듯한 효과 [29] file Wings 2003.12.11 33954
2397 [쩌비]아쿠아,브러쉬스타일등 파일모음 3종세트 [25] file 쩌비 2002.10.19 33040
2396 탄성력이 있는 버튼을 만들어봅시다, [57] file 라비 2003.04.25 32458