2019년 카페 24 교육 센터 포/토/샵과정 수업자료

[미란쌤]

http://attach.mail.daum.net/bigfile/v1/urls/d/6TuIrtxKraMAy1kUciE1nh5SX-A/epZtRZISjr3_VjDAfJy8hw

cafe.daum.net/sohodct

[쇼핑몰 포토샵]
*이동할 땐 이동키

*확장자
jpg - 제품, 인물, 풍경, 화질이 좋고 가볍다. 인터넷 가능, 수정어렵다.
gif - 로고, 아이콘, 애니메이션 가능, 용량이 무거운 편, 인터넷 가능, 수정어렵다
psd - 포토샵 원본파일, 수정가능, 인터넷 안됨

*포토샵 초기설정
1. 이동도구:자동선택-레이어 체크
2. 편집-환경설정-단위와 눈금자:픽셀, 문자-글꼴 이름을 영어로 표시:체크 풀기
3. 탭에 붙이기:창-정돈-모두 탭에 통합
4. 편집-환경설정-인터페이스-탭으로 문서 열기
5. 초기화 : 창-작업영역-필수재설정
6. 키보드를 소문자 상태 유지

 *포토샵 기본기능-외우세요!
1. 브러시 크기조절 : [-브러시축소, ]-브러시확대
2. 1회 실행 취소 : Ctrl+Z
 3. 배경레이어 색칠-전경색 칠:Alt+Delete, 배경색 칠:Ctrl+Delete
 4. 패스를 선택영역으로 만들기 : Ctrl+Enter
 5. 레이어 복제:Ctrl+J
 6. 편집-자유변형 : 크기조절(Shift+모서리에서만 가능), 회전 : Ctrl+T
 7. 선택해제 : Ctrl+D

 *이미지 크기(상품사진)
 :원본 2200*1467px
1. 오픈마켓
-상세페이지 가로 860px*20000px
-목록이미지 1000*1000px
2. 쇼핑몰 : 800px~1000px
-목록이미지 290*430
3. 스마트스토어
-목록 : 640*640
-상세 : 860

*이미지 다루기
1. 기울어진 이미지 바로잡기 : 이미지-이미지회전
2. 손바닥 : 더블클릭하면 모니터 크기
3. 돋보기 : 더블클릭하면 100% 실제사이즈
4. 스페이스바 누르면 구석을 볼 수 있다.
5. 화면 확대:Ctrl++, 축소:Ctrl+-
6. 전체크기 확인, 조절 : 이미지-이미지크기
7. 내 마음대로 원하는 위치, 크기조절(정사각형) : 자르기도구
8. 이미지 일부 선택 : 선택도구
9. 약간 기울어진 이미지 바로잡기 : 도구상자-자르기도구-똑바르게하기 버튼 클릭-이미지 드래그
 

*저장
:레이어가 2장 이상
1. 저장:logo.psd->인터넷 x, 수정가능한 원본, 보존용, 소스
2. 웹용으로 저장:logo.gif, logo.jpg(품질:80), 인터넷 ok, 수정 거의 불가능

*다른이름으로 저장
1. 레이어는 2장 이상이지만 PSD 파일을 오픈
2. 웹용으로 저장:logo.gif, logo.jpg(품질:80), 인터넷 ok, 수정 거의 불가능

*다른이름으로 저장
1. 원본 보존
2. 레이어가 1장일 때
 

 *포토샵 후보정(자동)
1. 이미지-자동톤
2. 이미지-자동대비
3. 이미지-자동색상
 

 *포토샵 후보정(수동)
-Image-Adjustment-Levels[이미지-조정-레벨](Ctrl+L)
-Filter-Sharpen-UnshaprMask[필터-선명효과-언샵마스크]100,0.8(Ctrl+F)
-Ctrl+S:품질-12

 *두배 예뻐지는 인물보정(잡티)
 : 브러시 크기 조절 - [ 점점작게, ]점점크게
1. 잡티제거
-작은잡티:스팟복구브러시:Soft Round, 크기:잡티의 2배,  [클릭]만으로 제거 권장
-큰잡티:패치도구-잡티 드래그 선택-깨끗한 곳으로 이동

