목차 일부
PART 1 상품소개 페이지를 만들기 위한 준비사항
01 상품소개 페이지란 무엇인가 ... 10
1. 상품소개 페이지는 매장 디스플레이, 그리고 친절한 점원과 같다 ... 10
2. 상품소개 페이지가 갖추어야 할 요건 ... 11
3. 상품소개 페이지는 포토샵으로 만드는 것이 좋다 ... 12
02 오픈마켓에 대하...
더보기
목차 전체
PART 1 상품소개 페이지를 만들기 위한 준비사항
01 상품소개 페이지란 무엇인가 ... 10
1. 상품소개 페이지는 매장 디스플레이, 그리고 친절한 점원과 같다 ... 10
2. 상품소개 페이지가 갖추어야 할 요건 ... 11
3. 상품소개 페이지는 포토샵으로 만드는 것이 좋다 ... 12
02 오픈마켓에 대하여 알아보자 ... 13
03 오픈마켓에 이미지를 올리려면 계정이 필요하다 ... 15
04 실전! 오픈마켓에 상품소개 페이지를 올리자 ... 18
1. 온켓에 상품등록 하는 방법 ... 18
스페셜 팁 : 이미지 링크 걸기 ... 21
2. 옥션에 상품등록 하는 방법 ... 24
3. G마켓에 상품등록 하는 방법 ... 28
4. 나까마에 상품등록 하는 방법 ... 30
스페셜 팁 : 오픈마켓 판매 금지 상품 ... 33
PART 2 상품소개 페이지를 만드는 다양한 방법
상품소개 페이지 제작순서 ... 36
01 촬영한 사진 사이즈 조절하기 ... 38
1. 상품사진에서 잡티 없애기 ... 38
사진에 나타난 흠 감쪽같이 지우기 ... 39
배경색을 깔끔하게 만들어보자 ... 43
2. 이미지 사이즈를 조절하는 대표적인 2가지 방법 ... 45
[Image Size] 명령을 이용한 이미지 사이즈 조절하기 ... 46
크롭 툴을 이용하여 이미지 사이즈 조절하기 ... 47
02 상품 이미지 배경에서 분리하기 ... 48
1. 펜 툴로 상품 이미지와 배경 분리하기 ... 48
2. 클릭만으로 쉽게 배경에서 상품 이미지 분리하기 ... 51
펜 툴이 어렵다면 올가미 툴로 분리해보자 ... 52
마술봉 툴로 간단하게 분리하기 ... 54
3. 크롭 툴만으로도 이미지를 분리해 낼 수 있다 ... 55
03 상품에 어울리는 배경 만들기 ... 58
1. 깔끔함이 돋보이는 단색 배경 ... 58
2. 세련된 그라데이션 배경 ... 62
3. 클릭 한번으로 배경 쉽게 바꾸기 ... 64
스타일 기능을 이용하면 배경이 뚝딱! ... 65
단조로운 배경, 패턴으로 확 바꾸기 ... 68
04 상품 이미지에 글자 입력하기 ... 69
1. 상품 설명 카피와 상품 종류 표시하기 ... 69
2. 제품 이미지 위에 제품 설명 넣기 ... 74
3. 제품 배경에 제품 설명 넣기 ... 78
4. 글자를 박스 처리하여 강조하기 ... 81
5. 도용방지를 위한 워터마크 넣기 ... 84
6. 배송, 교환, 반품 안내 게시물 만들기 ... 86
7. 품절 상품 표시하기 ... 93
8. 네온사인 효과로 로고 화려하게 만들기 ... 96
05 제품 사이즈 표기하기 ... 100
1. 평면으로 사이즈를 표기하는 방법 ... 100
2. 입체적으로 사이즈를 표기하는 방법 ... 107
06 내용을 일목요연하게 정리할 수 있는 표 ... 112
1. 간단한 표 만들기 ... 112
2. 알록달록 화려한 표 만들기 ... 118
07 제품의 일부분을 톡톡 튀게 표현하는 여러 가지 방법들 ... 124
1. 제품의 일부분을 강조하여 보여주기 ... 124
2. 제품의 일부분을 확대하여 보여주기 ... 135
3. 모델의 얼굴이나 특정부분 가려주기 ... 141
08 여러 개의 제품 이미지를 한번에 보여주기 ... 143
1. 색상이 서로 다른 동일한 제품을 한번에 나열해 보여주기 ... 143
수직으로 배열하기 ... 144
스페셜 팁 : 이미지 여러 개 한꺼번에 자르기 ... 146
스페셜 팁 : 레이어 정렬하기 ... 150
수평으로 배열하기 ... 151
스페셜 팁 : 단순 반복 작업은 액션 기능에 맡겨라 ... 152
2. 제품을 겹쳐서 배열하기 ... 155
제품을 살짝 포갠 듯이 보여주기 ... 155
불규칙적으로 배열하기 ... 158
09 다른 사진과 제품 이미지 합성하여 다르게 보여주기 ... 165
1. 멋진 풍경사진을 배경으로 만들어 제품 보여주기 ... 165
2. 웹페이지를 배경으로 해서 제품 보여주기 ... 170
모니터에 보이는 화면 캡쳐하기 ... 170
웹페이지와 상품 이미지 합성하기 ... 172
3. 이미지 사진 위에 제품 올려 놓고 보여주기 ... 177
10 제품이나 이름을 박스 처리하여 돋보이게 만들기 ... 181
1. 제품 이미지를 박스 처리하여 강조하기 ... 181
2. 배경에 문양 만들기 ... 189
스페셜 팁 : 쓰임새 많은 커스텀 셰이프 ... 197
11 제품에 그림자를 만들어 입체감 살리기 ... 198
1. 제품에 그림자 효과를 넣어 입체감 살리기 ... 198
2. 바닥에 투영된 듯한 그림자 만들기 ... 201
12 고객 평가글 편집하여 보여주기 ... 205
1. 좋은 평의 고객 평가글만 모으기 ... 205
2. 고개 평가글 좀 더 튀게 편집하기 ... 209
13 상품소개 페이지를 멋스럽게 만드는 다양한 효과 ... 214
1. 중요한 내용은 이곳에 - 포스트잍 만들기 ... 214
단순한 그림자 효과 적용하기 ... 215
정밀한 그림자 효과 적용하기 ... 218
2. 클릭하고 싶은 올록볼록 버튼 만들기 ... 222
3. 제품 태그 만들기 ... 227
4. 바 코드 만들기 ... 239
스페셜 팁 : 상품소개 페이지 제작을 대신해주는 이미지 대행사 ... 241
PART 3 애니메이션 효과를 이용하여 움직이는 페이지 만들기
01 움직이는 제품 이미지 만들기 ... 245
1. 제품을 돌려보듯이 움직이게 만들기 ... 245
2. 색상이 다른 동일한 제품이 돌아가듯 디스플레이 되게 만들기 ... 249
3. 배경을 움직이게 만들기 ... 256
4. 제품과 배경이 동시에 움직이는 이미지 만들기 ... 261
5. 배경이 뱅글뱅글 돌아가는 배너 만들기 ... 265
02 문자가 움직이는 효과 ... 270
1. 글자가 점점 커지는 광고판 만들기 ... 270
2. 제품과 문자가 적절히 섞여 움직이는 이미지 만들기 ... 278
03 특정 부분만 움직임 효과주기 ... 284
1. 반짝반짝 빛나는 제품 ... 284
2. 제품의 특정부분만 움직이게 만들어보자 ... 288
3. 특정부분만 움직일 때 효과적인 여러 가지 방법들 ... 294
04 상점ㆍ판매자 로고를 이용한 배너 만들기 ... 300
1. 상점 이름도 움직이게 만들어보자 ... 300
2. 따르릉~ 따르릉~ 전화기가 움직이는 배너 ... 305
3. 로고, 배경, 전화 번호가 복합적으로 움직이는 배너 ... 310
더보기 닫기