목업 사이트 무료 다운로드, 적용해보기

무료 목업 사이트에서 PSD 다운로드 후 적용하기

 

디자인을 완성한 후, 최종 마무리 단계로 최종 샘플에 작업한 디자인을 적용해 봄으로써 실물과 유사하게 구현해 본다.

직접 실물을 사진을 찍어 합성을 해도 되고 아래 사이트에서 소스를 다운받아 적용하기도 한다.

 

 

 

그럼, 무료 목업 사이트에서 박스.psd를 다운로드하여 적용해보자.

 

1. 먼저, 사이트에 접속! → freedesignresources.net/category/free-mockups/

여러 다른 사이트보다 서치 하기 좋다.

 

필터 기능을 이용해 원하는 구성으로 찾아볼 수 있게 되어있다. :-D

 

 

 

 

 

 

2. 적합한 이미지를 찾아, 아래 다운로드 버튼을 클릭해 준다.

 

 

 

 

다운로드된 파일을 열어보니, 수정방법을 친절하게 튜토리얼 영상으로 담겨있다.

 

 

 

 

3. 우선 전체 디자인 파일을 열어 내가 한 디자인으로 바꿔준다.

 

[오리지널 디자인 - put your design here.psb]

 

 

 

 

 

[변경한 디자인]

가이드 라인대로 잘 맞추어 변경해 준다. (오래전에 시안으로 작업한 것으로 적용해보았다. 불펌 금지!)

 

 

 

 

 

4. 전체 박스 디자인 파일(put your design here)을 수정하여 저장하면 자동으로 top side, right side, front side 각각의 파일들이 수정되어 있다.

하나씩 열어 확인해보도록 하자.

 

 

 

만약, 변경되지 않았다면 Layer > smart objects > update modified 체크하도록 한다.

*위의 기능은 Photoshop CC버전부터 가능하다니까 참고하도록 하자.

 

 

 

 

 

5. 마지막으로 박스 목업 데모(Box-Mockup-Demo) 파일을 열어 변경이 잘 되어 있는지 확인해 준다.

 

여기서도 위와 같이 변경이 되지 않았다면

Layer > smart objects > update all modified content를 클릭해 준다.

 

 

 

 

 

아니면 Right side 레이어에 걸려있는 링크를 다시 걸어주도록 한다.

Right side 레이어에서 오른쪽 마우스 클릭 후 Relink to file을 선택해준 후, 해당 파일을 찾아 Place 해 준다.

 

 

 

 

 

▼ Right side파일을 Place!

 

 

 

 

(+) 박스 컬러나 배경 컬러도 자유자재로 변경 가능하다.~

 

 

 

 

 

♥ 최종 완성 @-@