- PDF Free Download

Size: px

Start display at page:

Download ""

서라 반
5 years ago
Views:

2 CONTENTS Chapter 01 포토샵기본화면익히기 03 Chapter 02 기초도구 (Tool) 익히기 09 부록 스마트배송서비스 21 부록 스마트포토스튜디오 & 스마트편집기 25

3 CHAPTER 01 포토샵기본화면익히기

4 CHAPTER 01 포토샵기본화면익히기 TIP 오픈마켓상품등록순서 1. 포토샵기본설정하기 Edit>Preferences>General. 1) Unit Rulers &. 2). 72pixel ) Type Show font names in English

5 2. 포토샵화면구성. Window>Workspace>Essentials(default) ) (Menu) 2) (Option) 3) (Toolbox) 4) / (Window) 5) (Layer) 6) (Canvas) 7) 8) 7 3. 포토샵도구상자구성 4 / / / / 5 / / / / / : Alt+delete :Ctrl + delete 포토샵기본화면익히기 05

Web] Ctrl + Shift + Alt +S 편집 (Edit) 메뉴 : Ctrl + Alt + Z / : Ctrl + Shift + Z 메뉴 기능 단축키 [Edit] [Undo] Ctrl + Z [Edit] [Redo] Ctrl + Z [Edit] [Cut] Ctrl + X

6 CHAPTER 01 포토샵기본화면익히기 4. 포토샵필수메뉴면구성 파일 (File) 메뉴 메뉴 기능 단축키 [File] [New] ( ) Ctrl + N [File] [Open] Ctrl + O [File] [Close] Ctrl + W [File] [Save as] Ctrl + Shift + S [File] [Save For Web] Ctrl + Shift + Alt +S 편집 (Edit) 메뉴 : Ctrl + Alt + Z / : Ctrl + Shift + Z 메뉴 기능 단축키 [Edit] [Undo] Ctrl + Z [Edit] [Redo] Ctrl + Z [Edit] [Cut] Ctrl + X [Edit] [Copy] Ctrl + C [Edit] [Paste] Ctrl + V [Edit] [Free Transform] ( / ) Ctrl + T 5. 페이지제작을위한기본메뉴 1) 1 2 2) 3) (psd) 4) (jpg, gif ) 페이지제작을위한기본순서 -1 새문서만들기 ( 캔버스생성 ) : File > New (Width) : ex) / 860px (Height) : (Resolution) : 72pixel/inch (Mode) : RGB color/8bit (Background Contents) : 06

( ) 2) (Format) 3) 4) 3 4 2 : ex)banner_0925.

7 사진 ( 이미지, 원본파일 ) 불러오기 : File > Open 1 1) ( ) 2) ( ) 3) 2 3 파일저장하기 : File > Save > File Save as 1 1) ( ) 2) (Format) 3) 4) : ex)banner_0925.jpg (Format) PSD : GIF : (, ) JPG : (=JPEG) 포토샵기본화면익히기 07

9 CHAPTER 02 기초도구 (Tool) 익히기

CHAPTER 02 기초도구 (Tool) 익히기 실습 화면확대 / 축소 / 이동 1.

이미지가확대되었을때 [hand tool] 를클릭하여예제이미지를클릭후드래그해서이미지를이동시킬수있습니다.

10 CHAPTER 02 기초도구 (Tool) 익히기 실습 화면확대 / 축소 / 이동 1. 메뉴에서 [ 파일 /file]-[ 열기 /open] 선택하여이미지를불러옵니다. ( 예제 : 돋보기도구.psd) 2. [Zoom tool] 를클릭하고예제이미지를클릭합니다. 반대로축소를위해서는상단의옵션바의 [zoom out] 아이콘을클릭하여다시예제이미지를클릭합니다. 3. 이미지가확대되었을때 [hand tool] 를클릭하여예제이미지를클릭후드래그해서이미지를이동시킬수있습니다. ( 단축키 : space bar키 ) 1 2 보기관련도구 : Space Bar /, 기능 단축키 Ctrl + SpaceBar + Click Ctrl + Ctrl + Alt + Ctrl + Alt + Ctrl + Ctrl + Alt + Ctrl + 0 Ctrl + Alt