2. 인물보정
-흐림효과도구:피부톤을 블러툴로 얼룩 드래그
-뽀샤시:Ctrl+J(복제)-필터-흐림효과-가우시안흐림효과:5-Screen
-작업내역브러시툴로 눈, 코, 입 복원
-색상톤 대비:Ctrl+J-오버레이
-필터-픽셀유동화(뒤틀기-보정, 재구성-취소, 오목-콧구멍축소, 볼록-써클렌즈)

*색감(흑백사진, 빈티지, 듀오톤, 컬러링)
1. 흑백사진:이미지-조정-흑백(Image-Adjustment-Black & White)
2. 빈티지:이미지-조정-흑백-색조 체크
3. 듀오톤:이미지-조정-흑백-색조 체크(슬라이드 조정)
2. 컬러링:History Brush(작업내역 브러시)로 인물만 드래그

 
 *펜 사용법
1. 직선 - 클릭, 클릭, 클릭
2. 곡선 - 클릭, 두번 째 자리를 누른 채 당기기, Alt+고정점 클릭
3. 수정
-패스선택도구(검은 화살표) : 크기조절(Ctrl+T), 이동
-직접선택도구(흰 화살표) : 고정점이동, 핸들로 각도 조절

*펜툴 작업 시 명칭
1. 패스
2. 고정점
3. 핸들

 *상품의 배경제거(상품의 살짝 안쪽(1px)으로 펜작업)
1. 펜작업
-펜툴 선택-옵션바:패스
-시작클릭-누른 채 당기기-Alt+고정점클릭-반복~
-시작지점을 클릭하면 종료
2. 수정
-직접선택도구(흰 화살표)-고정점이동, 핸들로 각도 조절, 고정점 추가, 곡선을 직선으로, 직선을 곡선으로
3. 완성
-패스를 선택영역으로 변경 : Ctrl+Enter - Ctrl+J(복제)
-배경레이어 선택- 흰색으로 채우기(Ctrl+Delete)

 
*단조로운 배경 제거 : 매직툴
*정교한 사물 제거 : 펜툴
*동물 털 · 인물 머리카락 제거 : 리파인엣지

*머리카락 따기(가장자리다듬기Refine Edge)
1. 다각형올가미/빠른선택도구로 대충 선택
2. 선색-선택 및 마스크 : 가장자리다듬기브러시도구
3. 이미지 가장자리 드래그
4. 작업내역브러시로 다듬기

*머리카락 한올한올 선명하게 만들기
1. Ctrl++J 레이어를 복제
2. Filter > Other > High Pass (필터 > 기타 > 하이 패스)적용
3. 적절한 수치(1.5)
4. 블렌딩 모드 Overlay 나 Hard Light 변경

*유리에 비치는 효과(반사효과)
-펜툴로 배경제거한 이미지-Ctrl+J
-편집-변형-세로로 뒤집기-아래로 이동
-마스크버튼-그라디언트 버튼(검정~흰색, 선형그레이디언트)-드래그

*마스크(레이어마스크, 클리핑마스크, 퀵마스크)
 :이미지의 일부를 자연스럽게 가리는 기능

 *클리핑 마스크
:도형만큼 보이기, 글자만큼 보이기
-사각형, 원형, 하트모양도형
1. 도형이 아래쪽
2. 이미지가 위쪽
3. 레이어-클리핑마스크 만들기

*레이어마스크
:두개의 이미지를 자연스럽게 겹치기
1. 두 장의 이미지 겹치기
2. 레이어마스크 버튼
3. 그레이디언트 버튼:검정~흰색
4. 이미지 드래그

:1개의 이미지가 자연스럽게 사라지기
1. 레이어마스크 버튼
2. 그레이디언트 버튼:검정~흰색, 선형그레이디언트
3. 이미지 드래그

 *사이즈표제작
1. 사진 오픈
2. 펜 라인 전부 따기
-Ctrl+빈화면 클릭
3. 새레이어
4. 전경색 셋팅
5. 브러시선택-브러시 크기 1~2
6. 패스패널-브러시로 획패스를 만듭니다.
7. 내부칠-마술봉 내부 선택-칠

*무료 이미지(디자인뱅크)
-8만개 정도 무료
dbank.cafe24.com
-카페24 쇼핑몰에서만 사용 무료
-호스팅 회원가 0원
-메인화면, 장식, 팝업창, 홍보메일

