본문 바로가기
IT/2D 디자인 정복

[포토샵] 박스 라벨(스벅, 이디야 로고) 합성하기/디자인 목업 디테일 살리는 방법

by 복자정 2023. 3. 7.

안녕하세요.

오늘 알려드릴 내용은 디자인 목업인데요~ 목업을 통해 시제품 제작하기 전의 최종 컨펌을 진행하게 됩니다.

이번 시간에는 박스에 라벨(스벅,이디야 로고) 를 합성해보는 작업을 진행하면서 좀 더 자연스럽게 디테일을 살리는 목업 방법을 배워보는 시간을 가져보도록 할게요!  

 

박스안에 라벨 넣는 방법을 과정대로 설명하고 이후에 정리된 텍스트도 한번 보시고

목업디자인 나중에 응용하셔서 사용하시면 좋으실 거에요~


 

1. 스마트 오브젝트 생성하기

목업디자인box mockup

 

Shape-Rectangle 로 적당히 박스에 들어갈 사이즈로 맞춰주고

레이어 우클릭 하여 스마트오브젝트를 생성해주세요.

[레이어 마.우.클 → Convert to smart object]

 
 

2. [C+T] 마우스 우클릭 Distort 하여 양쪽 꼭지점을 잡고 박스모양에 맞춰주기 

smart object

 

양쪽 꼭지점을 잡을 때 Ctrl 키를 누르며 잡아주면 훨씬 잡기 쉽습니다. 

저는 위쪽 상자면에 스벅 로고 라벨을 넣어주고 싶어서

위쪽으로 도형툴을 넣어주었어요~ 

 

 

3. 스마트오브젝트 레이어를 더블클릭해서 들어간 후 넣고자 하는 이미지를 넣어주기 

스마트오브젝트

 

레이어를 더블클릭을 하게 되면 새로운 탭이 생기며

레이어가 쫙 펴진 것을 보실 수 있는데요~! 

 

저는 스벅 로고 라베를 넣어주기 위해서

스벅.png 파일을 불러왔습니다.

 

여기서 도형레이어의 눈을 꺼주고

불러온 png파일의 눈을 켜줍니다. 

 

 

4. ★반드시 저장 후에 닫기

mockup

반드시 저장[C+S] 후에는 닫기를 해주셔야해요. 

psd 파일로 가면 바뀌어있음을 확인할 수 있어요~

 

 

 

5. 대망의  Last!!!!

 

박스목업디자인

 

여기서 박스목업 Point!

 

블렌딩 모드를 활용하면

박스와 어우러지면서

자연스럽게 연출하실 수 있어요.

 

저는 Pin Light 블렌딩 모드를 활용했습니다! 

 

 

 

자! 이제 정리하겠습니다!



▼ 박스 목업 만드는 방법 정리  

 

1. 넣고 싶은 곳에 도형툴 사이즈 맞추기

2. 이미지 C+T 우클릭 distort를 통해 맞추기
3.  더블클릭해서 스마트오브젝트로 들어감
4. 스마트오브젝트 도형의 눈을 끄고 넣고 싶은 이미지의 png 파일을 가져오기

5. 저장 후 스마트오브젝트 파일 닫기
6. 블랜딩 옵션을 돌려보며 목업 파일과 자연스러운 것을 찾기

 

 

댓글