메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

logo.gif
적당히 폼나는 사진으로 변신시키기 ㅡ,.ㅡ

01.gif
일단 합성할 사진 두개를 준비합니다. 어떤 결과물을 원하는지 머릿속에 대강의 그림을 그려둔 후 사진을 선택하셔야 겠죠. (모델은 친구입니다. 속 거북하게 해드려 죄송합니다. 이해바랍니다. ^^ 웃흥)

02.gif일단 최초로 구도를 생각해야 겠죠. 제 머리속에는 일단 이런 그림이 그려진 상태로 진행합니다.
색감도 머리속에 있으면 좋겠지만, 저는 초짜라서 그런정도는 힘들더만요..

03.gif왼쪽의 패스 라인 보이시죠? 일단 패스툴로 열심히 사람의 외형을 땄습니다.
그런 다음에 그 영역을 선택영역으로 바꾼후 배경을 삭제 했습니다. 사진 1번에서는 인물만 필요했기 때문이죠.
그리고 그 레이어 밑에 배경으로 삽입 할 사진을 하위 레이어로 집어 넣습니다.(뻗친 머리카락 부분은 패스로 따기가 너무 귀찮아서 나중에 배경과 섞일것을 생각하고 erase 해버렸습니다. 바탕색이 검정색이 되면 머리카락을 파뭍히기 때문에 시선에 안들어오죠)
물론 배경사진의 톤도 수정했습니다. 사진의 색깔을 좀 죽이고 배경은 green 톤으로 갔습니다.

image 의 adjustment 에서 color balance 3단계를 이리 저리 잘 조절해보시면 원하는 결과를 얻으실수 있습니다.

04.gif


이 이미지의 첫번째 목표가 '후까시'였기에 배경 이미지도 심심하게 놔둘수가 없었습니다.
블루톤 계열의 색상을 선택한후 Hue 블렌딩 모드, 레드톤의 색상은 darken 을 선택했습니다.
왼쪽에 보이시는 결과물이 되겠습니다.

정적인 느낌을 없애려고 아까 패스로 딴 인물을 free transform (ctrl + T)를 사용해 확대, 모션 들러를 적당히 줬습니다. 오른쪽 부분은 darken을 왼쪽 부분은 normal에서 opacity만 좀 줄였습니다. 약간이나마 역동적으로 변했죠?

05.gif


그리고 중단에 인물을 배치합니다. 제작해가는 도중에 자꾸 계획에서 수정되는건 어쩔수 없네요. 제가 디자인의 '디'자도 몰라서..^^;;
인물의 이중 배치를 위해서 인물 레이어를 한개 복사해둡니다. 그후 하위 레이어를 적당히 확대해서 linear light  블렌딩 모드를 적용합니다. (저도 레이어 블렌딩 모드는 정확히 아는게 아니라 그때 그때 테스트 해보고 느낌이 괜찮은걸 찾습니다.)
인물의 상위 레이어는 그상태에서 적당한 색상보정 후 조금 아래편에 배치합니다.

06.gif



이제 중앙에 택스트를 배치합니다.
아무래도 red, green, blue 새 색상이 모두 들어가있어서 어떤 색상을 써도 제법 어울리겠지만,
일단 yellow가 모델의 주 색상이라서 어두운 노란색으로 택스트 색상을 잡았습니다.

저는 기본폰트인 verdana를 무척 선호하는 편이라서..적당히 볼륨감을 주면서 텍스트를 사용하는게
세련되 보이겠죠 ^^;;

이것이 1차 결과물 되겠습니다

07.gif


레이어의 블렌딩모드를 잘 사용하시면 무척 많은 이미지의 변화를 주실수 있습니다.
이것은 이 이미지의 모델인 친구가 맘에 들어하던 스타일입니다.

08.gif


09.jpg
10.jpg

비록 디자인의 디자도 모르는 제가 만들었지만 허접하더라도 참아주시길...
그리고 혹시라도 홈페이지 구경하시고 싶으신분들은 놀러와주세요..ㅠ_ㅠ (구걸모드)
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1268 [포토샵웍스 강좌시리즈] 굴절 표현하기 [2] file java 2006.04.25 7893
1267 [포토샵웍스 강좌시리즈] Channel 응용하기1 file java 2006.04.25 7280
1266 [포토샵웍스 강좌시리즈] Channel 응용하기2 file java 2006.04.25 4674
1265 [포토샵웍스 강좌시리즈] Channel 응용하기3 file java 2006.04.25 6923
1264 [포토샵웍스 강좌시리즈] 홈페이지용 메뉴바 만들기 [3] file java 2006.04.25 12470
1263 포토샵 CS 브러쉬 툴 강좌 [2] 펀에듀넷 2006.04.24 6004
1262 운석 만들기 file mtalk 2006.04.17 6387
1261 다이나믹 원 만들기 [3] file 마녀 2006.04.12 7181
1260 [동영상] 제2강 Select(선택영역) 인테리어뱅크 2006.04.11 5811
1259 [동영상] 제1강 포토샵이란? 인테리어뱅크 2006.04.11 5750
1258 포토샵 온라인 무료강좌 보러오세요... [1] 인테리어뱅크 2006.04.10 5003
1257 포토샵 왕초보전용 강좌!! 포토샵한글패치하기 [4] file 이윤규 2006.04.08 13040
1256 ★ 06년 웹디자인 취업대비반 50%할인 행사 ★ 손민영 2006.04.06 2486
1255 포토샵 왕초보전용 강좌!! 간단한 이미지배너 만들기 [11] 이윤규 2006.04.06 6196
1254 포토샵 왕초보전용 강좌!! 사진크기 조절하기 이윤규 2006.04.06 5403
1253 미끈한 피부만들기 [2] file 어지니 2006.04.02 10141
1252 패턴적용해서 바람개비처럼 뱅글돌리기 [3] file 어지니 2006.03.29 7442
1251 메뉴바 다운받아가세요. [1] file 이나래 2006.03.18 12865
1250 홈페이지에 필요한 메뉴바,상단그림,배너를 퍼가세요. file 이나래 2006.03.10 10735
1249 디테일 스케치 [6] file 웹디황용 2006.03.07 10569