(Distributes) 실습 이미지이동하기 ( 이미지합성 ) 1. *[ 파일 /file]-[ 열기 /open] 선택하여작업할두개의이미지를불러옵니다. ( 예제 : 이동도구, 이동도구1.

11 이동도구이해하기 ) (Auto Select) : -layer/group 2) (Show Transform Control) : Ctrl+T 3) (Align) 4) (Distributes) 실습 이미지이동하기 ( 이미지합성 ) 1. *[ 파일 /file]-[ 열기 /open] 선택하여작업할두개의이미지를불러옵니다. ( 예제 : 이동도구, 이동도구1.psd) 2. 제목표시줄을마우스로드래그해서아래로떨어트립니다. 작업창이탭에서팝업창으로나타납니다. 3. [Move tool] 을클릭하고 이동도구.psd 의모델이미지를 이동도구.PSD 작업창으로드래그합니다. 4. 상단메뉴에서 [file]-[save as] 를클릭하여대화상자에서파일명을 이동도구완성 라고입력하고 [ 저장 ] 버튼클릭후열린대화상자에서저장할위치 ( 바탕화면 ) 지정후 [ 확인 ] 버튼을클릭합니다. 5. 상단메뉴에서 [file]-[save for web] 를클릭하여대화상자에서우측상단의 [optimized] 탭선택후 jpeg 메뉴로선택하여하단의 [save] 버튼을클릭합니다. 파일명을 move_tool 이라고입력하고열린대화상자에서저장할위치 ( 바탕화면 ) 지정후 [ 확인 ] 버튼을클릭합니다. 기초도구 (Tool) 익히기 11

CHAPTER 02 기초도구 (Tool) 익히기 선택도구이해하기 1 2 3 1pixel 1pixel 1) 2) 3) [ ] : Alt +

실습 올가미도구이해하기 올가미툴로이미지합성하기 1. [ 파일 /file]-[ 열기 /open] 선택하여이미지를불러옵니다. ( 예제 : 올가미도구.

도구박스에서 [polygonal lasso tool] 을선택하고올가미도구.psd 창의모니터화면의각모서리를클릭하여선택영역으로지정합니다. 3 4.

12 CHAPTER 02 기초도구 (Tool) 익히기 선택도구이해하기 pixel 1pixel 1) 2) 3) [ ] : Alt + Delete / Edit>Fill>Foreground Color : Ctrl + Delete / Edit>Fill>Background Color 실습 올가미도구이해하기 올가미툴로이미지합성하기 1. [ 파일 /file]-[ 열기 /open] 선택하여이미지를불러옵니다. ( 예제 : 올가미도구.psd) 2. [ 파일 /file]-[ 새로만들기 /new] 로캔버스를만들어준다. ( 사이즈 : 600*500) 3. 도구박스에서 [polygonal lasso tool] 을선택하고올가미도구.psd 창의모니터화면의각모서리를클릭하여선택영역으로지정합니다 ctrl + c 키를눌러노트북이미지만복사를하고새로만든캔버스 에서 ctrl + v 키를눌러앞서복사한노트북이미지를붙여넣기합니다. ( 앞서설명한 move tool 기능으로도사용가능함.) 12

실습 자석올가미도구이해하기 아웃포커싱이미지만들기 1. [ 파일 /file]-[ 열기 /open] 이미지를불러옵니다.

[select] - [inverse] 반전메뉴 (ctrl+shift+i) 를 이용하여선택영역을반전시킵니다. 4.

13 실습 자석올가미도구이해하기 아웃포커싱이미지만들기 1. [ 파일 /file]-[ 열기 /open] 이미지를불러옵니다. ( 예제 : 자석올가미도구.jpg) 2. [Magnetic lasso tool] 을이용하여리본을선택영역으로지정합니다. 또한 lasso tool을이용해서부분적으로수정합니다. Tip) space bar + ctrl키를누르면 zoom 도구사용가능 3. [select] - [inverse] 반전메뉴 (ctrl+shift+i) 를 이용하여선택영역을반전시킵니다. 4. [filler] -> [blur] -> [gaussian blur] 를선택하여 radius 입력값을 3 정도지정하고 [ok] 버튼을누릅니다. 5. [select] -> [deselect] 버튼을클릭합니다. < > 기초도구 (Tool) 익히기 13

원하는너비 (Width) 와높이 (Height) 값을입력 5. OK버튼 실습 이미지크기조절및선택도구 상품사진크기와모양조절하기 1.

14 CHAPTER 02 기초도구 (Tool) 익히기 실습 이미지크기및해상도조절 Image>Image Size.. 1. [Image] [Image Size] 2. 해상도 (Resolution) 를 72px로 3. Constrain Proportions 옵션체크 4. 원하는너비 (Width) 와높이 (Height) 값을입력 5. OK버튼 실습 이미지크기조절및선택도구 상품사진크기와모양조절하기 1. Imge size( 이미지크기 ) 대화상자와 canvas size( 컨버스크기 ) 대화상자. ( 예제 : 사이즈조절.jpg) imge size, canvas size. < > < > 14

