메뉴 건너뛰기

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
1095 [도트강의]더파이팅 챔피언로드 그림 도트하기-_-;; [9] file 어리벙 2003.07.31 8391
1094 포토샵 단축키 [필요할때쓰세요] [8] file ☺zetx☺ 2004.08.08 8378
1093 모자이크를 이용하여 유리타일 만들기 [24] 벼리 2002.08.29 8377
1092 [플래시 MX 동영상 강좌] 15. 이미지 겔러리 제작하기 [9] 서기 2005.06.03 8367
1091 [퍼니페인트]요즘 유행하는 볼록이 효과 [10] funnyPSP 2002.02.21 8362
1090 [허접시리즈] 얼음언것 같은 효과 주기 [7] Xrezae 2002.11.06 8346
1089 글라디언트 실루엣.. [10] file OnceAgain 2003.07.27 8339
1088 추천사이트 외국 튜토리얼... [8] 김정철 2005.10.05 8325
1087 [HomePage Step] 홈페이지의 제작단계 [12] ZipShin 2002.12.27 8325
1086 生도트 :: #2 나무를 심어보자! [18] Es. 2002.03.01 8314
1085 [양배추강좌]이미지 블럭화 시키기 [3] file 양배추™ 2003.12.10 8299
1084 [양배추강좌]간단한 폭팔 효과 강좌입니다. [4] file 양배추™ 2003.12.12 8294
1083 플래시에서 포토샵에서 작업한 깔끔한 투명 이미지 임포트 시키는 방법 [5] 홈때기~♪ 2005.04.19 8285
1082 격자 효과를 이용해서 멋진 이미지 효과 내기. 꼬냐닷컴 2005.09.19 8279
1081 ActionScript 2_4 sample [2] 하나둘 2006.07.20 8250
1080 폴카도트만들기-- [5] file 김찬기 2003.09.02 8249
1079 불타는 글자 맹글기;; [7] file 엔플  ̄▽ ̄γ 2002.05.07 8249
1078 웹스터디 2번째 패스안쓰고 깨끗한 알파합성하기 [5] file 이동휘 2002.07.15 8248
1077 스폰지로 물묻힌 효과,.. [6] 혀니。 2003.02.07 8247
1076 Halfton Pattern으로 줄그은 이미지 만들기 [5] file 박유석 2004.03.14 8241