스마트폰 이미지 목업 파일 무료 나눔, 클리핑 마스크

안녕하세요~! 목업 나눔 천사(?) 뭐맘입니다 :)

본업(육아)을 하면서 네이버와 티스토리에 각각 1일 1포스팅 하려니 꽤 힘드네요. 허허

그래도 포기할 수 없죠!

오늘도 쓸만한 목업 파일을 가지고 왔습니다. 오늘의 목업은 스마트폰 이미지 입니다.

스마트폰은 현대 사회에서 매우 중요한 전자 기기로, 다양한 기능과 서비스를 제공하는 휴대용 컴퓨터와 통신 장치입니다.
스마트폰 없는 사람을 찾기 어려울 정도로 보급률이 높고, 일상생활에 가장 밀접한 디지털 기기입니다.

기본적인 통신기능(문자, 전화, 영상 전화 등)은 물론 인터넷 액세스도 가능하여 이메일, 소셜네트워크, 검색 엔진 사용 등 업무적인 기능도 가능합니다.

무엇보다도 다양한 애플리케이션을 다운로드하여 활용할 수 있고, 그 애플리케이션들의 종류는 무궁무진하여 스마트폰 안에서 구현되는 디자인은 수를 셀 수 없을 만큼 많습니다.

그래서 사람들에게 익숙한 스마트폰 목업을 준비했습니다. 거리에서 스마트폰을 쓰는 콘셉트의 목업 이미지입니다.

역시나 예시의 이미지는 임의로 넣은 이미지입니다.

스크롤 제일 아래 psd 파일이 있으니 다운로드 먼저 하세요.

포토샵이 PC에 깔려있다면 문제없이 psd파일이 열립니다.

파일을 열면 이렇게 스마트폰 이미지가 뜹니다. 우측의 레이어 패널을 자세히 보실까요?

배경으로 들어가 있는 거리 배경 스마트폰 이미지와 그 위에 제가 만들어놓은 design here 레이어가 있습니다.

design here 레이어의 썸네일을 더블클릭 합니다.

이렇게 새로운 창이 뜨고 이 창에서 스마트폰 화면 안의 이미지를 합성할 수 있습니다.

역시나 우측의 레이어 패널을 자세히 보실까요?

스마트폰 영역만큼을 지정해 놓은 design here 레이어와 그 위에 제가 이미지를 합성하면서 사용한 Layer 1이 보입니다.

어라? 그런데 오늘은 뭔가 다르게 생겼습니다! 합성한 Layer 1의 왼쪽에 희한한 화살표가 있습니다.

저 화살표는 clipping mask 표시입니다.

쉽게 설명하자면 아래 레이어의 모양에 맞춰서 합성한다는 뜻입니다.

clipping mask설정 유무에 따라 이미지가 아래와 같이 달라집니다.

clipping mask를 연결하면 스마트폰의 화면 모양에 맞게 합성되는 것을 보실 수 있습니다.

마스크의 연결과 해제 방법은 어렵지 않습니다.

키보드의 alt키를 누르고 연결할 레이어 사이의 선에 마우스 커서를 갖다 대면

이런 모양이 뜨고 클릭하면 연결이 됩니다.

해제하려면 다시 alt키를 누르고 레이어 사이에 마우스 커서를 대고 클릭하면 됩니다.

또는 클리핑 마스크 연결할 레이어(위의 레이어)에 오른쪽 마우스 클릭하면

이런 메뉴가 뜨는데 그중 Create Clipping Mask를 눌러주면 됩니다.

생각보다 어렵지 않죠?

필요하신 분들 편하게 다운로드하시길 바랍니다 :)

목업 파일 원본 ↓ ↓ ↓

무료로 다운로드하시고 사용하시면 됩니다.

This is a free mockup file.
You can download and use it for free.

그럼 다음 포스팅에서도 쓸만한 목업과 친절한 설명으로 돌아오겠습니다.

뭐맘이었습니다!