15 2. 원근감이느껴지도록사이즈조절하기 1) [ /file]-[ /open]. ( :.jpg) 2) [Rectangular marquee tool]. 2 3) feather( ) 0. 4). 5) [Edit] ( ) [free fransform] ( ).(ctrl+t) 6) [Shift]. enter. 7) [select] [deselect] (ctrl+d). 실습 이미지크기및해상도조절 Edit>Transform : (Ctrl + T) 8 /. [shift] : [shift+alt] : 기초도구 (Tool) 익히기 15

CHAPTER 02 기초도구 (Tool) 익히기 실습 불필요한여백자르기 / 사이즈고정후자르기 1) / 2) 3) 4) 1 2 3 4 [Crop

2 3 3. 도구상자에서 [quick selection tool] 을 2초간클릭하고 [magic wand tool] 을다시선택합니다.

16 CHAPTER 02 기초도구 (Tool) 익히기 실습 불필요한여백자르기 / 사이즈고정후자르기 1) / 2) 3) 4) [Crop tool ] < > 실습 자유변형활용하기 내맘대로이미지배치 1. [ 파일 /file]-[ 열기 /open] 선택하여작업할귀걸이의이미지를불러옵니다. ( 예제 : 선택도구.jpg) 2. 도구상자에서 [crop tool] 선택하고캔버스에생긴 tansform box를조절하여왼쪽신발만영역으로지정후상단옵션바의 [ 체크 ] 아이콘을클릭합니다 도구상자에서 [quick selection tool] 을 2초간클릭하고 [magic wand tool] 을다시선택합니다. tolerance 5. [select] -> [inverse] (ctrl+shift+i). 4. [ctrl] + [c] 키를눌러신발이미지를복사하고 [file] [new] 600X600 픽셀새캔버스를만든후새로만든캔버스에서 ctrl + v키를눌러앞서복사한신발이미지를붙여넣기합니다. 16

17 5. Edit( 편집 )-free fransform( 자유변형 ) 메뉴를선택 (ctrl+t) 하여오른쪽상단모서리쪽으로마우스를 가져갑니다. 그다음마우스포인터가둥근화살표바뀌면왼쪽으로드래그해서회전하고 enter 를 누릅니다. 6. 같은방법으로 선택도구.jpg 캔버스에서 Ctrl + Alt + Z 를반복해서클릭하면작업실행취소가 반복으로됩니다. 7. 위의 2 번항목부터같은방법으로오른쪽이미지복사후붙여넣어완성이미지와같이제작해봅니다. < Crop> < > < > 기초도구 (Tool) 익히기 17

CHAPTER 02 기초도구 (Tool) 익히기 실습 문자도구이해하기 1. 사용방법 2. 글자입력완료 Ctrl + Enter / Enter / 3. 글자입력취소 : Esc키 1 2 3 4 5 6 7 1) 2) 3) 4) 5) 6) 7) (Character) 실습 폰트설치및활용하기 1. 방법 [fonts] (*.

18 CHAPTER 02 기초도구 (Tool) 익히기 실습 문자도구이해하기 1. 사용방법 2. 글자입력완료 Ctrl + Enter / Enter / 3. 글자입력취소 : Esc키 ) 2) 3) 4) 5) 6) 7) (Character) 실습 폰트설치및활용하기 1. 방법 [fonts] (*.ttf) 2. 설치경로 [ ] [ C] [Windows] [Fonts] Window > >( )> 3. 지마켓옥션추천템플릿다운시폰트파일첨부 너무많은폰트는시스템을느려지게하는원인이될수있습니다. 18

19 실습 모양도구이해하기 1 2 Ractangle Rounded Rectangle Elipse Radius ( :px) Polygon Sides (3 ) Line Weight ( :px) Custom Shape Shape 1) (shape)/ (path)/ (pixels) 2) (stroke) 3) 3 실습 브러시도구이해하기 ) 2) 3) 기초도구 (Tool) 익히기 19

21 부록

22 부록 스마트배송서비스 1. 이베이물류서비스란? /,,. 3. [1] 지마켓 / 옥션스마트배송 물류서비스 [2] 지마켓 / 옥션일반상품 물류서비스 [3] 타온라인몰 ( 오프라인 ) 상품물류서비스 2. 스마트배송이란?, /, / / / /.,,. 지마켓 / 옥션전용스마트배송상품등록 구매자 지마켓 / 옥션에서스마트배송상품주문 지마켓 / 옥션주문정보자동연동 이베이물류센터 상품포장 & 출고 / 배송 / 교환 / 반품 판매자 물류상품등록 판매자 물류센터입고 지마켓 / 옥션일반상품등록 구매자 지마켓 / 옥션에서일반상품주문 판매자가발송 ( 출고 ) 요청 이베이물류센터 상품포장 & 출고 / 배송 타온라인몰 ( 오프라인 ) 상품등록 구매자 타온라인몰 ( 오프라인 ) 에서상품주문 판매자가발송 ( 출고 ) 요청 이베이물류센터 상품포장 & 출고 / 배송 스마트배송서비스 이베이물류서비스 22