950*570
 

*유료이미지
d.cafe24.com
팝업창,
상세페이지
 아이콘
 로고

*포토샵 버전
cs cs2 cs3 cs4 cs5 cs6 cc

 *완전무료폰트(상업적 용도 사용 가능)
나눔폰트(고딕, 명조, 바른고딕), 서울체(남산체, 한강체), 성동구청, 제주체

*롱다리만들기
1. 사각형선택육곽도구로 발만 선택-Ctrl+J
 2. 아래로 이동
3. 배경레이어 선택-사각형도구 허벅지+종아리 선택
4. Ctrl+T 다리 늘이기

*문자툴 사용 방법

*워터마크(저작권, 도장)
-도메인 입력-사각선택 툴로 선택
-편집-브러시사전설정정의

*로고 디자인하여 교체
-내 쇼핑몰 로고 이미지 크기 확인 331*107
-문자툴과 도형툴을 이용하여 로고 생성
-로고 교체 : 쇼핑몰 어드민-디자인관리-디자인 편집-기존 로고위에 마우스-편집

*메인이미지 디자인하여 교체
-내 쇼핑몰 메인 이미지 크기 확인 1015*500
-자르기
-쇼핑몰 어드민-디자인관리-디자인 편집-기존 메인 이미지위에 마우스-편집
1. 메인이미지 1개
2. 메인이미지 움직이는 사이트 : C스토어, 플래시

*파비콘 만들기(16*16)
 : 내 쇼핑몰 대표이니셜, 내 쇼핑몰 메인 컬러
-만들기 : http://favicon.htmlkit.com/favicon/
-다운로드 : 위 사이트에서 만든 후 [Download FavIcon Package] 글자를 클릭하세요.
-쇼핑몰 어드민-디자인관리-디자인기능설정-쇼핑몰알리미-파비콘 설정

*애니메이션 주문폭주 아이콘 만들기
-가을신상, 77size, 주문폭주, 신상할인, made by bona
-파일-새파일-40*30-800%확대 후 작업
-gif 저장해야만 움직임
1. 디자인관리-디자인기능설정-아이콘-추천상품:사용안함
2. 아이콘 변경
-상품 1개 연동:상품관리-상품목록바로가기-특정상품 상품명 클릭-아이콘
-상품 10개 연동:상품관리-상품관리-상품정보 일괄변경-상품선택-선택한 상품의 아이콘설정-일괄변경 클릭

*Gif 애니메이션 제작
-창-타임라인(애니메이션)
-프레임 애니메이션 만들기 [클릭]
-레이어 눈 켜기와 끄기로 조절
-Gif로 저장 애니메이션 된다.
 

*액션+배치 대량작업
-액션:하나의 이미지 작업과정 녹화
-배치:생성된 액션을 대량의 이미지에 적용
-미리 대상이 될 폴더를 만들어 놓기

*액션
1. 액션패널에서 새로운 세트 생성
2. 액션패널에서 새로운 액션 생성
3. 이미지-이미지사이즈
4. 이미지-자동색상
5. 파일-다른이름으로 저장
6. 닫기

*배치(일괄처리, 대량작업, 액션)
1. 액션 생성
-창-액션-새 세트 만들기-새 액션만들기
-이미지크기조절-저장-닫기
2. 일괄처리(300장의 사진에 동시 적용)
-파일-자동화-일괄처리
-소스지정:원본사진 들어 있는 폴더
-대상지정:액션을 적용하여 저장 할 폴더

*스크랩 알툴바 사용
:경쟁몰 벤치마킹
-검색해서 설치
-캡처:마우스 우클릭 제한 해제
-캡처:단위영역, 직접 지정

*쇼핑몰 오픈
오프라인         온라인
매장임대         카페24 회원가입(echosting.cafef24.com)
인테리어공사   d.cafe24.com(20만원~150만원)-2틀~1주일
상품진열         촬영-포토샵-상세페이지 제작-상품등록
유지보수         포토샵+html & css
 

*쇼핑몰 사장님 필수기술
포토샵, html&css, 스마트디자인, dslr

*내 쇼핑몰 어드민
1. 로고
2. 메인이미지
3. 파비콘
4. 아이콘 등록