메뉴 건너뛰기

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
128 다이나믹 원 만들기 [3] file 마녀 2006.04.12 7181
127 운석 만들기 file mtalk 2006.04.17 6387
126 포토샵 CS 브러쉬 툴 강좌 [2] 펀에듀넷 2006.04.24 6003
125 [포토샵웍스 강좌시리즈] 홈페이지용 메뉴바 만들기 [3] file java 2006.04.25 12470
124 [포토샵웍스 강좌시리즈] Channel 응용하기3 file java 2006.04.25 6923
123 [포토샵웍스 강좌시리즈] Channel 응용하기2 file java 2006.04.25 4674
122 [포토샵웍스 강좌시리즈] Channel 응용하기1 file java 2006.04.25 7280
121 [포토샵웍스 강좌시리즈] 굴절 표현하기 [2] file java 2006.04.25 7893
120 [포토샵웍스 강좌시리즈] 물방울 이미지만들기 [1] file java 2006.04.25 10654
119 [포토샵웍스 강좌시리즈] 홈페이지 메인디자인2 file java 2006.04.25 11733
118 [포토샵웍스 강좌시리즈] 홈페이지 메인디자인1 [1] file java 2006.04.25 17062
117 [포토샵웍스 강좌시리즈] Layer Style을 이용한 텍스트 [3] file java 2006.04.25 7603
116 셰이프툴로 일러스트 느낌의 꽃아이콘만들기(영문7.0) [5] 민찡얌 2006.05.07 8616
115 웹디황용 리터칭 -1 [1] file 웹디황용 2006.05.30 6812
114 웹디황용 리터칭-2 file 웹디황용 2006.06.13 5314
113 웹디황용 리터칭-3 file 웹디황용 2006.06.13 6510
112 삽화느낌의 소녀 그림 그리기 - 손그림 [3] 민찡얌 2006.06.18 12430
111 초간편 사진틀 만들기 file 캘리 2006.06.27 12348
110 포토샵 단축키 모음 1 문학의향기 2006.07.26 3605
109 글씨체 마음대로 쓰기 2 [1] 문학의향기 2006.07.26 4494