쇼핑몰 포토샵 & 상품페이지 디자인

▣ 작가 소개

저자 : 신미영
oderecipe@naver.com

現 피드넷(Feed Net) 실장
現 IT 관련 테크니컬 라이터

현재 피드넷 실장으로 앱 및 웹 사이트 제작에 대한 기획 및 운영을 하고 있다. 고도 아카데미, 아카데미 정글, 정보통신 대학교 교육원, 대학교, 기업 등에서 10년 넘게 웹 사이트 제작 및 온라인 쇼핑몰 제작 및 운영 과정을 강의하고 있다.

주요 저서
『실력이 탐나는 드림위버 CS5』 (정보문화사)
『독하게 배워 바로 써먹는 드림위버 CS4』 (북앤라이프)
『할 수 있다 드림위버 CS3』 (영진닷컴)
『드림위버 CS3 쉽게 배우기』 (영진닷컴)
『할 수 있다 드림위버 8』 (영진닷컴)
『HTML+자바스크립트 쉽게 배우기』 (영진닷컴)
『고도몰에서 무료로 쉽게 구축하는 인터넷 쇼핑몰 만들기』 (디지털 북스)

저자 : 양희정
yhj@godo.co.kr

現 (주)고도소프트 교육팀 부장
現 고도몰 교육센터 고도아카데미 원장

현재 (주)고도소프트 교육팀 부장으로 고도몰 산하 쇼핑몰 창업 전문 교육기관인 고도아카데미를 운영하고 있으며, 고도아카데미, 여성센터, 학교, 기업 등에서 10년 넘게 디자인 및 인터넷 쇼핑몰 창업 과정을 강의하고 있다.

주요 저서
『파워포인트 2003 기본+활용 쉽게 배우기』 (영진닷컴)
『파워포인트 2007 기본+활용 쉽게 배우기』 (영진닷컴)
『사전처럼 찾아보는 포토샵 CS4』 (영진닷컴)
『독하게 배워 바로 써먹는 엑셀+파워포인트 2007 (공저)』 (북앤라이프)
『고도몰에서 무료로 쉽게 구축하는 인터넷 쇼핑몰 만들기』 (디지털 북스)

▣ 주요 목차

Chapter1. 쇼핑몰 디자인과 포토샵 이야기
Section 01. 쇼핑몰 운영에 있어서 포토샵 필요성 알아보기
Section 02. 포토샵 이야기와 포토샵 설치/실행법 알아보기
Section 03. 포토샵 화면 구성 알아보기
Section 04. 포토샵 도구 기능 알아보기

Chapter2. 쇼핑몰 이미지 제작을 위한 포토샵 필수 기능 익히기 1
[파일관리, 배경, 레이어 기초, 기초 이미지 보정 편]
Section 01. 작업 화면 설정과 이미지 배율 조정 및 이동하기
Section 02. 여러 이미지 파일 열고 작업창 별도 조정하기
Section 03. 이미지 크기 조정과 파일 포맷 변경하여 저장하기
Section 04. 기울어진 이미지 회전시키고 필요한 부분만 잘라서 저장하기
Section 05. 특정 크기로 잘라서 외곽 테두리 만들어 저장하기
Section 06. 특정 방향으로 여백 만들어 다른 이미지 붙이고 저장하기
Section 07. 레이어 복제 이동과 투명도 조정하기
Section 08. 새 편집창 만들어 배경색 채우고 여러 사진 붙이고 편집하기
Section 09. 그라디언트 배경 만들고 테두리와 사각형 만들어 배치하기
Section 10. 패턴 기능 사용하여 배경 채우고 선택 영역 편집하기
Section 11. 이미지 전체와 특정 부분 밝게, 어둡게 명암 보정하기
Section 12. 흔들린 사진 보정하고 투명 그라디언트 배경 연결하기
Section 13. 상품 복제 이동하여 나열하고 상품 색상 변경하기
Section 14. Black&White 톤으로 변경하고 특정 영역만 칼라 톤으로 되돌리기
Section 15. 배경 이미지 흐리게 만들고 특정 부분은 선명하게 보정하기


Chapter3. 쇼핑몰 이미지 제작을 위한 포토샵 필수 기능 익히기 2
[텍스트, 기초 드로잉, 도형 편]
Section 01. 글자 입력하고 속성 편집하기
Section 02. 문단 입력과 관련 패널로 속성 편집하기
Section 03. 글자에 다양한 효과 주고 편집하기
Section 04. 제목 글자 왜곡시켜 모양 변경하고 레이어 효과 적용하기
Section 05. Rasterize 명령으로 글자 레이어 속성 변경하고 이중 테두리 효과 넣기
Section 06. 연필/브러시 도구 이용해서 직선 드로잉하고 색칠하기
Section 07. 브러시 도구를 이용한 다양한 선 만들기와 문양 찍기
Section 08. 선 도구 아용해서 직선과 화살표선 만들기
Section 09. 도형 삽입하고 선/면 속성 편집하기
Section 10. 모양 레이어 속성 변형하고 편집하기
Section 11. Path Operation 기능 이용해서 새로운 도형 만들기
Section 12. 클론스탬프/힐링브러쉬 도구로 복제하여 합성하기
Section 13. 패턴 스탬프 도구로 선택 영역에 무늬 넣기