23 3. 스마트배송서비스특징 /, 지마켓 / 옥션플랫폼과연계해아이템노출기회확대, 정산주기단축등차별된혜택. 물류비용감소 출고량에따른과금 1, 재고관리 재고 Loss 율 최소화관리 0.03% 이베이물류서비스혜택 상품포장 / 배송 상품의크기 / 특성을고려 /! 전문적인물류운영 / 안전한물류센터 Ebay 전문 IT 툴 / 리포트제공, 1 전문 IT 툴제공 & 셀러별재고현황리포트 ( ) 주문관리의편의성 / CS 전용센터 아이템노출기회확대 스마트배송서비스전용혜택 주문상품의합배송을통해배송비절감 18시까지주문건당일출고및익일배송 ( ) 스마트배송전용관 / 프로모션 지마켓 / 옥션스마트배송상품전용노출영역 판매상품정산주기단축 스마트배송전용관오픈 ( ) 출고 D+1 에정산처리 ( 90%) ( ) 스마트배송서비스 23

24 부록 스마트배송서비스 4. 물류서비스이용가능카테고리안내 마트 / 생활 / 잡화상품군을중심, 2 ( ) 패션 / 뷰티 / 잡화카테고리 구분 카테고리 1 ( ) / / ( / ) / / / ( ) / / 2 ( ) / / / / / PC / / / 5. 물류센터운영주의 / 제한물품특성,. (, ) 30 ~100 ( ) / 상품의삼변의합이 140cm 초과, 중량 20Kg 초과상품취급불가,,, /, / / /, 6. 스마트배송관련문의처안내. 구분 연락처 : , 7979 / : help_smart@ebay.co.kr / : ESM > ( ), smartdelivery@corp.gmarket.co.kr / smartdelivery@corp.auction.co.kr 24

25 NEW & 부록

26 부록 스마트포토스튜디오 & 스마트편집기 1. 스마트포토스튜디오란? 상품사진 / 상세페이지대행서비스 매달 500 만개의경쟁사의신규상품 너무비싼상품페이지디자인제작 인증되지않은스튜디오및디자인업체들 배워서직접하기에소요되는시간! 2. 스마트포토스튜디오 고품질의상품사진및 New 상세페이지제작서비스 New 상세페이지 3. New 상세페이지 4. New 상세페이지 ( ) 26

27 3. 스마트포토스튜디오 4 가지스마트포토스튜디오만의핵심장점 1) New 2) 3) 4)!,, 4. 스마트포토스튜디오 4 가지스마트포토스튜디오만의서비스및비용 상품사진촬영서비스 상세페이지디자인서비스 New 1., (600 * 600px) 2. 6~10cut * 50 * 50cm, 20kg 4. 5.,,,,, 1. New 제공서비스는스튜디오에따라조금씩다를수있음 : 19,900 (6 ) : 59,900 (1 ) : ( ) / ( : ) 스마트포토스튜디오 & 스마트편집기 27

28 부록 스마트포토스튜디오 & 스마트편집기 5. 스마트포토스튜디오 4 가지스마트포토스튜디오만의서비스절차 Esm plus, ( ) 1 E- (JPEG) ( ) 6. 스마트포토스튜디오 G 마켓혹은옥션검색창으로 스마트포토스튜디오 를검색하세요 석스튜디오트라이컴즈아이샤픈 1-52 ( ) ( ) < < < 28

29 7. 많이하시는질문들 Q&A 1) 1? ). 2) 3? ). 3)? ).. 4) E? ), E.,. 스마트포토스튜디오 & 스마트편집기 29

30 부록 스마트포토스튜디오 & 스마트편집기 이제, 상품페이지는스마트편집기 / 스마트포토스튜디오에서해결하세요!! 8. 스마트편집기란? G /,, 스마트편집기의장점 1) 쉽고편리한 디자인편집기 2), 높은 품질 3) 자동저장 10. 서비스이용방법 1) ESM+ 좌측대메뉴 상품페이지제작 스마트편집기클릭 2) ㆍ G. G,. ㆍ 5,000. ESMPLUS. ( ) ㆍ. (.) 30

31 MEMO MEMO 31

32 MEMO 32

(, )

(, ) (, ) CONTENTS Chapter 01 추천템플릿활용하기 03 부록 스마트배송서비스 17 부록 스마트포토스튜디오 & 스마트편집기 21 CHAPTER 01 추천템플릿활용하기 CHAPTER 01 추천템플릿활용하기 실습 1 1. all_detail_guid 폴더 안에 03_ 템플릿적용디자인샘플 이라는폴더를더블클릭합니다. 2. 다시 03_ 선택 폴더안에 psd