제가 상세페이지를 오래 만들면서 꽤 많이 느꼈던 게 하나 있어요.
디자이너가 아무리 잘해도 원본 이미지가 정말 별로면 할 수 있는 것에 한계가 있다는 점이에요.
저는 전자제품 상세페이지를 많이 작업했는데, 제품 이미지를 받을 때마다 항상 완벽하게 준비되어 있었던 건 아니었어요. 어떤 제품은 공식 이미지가 정말 잘 갖춰져 있었지만, 어떤 제품은 정면 사진 몇 장이 전부인 경우도 있었고요.
머릿속에는 이미 메인 비주얼이 완성되어 있는데 정작 제가 가진 사진으로는 그 구도가 안 나오는 거예요.
'제품이 조금만 더 돌아가 있었으면 좋겠는데...'
'여기 카피 넣어야 하는데 왜 하필 이쪽으로 제품이 향해 있지...'
'빛이 왜 여기서 들어오지...?'
이런 식으로 사진을 원망(?)하면서 작업한 적도 많았어요.
처음에는 사진은 촬영하는 사람의 영역이고 저는 받은 이미지를 잘 활용하면 된다고 생각했어요.
그런데 일을 오래 하면서 촬영에도 직접 참여해보고, 필요한 이미지가 어떤 건지 촬영 전에 의견을 전달하기 시작하니까 생각이 많이 달라졌어요.
제가 최종적으로 상세페이지를 만들어야 한다면 촬영할 때부터 디자인에 필요한 사진을 확보하는 게 훨씬 편하더라고요.
그 이후부터는 제품 촬영을 볼 때도 단순히 '사진 예쁘게 나왔네.'로 끝나지 않았어요.
어떤 구도로 찍어야 레이아웃을 만들기 편한지, 조명은 어느 방향에서 들어와야 자연스럽게 보이는지, 나중에 합성하려면 어떤 사진을 추가로 찍어둬야 하는지까지 생각하게 됐어요.
디자이너가 전문 포토그래퍼만큼 촬영을 잘할 필요는 없다고 생각하지만, 결과물을 직접 만드는 사람으로서 촬영이 어떻게 디자인으로 이어지는지는 알아두면 정말 편했어요.
1. 레이아웃을 살리는 구도
제가 초보 디자이너 때의 일이에요.
그당시엔 제품 사진을 처음 다룰 때는 사진 자체가 예쁘면 좋은 사진이라고 생각했던 것 같아요.
그런데 상세페이지를 계속 만들다 보니 디자이너한테 좋은 사진은 조금 달랐어요.
예쁜 것도 중요하지만 '내가 쓸 수 있는 사진'이어야 했어요.
예를 들어 메인 비주얼에서 제품을 왼쪽에 두고 오른쪽에 카피를 넣고 싶은데 제품 사진이 전부 화면 정중앙에 꽉 차 있다면 선택지가 굉장히 줄어들어요.
억지로 제품을 왼쪽으로 옮기면 배경이 부족하고, 빈 공간을 늘리려고 포토샵에서 배경을 만들어야 하고, 제품 각도까지 레이아웃과 안 맞으면 결국 다른 방식으로 디자인해야 해요.
예전에는 이런 상황이 오면 그냥 받은 사진 안에서 어떻게든 해결했어요.
열심히 제품 따고, 배경 늘리고, 제품 방향 뒤집어보고, 그래도 안 맞으면 레이아웃 자체를 바꿨어요.
그러다가 촬영 단계에 참여할 일이 생기면서 생각이 바뀌었어요.
'아, 처음부터 필요한 구도를 찍어두면 되는 거였네?'
너무 당연한 얘기인데 직접 겪고 나니까 확 와닿더라고요.
그 이후에는 촬영 전에 상세페이지에서 어떤 화면이 필요할지 먼저 생각했어요.
메인에서 카피를 오른쪽에 넣을 거라면 제품을 왼쪽에 둔 컷을 따로 찍고, 제품을 크게 보여줄 컷과 여백이 넉넉한 컷을 각각 확보하는 식이에요.
여백도 정말 중요했어요.
촬영하는 분 입장에서는 제품을 화면 안에 예쁘게 꽉 채우는 게 자연스러울 수 있는데, 저는 카피를 넣어야 하니까 일부러 한쪽에 공간을 남겨달라고 요청할 때도 있었어요.
사진만 보면 약간 비어 보일 수 있어도 크롭해서 쓰는 일도 많고, 여유있는 부분이 정말 소중합니다.
거기 글씨 들어가야 하니 제발 비워주세요...!!
전자제품은 제품 방향도 꽤 중요했어요.
살짝 사선으로 보였을 때 훨씬 입체감이 살아나는 제품도 있고, 정면에서 봐야 형태가 깔끔하게 보이는 제품도 있었어요.
저는 촬영을 조금 이해하고 나서부터 '이 사진이 예쁜가?'보다 '이 사진을 어디에 쓸 수 있지?'를 더 많이 생각하게 됐어요.
예전에는 사진에 맞춰 디자인을 바꿨다면, 나중에는 디자인에 필요한 사진을 촬영 단계에서부터 준비할 수 있게 된 거예요.
좋은 구도를 하나 더 확보해두는 것만으로 포토샵에서 억지로 배경을 만들거나 레이아웃을 포기하는 일이 확실히 줄었거든요.
2. 합성까지 달라지는 조명
제가 제품 합성을 많이 하면서 제일 많이 신경 쓴 것 중 하나가 조명이었어요.
예전에는 제품을 따서 배경 위에 올리고 그림자만 잘 넣으면 어느 정도 자연스럽게 보일 거라고 생각했던 때도 있었어요.
(모든 초보 디자이너가 거쳐가는 실수구간이라고 생각합니다. 너무 자책하지 마세요 ㅠㅠ)
근데 안 됩니다. 뭔가 이상해요.
제품은 왼쪽에서 빛을 받고 있는데 배경 속 책상은 오른쪽에서 빛을 받고 있으면 아무리 그림자를 열심히 만들어도 묘하게 합성 티가 나요.
색온도도 마찬가지예요.
제품은 차갑고 푸른 조명 아래에서 촬영됐는데 배경은 따뜻한 오후 햇살이면 제품만 다른 세계에서 순간이동해 온 것처럼 보여요. (특히 AI로 합성할 때 오류가 많이 나는 구간입니다. 빛 진짜 중요해요.)
제가 합성을 오래 하면서 느낀 건 사람 눈이 생각보다 이런 걸 굉장히 잘 알아챈다는 거였어요.
정확히 '광원 방향이 다르네요.'라고 말하지는 않아도 뭔가 어색하다는 건 느껴요.
그래서 나중에는 제품 촬영 이미지를 받을 때 하이라이트가 어디에 잡혀 있는지, 그림자가 어느 방향으로 떨어지는지, 제품 전체 색온도가 어떤지를 먼저 보는 습관이 생겼어요.
촬영에 직접 의견을 줄 수 있는 경우에는 나중에 어떤 배경이나 이미지에 사용할지도 생각했어요.
예를 들어 전체적으로 밝고 자연광 느낌의 상세페이지를 만들 예정인데 제품 사진만 아주 강한 스튜디오 조명으로 찍으면 나중에 맞추기가 무척 어려워질 수 있어요.
반대로 어두운 배경에서 제품의 엣지를 살려야 하는 메인 비주얼이라면 제품 가장자리의 하이라이트가 잘 살아 있도록 촬영하는 게 훨씬 유리했고요.
제가 포스트프로덕션에서 색보정이나 합성을 경험했던 것도 여기서 도움이 됐어요.
영상이든 이미지든 결국 한 화면 안에 있는 요소들이 같은 공간에 있는 것처럼 보여야 자연스럽잖아요.
예전에는 이런 걸 잘 모르고 받은 이미지로 어떻게든 맞추려고 했어요.
제품 색을 바꾸고, 하이라이트를 다시 만들고, 그림자를 새로 그리다 보면 촬영보다 제가 포토샵에서 빛을 다시 만든 수준인 적도 있었어요.
그런데 촬영 전에 조명 방향을 조금만 맞춰두면 이런 후반작업이 확 줄어요.
특히 동일한 상세페이지 안에서 여러 제품컷을 사용할 예정이라면 조명을 너무 제각각으로 찍지 않는 것도 중요했어요.
첫 번째 사진은 노랗고, 두 번째는 파랗고, 세 번째는 명암이 강하면 저는 뒤에서 그걸 다시 한 가족처럼 만들어야 하거든요.
제가 촬영 조명을 직접 다 세팅할 수는 없지만 최종 결과물에서 어떤 톤을 원하는지 설명할 수 있고, 받아온 사진에서 왜 어색한지 판단할 수 있는 정도만 되어도 작업이 훨씬 편해졌어요.
저한테 조명을 보는 눈은 사진을 잘 찍기 위한 기술보다 포토샵에서 두 시간 고생하지 않기 위한 생존기술에 가까웠습니다. ㅋㅋㅋㅋㅋ
3. 촬영부터 생각하는 합성
예전에는 합성을 거의 사후 처리라고 생각했어요.
사진 받고 나서 없는 부분을 포토샵으로 만들어내는 것.
제품 사진이 부족하면 배경을 찾고, 원근을 맞추고, 그림자를 만들어서 하나의 장면으로 만드는 식이었어요.
몇 번의 시행착오를 겪어보니 합성을 잘하려면 포토샵 기술만 늘리는 것보다 촬영할 때부터 합성을 염두에 두면서 찍는 게 훨씬 편하다는 걸 깨달았어요.
예를 들어 제품을 나중에 다른 배경에 합성할 예정이라면 정면 한 장만 찍어두는 것보다 여러 각도를 확보해두는 게 좋아요.
레이아웃을 만들다가 '이 제품이 반대쪽을 바라보는 컷이 있었으면 딱인데.' 싶을 때가 정말 많거든요.
이미 촬영이 끝났다면 다시 찍기 어렵고, 그렇다고 사진을 좌우 반전하면 제품 로고나 버튼, 포트 위치까지 반대로 가버릴 수 있어요.
(전자제품은 특히 이런 거 함부로 뒤집으면 안 됩니다. 그... 누구신지..?가 되어버려요.)
그래서 가능하다면 정면, 좌우 사선, 측면, 후면처럼 기본 각도를 조금 넉넉하게 확보하는 편이 좋아요.
제품의 특정 부분을 크게 보여줘야 할 가능성이 있다면 디테일컷도 미리 찍어두고요.
손이 등장하는 사용 장면도 비슷했어요.
나중에 제품만 따로 합성할 생각이라면 손가락이 제품을 가리는 범위나 그림자까지 영향을 줘요.
그냥 자연스럽게 예쁜 사진과 합성하기 좋은 사진은 또 다르더라고요.
이걸 알고 나서는 촬영 전에 제가 필요할 것 같은 이미지를 조금 더 구체적으로 요청하게 됐어요.
'사용하는 사진 몇 장 부탁드립니다.'보다는
제품을 오른손으로 잡았을 때 로고가 보이는 각도 한 장, 노트북 옆에 놓인 전체 장면 한 장, 포트 연결하는 부분이 보이는 클로즈업 한 장.
이렇게 말하면 촬영하는 사람도 훨씬 명확해져요.
요즘은 생성형 AI 덕분에 배경이나 사용 장면을 만드는 건 훨씬 쉬워졌어요.
그래도 제품 자체가 정확하게 촬영되어 있어야 해요.
학습할 수 있는 것들이 많아야 결과물이 잘 나오거든요.
배경은 만들어도 제품까지 멋대로 바뀌면 곤란합니다용...
그래서 저는 생성형 AI가 생긴 뒤에도 제품 촬영의 중요도가 크게 사라졌다고 느끼지는 않았어요.
예전에는 없는 배경을 만들기 위해 촬영이나 합성 둘 중 하나를 선택해야 했다면, 지금은 AI라는 선택지가 하나 더 생긴 정도로 느껴지기 때문이에요.
오히려 촬영할 때 정확한 제품 소스를 충분히 확보해두고, 필요한 부분만 합성이나 AI로 확장하는 방식이 작업하기 훨씬 수월하더라고요.
상세페이지를 오래 만들다 보니까 결국 포토샵에서 고생하는 시간 중 일부는 촬영할 때 미리 막을 수 있었어요.
필요한 구도를 미리 생각하고, 조명 방향을 보고, 합성에 쓸 컷을 조금 더 챙겨두는 것만으로도 뒤에서 억지로 살려야 하는 이미지가 줄었고요.
그렇게 작업 방식을 바꾸고 나서는 머릿속에서 생각했던 디자인을 실제로 구현할 수 있는 경우도 많아졌어요.
저처럼 제품 상세페이지를 많이 만드는 디자이너라면 전문적으로 사진을 찍는 수준까지는 아니더라도 촬영을 조금 알아두는 걸 추천하고 싶어요.
사진 한 장을 더 잘 찍기 위해서라기보다 미래의 내가 덜 고생하기 위해서요!
글을 쓰다 보니 새삼스럽게 느껴지네요. 역시 사람은 고생하면서 발전하나 봅니다....^^