Chapter4. 쇼핑몰 이미지 제작을 위한 포토샵 필수 기능 익히기
[투명처리, 합성, 펜툴 이용 편]
Section 01. 타원 형태로 상품 이미지 붙이고 점선 테두리 만들기
Section 02. 지우개 관련 도구를 이용하여 상품 이미지 투명처리하기
Section 03. 마술봉 선택 도구 이용하여 상품 이미지 투명 처리하기
Section 04. Quick Selection 도구 이용하여 상품 이미지 투명 처리하기
Section 05. Color Range 메뉴 명령 이용하여 상품 이미지 투명 처리하기
Section 06. 다각형 선택 도구 이용하여 상품 이미지 투명 처리하기
Section 07. 퀵 마스크 기능 이용하여 상품 이미지 투명 처리하기
Section 08. 레이어 마스크 이용하여 상품 이미지 투명 처리하기 1
Section 09. 레이어 마스크 이용하여 상품 이미지 투명 처리하기 2
Section 10. 레이어 마스크와 그라디언트 도구 이용하여 이미지 합성하기
Section 11. 클리핑 마스크로 상품 이미지 일부 영역만 보이게 만들기
Section 12. 펜 도구로 직선 패스 만들고 색상 채우기
Section 13. 펜 도구로 곡선 패스 만들고 선 처리하기
Section 14. 펜 관련 도구로 도형 변형하기
Section 15. 펜 툴로 패스 만들어 상품 이미지 투명처리하기

Chapter5. 쇼핑몰 이미지 꾸미고 만들기
[프레임, 메인 이미지, 배너 제작 편]
Section 01. 이미지 외곽 둥근 모서리 프레임 제작하기
Section 02. 레이어 효과 복사/붙여넣기로 동일한 스타일 만들기
Section 03. 폴라로이드 이미지 프레임 만들기
Section 04. 클립 꼽혀있는 효과 내기
Section 05. 숨기고 싶은 부분만 선택 영역으로 지정해서 모자익 처리하기
Section 06. 모델이 돋보이게 뒷 배경 흐리게 만들기
Section 07. 블렌딩 모드로 일러스트 이미지 합성하고 나뭇가지로 장식하기
Section 08. 레이어 폴더에 레이어 마스크 적용해서 사선 배경 만들기
Section 09. 모델 그림자 만들어 배치하기
Section 10. 상품 반사시켜 그림자 만들고 하트 반짝이로 장식하기
Section 11. 가이드라인에 맞추어 배경 만들고 패턴 등록하여 적용하기
Section 12. Adjustment Layer로 배경 만들고 이미지 보정하기
Section 13. 그라데이션 배경 만들고 무료배송 스티커 붙이기
Section 14. 패스 편집 기법 이용해서 첫 번째 마네킹 투명처리하기
Section 15. 패스 이동 변형해서 나머지 마네킹 투명처리하기

Chapter6. 꼭 필요한 쇼핑몰 구성 요소 제작하기
[버튼, 웹스티커, 메뉴바, 사이즈표, 움직이는 Gif 애니메이션 편]
Section 01. 쇼핑몰 버튼 만들기
Section 02. 좋아요 동그라미 버튼 만들기
Section 03. 효과 만점의 웹 스티커 만들기
Section 04. 카테고리 메뉴바 만들기 1
Section 05. 카테고리 메뉴바 만들기 2
Section 06. 가로 메인 메뉴바 만들기
Section 07. Png 형식의 투명 버튼으로 조각 이미지 만들어 저장하기
Section 08. FAQ 게시판 타이틀 이미지 만들기 1
Section 09. FAQ 게시판 타이틀 이미지 만들기 2
Section 10. 배송/교환/반품 안내 페이지 만들기 1
Section 11. 배송/교환/반품 안내 페이지 만들기 2
Section 12. 사이즈 표 만들기
Section 13. 글자가 깜박이는 애니메이션 gif 만들기
Section 14. 교체되는 상품 이미지 애니메이션 gif 만들기
Section 15. 이미지 슬라이드 애니메이션 gif 만들기 1
Section 16. 이미지 슬라이드 애니메이션 gif 만들기 2

Chapter7. 상품 상세 페이지와 이벤트 팝업 제작하기
Section 01. 액션으로 한방에 같은 크기로 사이즈 일괄 조정하기
Section 02. 일괄 크기 조정된 이미지 여러 장 불러들여 배치하기
Section 03. 사이트 도장 등록해서 사진마다 표시하기
Section 04. 프레임이 있는 상세 페이지 만들기 1
Section 05. 프레임이 있는 상세 페이지 만들기 2
Section 06. 프레임이 있는 상세 페이지 만들기 3
Section 07. 그룹 폴더로 효율적인 상품 페이지 레이아웃 만들기 1
Section 08. 그룹 폴더로 효율적인 상품 페이지 레이아웃 만들기 2
Section 09. 그룹 폴더로 효율적인 상품 페이지 레이아웃 만들기 3
Section 10. 겨울 신상품 이벤트 팝업 만들기 1
Section 11. 겨울 신상품 이벤트 팝업 만들기 2
Section 12. 12시 이벤트 팝업 만들기 1
Section 13. 12시 이벤트 팝업 만들기 2
Section 14. 12시 이벤트 팝업 만들기 3