상세페이지 무료 템플릿 PSD

상세페이지 템플릿 파일 다운로드

유튜브 강의에 몇가지 스타일의 상세페이지를 만드는 방법을 공개하였습니다.

그중에서 조회수가 가장 높았던 기본 스타일의 상세페이지 템플릿 PSD 원본 파일을 무료로 공유합니다.

포토샵으로 제작된 10,000픽셀 이하의 짧은 상세페이지 템플릿 파일이며 간단한 제품 소개와 장점, 3가지 제품 포인트, 제품 정보를 넣을 수 있는 상세페이지 무료 템플릿 파일 입니다.

아래링크에서 다운 받으실 수 있으며 템플릿 사용 방법을 안내해 드리겠습니다.

템플릿 미리보기 이미지

 

상세페이지 무료 템플릿 다운로드

상세페이지무료템플릿.psd

쇼핑몰 상품 판매를 위한 용도의 상업적으로 사용이 가능합니다. 

 

템플릿 PSD 파일에  사용된 폰트 정보입니다.

무료 폰트로 포털사이트 검색시 무료로 다운 받을 수 있습니다. 템플릿 파일에 사용된 폰트 외에 다른 폰트로 변경하여도 좋습니다.

 

영문 Montserrat, Dancing Script

한글 G마켓 산스

 

상세페이지 무료 템플릿 사용방법 안내

포토샵으로 수정 가능한  PSD 템플릿 파일 입니다.

최대한 초보자 분들도 간편하게 수정 하실 수 있게 제작하였습니다. 

오른쪽 레이어 패널에서 각 그룹을 섹션별로 구분하여 같은 컬러로 표시하였습니다.

아래 이미지에서 붉은색으로 표시한 그룹은 인트로 영역입니다.

레이어 패널의 빨간 색 그룹은 인트로 영역입니다.

글씨 수정하기

상세페이지 템플릿 PSD 파일의 레이어 그룹을 열어 원하는 글씨를 수정합니다. 

레이어의 'T'로 표기된 섬네일을 더블클릭하여 교체할 텍스트를 입력하면 됩니다. 섬네일 더블클릭 후 영역이 블럭으로 잡히게 됩니다. 그대로 원하는 텍스트를 입력하시면 욉니다.

'T'를 더블클릭하고 타이핑하세요.

'T'를 더블클릭하면 블럭으로 잡힙니다.

 

 

이미지 넣기

템플릿파일의 이미지 레이어에 '클릭 후 이미지 드래그'라고 레이어 이름을 넣어 두었습니다.

교체할 부분의 이미지 레이어를 클릭한 상태에서 넣고 싶은 이미지를 캔버스 영역으로 드래그하면 원하는 순서에 맞게 이미지가 삽입 됩니다.

해당 부분을 클릭 후 이미지를 드래그 해주세요.

 

이미지 보정하기

상세페이지 템플릿 파일을 효과적으로 사용하시기 바라는 마음에 간단한 이미지 보정 효과를 넣어 두었습니다.

효과 레이어의 눈을 키면 효과를 볼 수 있습니다.

보정을 원하는 이미지 레이어가 효과 레이어 아래에 있을때 이미지 보정 효과를 볼 수 있습니다.

아래 이미지의 레이어 순서를 참고해 주세요.

보정 효과 레이어의 눈을 켜서 사용해주세요.

색상 바꾸기

색상이 사용된 레이어에는 '섬네일 더블 클릭 색상변경'이라는 간단한 메모를 남겨 두었습니다.

도형 레이어의 경우 레이어의 섬네일을 더블 클릭하면 색상을 변경할 수 있는 색상피커 창이 뜹니다.

원하는 색상으로 선택 후 확인을 누르면 적용 됩니다.

섬네일을 더블 클릭해주세요.

색상피커