아이맥 모니터 목업, 목업 파일 만드는 법

안녕하세요 :) 죽지도 않고 돌아온 뭐맘입니다~

오늘도 뭐라도 해봐야겠죠?

 

오늘은 아이맥 스타일의 모니터 목업 파일 나눔과 목업 파일 만드는 법을 같이 살펴보겠습니다.

초보분들도 따라 하실 수 있게 하나하나 캡처해서 만들었으니 천천히 따라 해 보세요!

모니터 목업

아이맥 스타일 모니터 목업

아이맥 스타일 모니터 목업 예시

 

깔끔하고 정돈된 책상 위의 아이맥 st 모니터입니다.

어느 이미지를 합성해도 잘 어울릴 것 같은 평화롭고 정돈된 이미지입니다.

목업파일 사용법 알려드리겠습니다~

 

목업 파일 사용법

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

 

포토샵이 깔린 상태에서 하단의 psd파일을 여시면 이렇게 뜹니다.

psd파일 열었을 때

 

우측의 레이어 패널을 자세히 보시면

레이어 패널

 

design here라고 제가 만들어 놓은 레이어 보이시죠?

그 레이어의 썸네일을 더블클릭 해줍니다.

 

이미지 합성 새창

 

더블클릭하면 이런 새 창이 뜨는데 이곳에서 이미지를 편집하고 저장하시면 모니터에 합성 이미지가 반영됩니다.

 

클리핑 마스크

 

레이어 패널을 자세히 보시면 클리핑 마스크로 연결되어 있습니다.

하단의 모니터 크기만큼 합성된다는 의미이므로 새로운 이미지를 합성하시더라도 꼭 클리핑 마스크 연결을 해주세요!

 

클리핑 마스크 사용법 ↓ ↓ ↓

https://sharemueomom.tistory.com/7

스마트폰 이미지 목업 파일 무료 나눔

 

목업 파일 만드는 법

그렇다면 이런 목업파일은 어떻게 만드는 걸까요? 뭐맘만 따라 하세요!

목업 베이스 이미지

 

우선 목업 만들기에 적절한 베이스 이미지가 있어야 합니다.

새로 이미지부터 제작하긴 어려우니 우선 제 블로그에 있는 이미지로 연습해 보세요 :)

 

포토샵에서 목업 베이스 이미지를 열어줍니다.

툴바

 

포토샵 화면 좌측의 툴바에서 매직봉툴 Magic Wand Tool을 눌러줍니다.

 

Tolerance

 

상단의 옵션에서 허용치 Tolerance를 10 정도 줍니다.

허용치는 매직봉툴로 선택할 영역의 범위를 설정해 주는 옵션으로

수치가 적을수록 단일 색상, 수치가 높을수록 주변의 비슷한 색상까지 선택됩니다.

 

모니터 클릭

 

합성할 모니터의 하얀 부분을 클릭해 주면 이렇게 점선으로 선택 Select가 됩니다.

 

새 레이어 추가

 

모니터가 선택된 상태에서 우측 레이어 패널 하단의 새 레이어 추가를 클릭해 줍니다.

 

새로 생성한 Layer 1 이 보이시죠? 이 레이어가 선택된 상태에서

 

채우기

 

컬러칩에서 아무 컬러를 고르신 후 Alt + Delete를 눌러 색을 채워주세요.

메뉴에서 색 채우기

메뉴에서 색 채우기 컬러 선택

 

색을 채우는 또 다른 방법으로는 상단 메뉴의 Edit - Fill을 사용하는 것입니다.

 

Deselect

 

채우기를 완료한 후 Ctrl+D를 눌러 선택영역을 해제합니다.

 

새 레이어에 색칠 된 상태

 

여기까지 잘 따라오셨나요? 거의 끝나갑니다!

우측 레이어 패널에서 새로 추가한 Layer 1이 선택된 상태에서

 

스마트 오브젝트 변환

 

오른쪽 마우스를 눌러 Convert to Smart Object를 클릭합니다.

한국어 버전에선 정확히 어떻게 번역되는지 모르겠지만

스마트 오브젝트로 변환하기..? 뭐 이런 느낌으로 예상합니다.

 

달라진 레이어

 

스마트 오브젝트 레이어로 변경되어 제 목업파일에서 익숙하게 봤던 design here레이어와 모양이 같아졌습니다.

 

이 이후의 과정은 제 목업파일을 사용하는 것과 동일합니다.

제가 한 단계씩 캡처하면서 설명해서 그렇지 막상 실습해 보시면 정~말 간단합니다.

 

모니터 이미지 외에도 다른 목업 베이스 이미지를 활용해서 연습해 보세요.

금방 멋진 목업파일을 제작하실 수 있을 겁니다 :)

 

목업 파일 원본 ↓ ↓ ↓

책상 위 하얀 모니터.psd

6.87MB

 

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

 

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

 

오늘도 봐주셔서 감사합니다.

다음에도 목업파일과 포토샵 꿀팁을 갖고 올게요.

썸네일