서비스 소개를 위한 이미지를 만들 때, 가장 고민되는게 특정 기능이나 영역을 강조해서 보여주는 일이 아닐까 싶어요. 단순 스크린샷이라면 전체 또는 일부를 선택해 저장하면 되지만 활용도가 떨어질 수 밖에 없는데요. 특정 화면에 어떻게 들어올 수 있는지(경로 기준), 특정 기능을 사용하기 위한 첫 번째 단계는 무엇인지(특정 영역 강조) 등을 이미지에 담으려면 별도 프로그램을 활용해야 하는 상황이 생기기도 해요. 오늘은 이런 상황에서 간단하게 서비스(프로덕트)관련 이미지를 제작할 수 있는 웹서비스를 소개할게요!

Product Shot

‘Product shot’은 웹 서비스로, 사용 방법이 매우 간단해요. 이미지를 직접 첨부해 등록한 뒤

  • 강조하고 싶은 영역에 대한 사이즈 조절
  • 영역 내 스케일(확대 및 축소) 조절
  • 배경 블러 강도 조절
  • 외곽선 사이즈 및 컬러 조절

위 옵션들을 활용해 이미지를 편집한 뒤 PNG 포맷으로 다운로드 내려받을 수 있습니다.

1.강조하고 싶은 영역에 대한 사이즈 조절

이미지를 등록한 뒤, 순서가 정해져 있는 건 아니지만 가장 먼저 확인할 수 있는 건 사이즈에요. 등록한 이미지 중 어느 부분을 강조해서 보여줄 것인지를 선택하는 옵션이기도 합니다. 이미지에 등록된 원을 마우스로 끌어 원하는 위치로 이동할 수 있으며, 크기를 조절할 수 있어요.

2.영역 내 스케일(확대 및 축소) 조절

영역 선택이 완료 되었다면, 영역 내 스케일을 확인할 차례입니다. 이미지에 담긴 사이즈 보다 더 크게 담아낼 수 있어요. 위 이미지를 보면 원에 담긴 영역 외 내용보다 상대적으로 내용을 더 크게 확인할 수 있다는 것을 알 수 있어요.

3.배경 블러 강도 조절

강조하고자 하는 영역 외 블러 강도도 조절 할 수 있어요. 위 이미지 대비 훨씬 흐릿해진 배경이 적용된 모습입니다.

4.외곽선 사이즈 및 컬러 조절

마지막으로 외곽선 두께와 컬러를 설정할 수 있어요. 흰색에서 노란색으로 변경된 모습, 보이시나요?

5.다운로드!

30초만에 완성한 스크린샷의 모습이에요. 지금 써보러 갑니다 – 서비스 기획 참고 가이드를 안내하고 싶어 만든 이미지입니다. 이런 이미지를 만드려면 키노트나 파워포인트를 활용하거나, 피그마 등을 잠깐 활용해 저장하곤 했는데 이제 ‘Product Shot’을 활용하면 금방 만들 수 있을 것 같네요.

모양 등이 조금 더 다양했으면 좋겠다는 생각도 들지만, 무료로 제공되는 서비스고 특정 목적의 이미지는 금방 만들 수 있는 방법이 또 하나 생겼다는 정도로 만족할수 있을 것 같네요. 자세한 내용은 ‘이 곳’을 통해 확인해주세요!

함께 활용하면 좋은 서비스!