티스토리 뷰
최종 이미지
포토샵에서 쿠폰 만들기, 할인쿠폰 만드는 법, 쇼핑몰 쿠폰 만들기
인터넷 쇼핑몰이나, 온라인 예매처, 온라인 스토어 등에서 쇼핑을 하다보면 많이 보이는 것 중에 하나가 할인 이벤트나 할인 쿠폰입니다. 혹은 홍보성 메일에서도 많이 볼 수 있습니다. 소비자 입장에서는 할인쿠폰을 보면 많이 혹하게 되긴 합니다. 이런 이벤트 페이지나 메일 등에 자주 사용되는 할인쿠폰 이미지는 상품이나 업체 홍보에 많은 영향을 주는 것 같습니다. 이번 글에서는 간단한 방법으로 눈에 띄는 할인 쿠폰을 만들어보겠습니다.
1. 새 작업창을 열어줍니다.
포토샵 실행 후, 새 작업창을 열어줍니다. 저는 800 x 600 픽셀 작업창을 새로 열어주었습니다.
그 다음, 포토샵 도구 중 다각형 올가미 툴 (Polygonal Lasso Tool) '이하 올가미 툴'을 사용하여 아래와 같이 그려줍니다. 쿠폰이 들어있는 선물 봉투의 느낌을 표현해주려고 양쪽에 하나씩 그려주었습니다. 도형은 각각 하나씩 그려줍니다. 그려준 다음, 붉은 색 계열의 색을 채워 넣었습니다. 혹은 다른 색상을 넣으셔도 무관합니다. 저는 눈에 잘 띌 수 있도록 붉은 색을 넣어주었습니다. 올가미 툴로 그려줄 때에는 작업창에서 넘겨 그려도 상관없습니다.
2. 앞 뒤로 배열한 후, 그림자 효과, 빈티지 배경 클리핑 마스크
그려준 도형 두 개에 색을 채운 다음, 아래와 같이 배치를 해주어 종이가 겹쳐있는 느낌을 줍니다. 겹쳐 있는 부분이 도드라지도록 각 도형에 그림자 효과도 주었습니다. (레이어 더블 클릭 - 레이어스타일 - 그림자효과)
다음 빈티지 효과가 나는 배경을 다운 받아 각 도형에 클리핑마스크를 적용해줍니다. ('빈티지 종이 텍스쳐'로 검색)
적용 전보다 종이질감의 자연스러운 효과가 나도록 적용해줍니다. 클리핑 마스크 후, 빈티지 효과 배경의 모드는 Linear Burn으로 변경해줍니다.
3.쿠폰 배경, 할인율 적어주기
다음으로는 쿠폰 배경와 할인율을 적어줍니다. 잘 보이도록 붉은 도형 맨 뒷 바탕을 진한 회색으로 변경해주었습니다.
그리고 쿠폰의 흰 배경 도형을 그려준 후, 할인율을 적어주었습니다. 할인율 숫자에도 종이질감 배경 클리핑마스크를 적용하기 위해 문자타입을 이미지화하였습니다.
- 배경색 진한 회색으로 변경하기 (하얀색 쿠폰 잘보이게 하기 위해서)
- 쿠폰 배경 하얀색 사각 도형그려주기
- 하얀색 사각 도형 위에 할인율 적어주기
- 할인율 문자를 이미지화 하기 (안해도 됨, 건너뛰기 가능)
4. 쿠폰 꾸며주기
다음으로는 쿠폰을 간단히 꾸며주도록 하겠습니다. 하얀색 사각 배경이 단조로워서 마스크를 적용시킨다음 동그란 브러쉬로 양쪽 면을 아래와 같이 반씩 가려주었습니다. (마스크 적용 후, 가려주고 싶은 부분은 검정색 브러쉬, 다시 살리고 싶으면 하얀색 브러쉬를 사용하면 됩니다.)
그 다음 할인율 아래에 영문으로 디스카운트 쿠폰을 적어주고, 좌측 모서리에도 리본처럼 꾸며주었습니다. 거의 모든 건 클리핑마스크가 다했습니다. 회전을 하고 싶을 때는 Ctrl+T를 눌러 이미지를 잡아준 후 회전을 됩니다.
5. 바탕 꾸며주기
쿠폰 뒷 배경인 진한 회색 배경을 꾸며주겠습니다. 도구 툴 중에서 '커스텀 쉐입 툴'을 선택한 후, 폭죽 모양을 선택하여, 그려줍니다. 모양이 흐트러지지 않도록 Shift 키를 누르고 마우스로 드래그합니다. 그리고 진한 회색 바탕에도 봉투 종이질감에 적용해주었던 빈티지 배경 효과를 주었습니다. (클리핑 마스크 적용)
뒷 배경에 폭죽 모양이 채워지도록 모양을 넣어주고, 그라데이션 효과를 주었습니다. 크기도 조절해가며 넣어 주었습니다.
6. 쿠폰 만들기 이미지 완성
아래와 같이 쿠폰을 만들어 보았습니다. 쿠폰 안에 글자 배치만 다르게 하여 세 가지 만들어보았습니다.
글로 설명하려니 생각보다 많이 길어지지만 가볍게 시도해보셔도 좋겠습니다. 오늘도 글을 읽어주셔서 감사합니다.
'포토샵 배우기' 카테고리의 다른 글
[포토샵] 백그라운드 없애기, 자물쇠 없애기, 레이어 패널 잠금기능 (0) | 2021.01.20 |
---|---|
[포토샵] 블렌딩 모드, 포토샵 사진 색상 합성하기, 사진 색상 변경, 그라디언트 효과 (0) | 2021.01.19 |
[포토샵] GTQ 그랙픽기술자격, 시험출제기준, 기출문제 예시 (0) | 2021.01.17 |
[포토샵] 포토샵 자격증 취득방법, GTQ (그래픽기술자격), 국가공인자격증 (0) | 2021.01.16 |
[포토샵] 포토샵에서 이미지 좌우반전하는 법, 사진 좌우반전, 포토샵 좌우반전 (0) | 2021.01.15 |