[포토샵 수업] 8일차 상세페이지 만들기

- 상세페이지에 필요한 문서 만들기 작업 : 광고이미지, 쿠팡, 티몬, 네이버스토어 등 플랫폼마다 가로사이즈 비율이 다 다르기 때문에 따로 만들어야함
       a. 가로는 1080px 정도 하면 왠만한거 커버할 수 있음
       b. 세로는 5000px 정도면 오케이 (디자이너마다 주관적인 기준)

- 제품/컨텐츠의 상세페이지를 만들때이미지 구성 순서
: 도입부(메인타이틀) - 홍보용 이미지/문구 - 사용하기 위한 내용/종류 - 마지막엔 구매에 필요한 정보

Move (V)
- 기본적으론 내가 선택한 레이어의 내용의 위치를 옮길 때 쓰는 툴
- 하지만 옵션에서 Auto Select나 Show transform control를 체크할시, 일러스트레이터의 셀렉션툴처럼 매우 빠르고 편하게 사용할 수 있다. 즉, Auto Select은 레이어에서 선택하지 않아도 그 편집하는 내용을 바로 클릭해서 작업할 수 있다. Show transform control를 체크하면 ctrl t 로 크기 조정을 하지 않아도 클릭만 하면 된다.
- 포토샵에서 정렬/정리 등을 하고 싶을 땐 move툴을 선택한 뒤 옵션메뉴를 통해서 정렬할 수 있다.
- ... align to에 selection 말고 canvas 로 지정하면 정렬할 수 있는 옵션들이 활성화됨, 
- distribute spacing 으로 이미지간 간격을 동일시 할 수 있다.

실제 디자인 업무를 할 때 복잡한 형태의 도형들로 그려진 그림이 필요할 시 포토샵에서 하지 않음. 일러에서 그려서 포토샵으로 복제해서 가져오는 것을 추천! 일러는 복잡한 형태의 도형들로 된 그림을 그릴 때 필요한 툴들이 매우 많음. 포토는 복잡한 형태의 도형을 만들기가 한정되어 있고 일러는 툴이 많이 전문화되어 있음

휘어지게 글씨를 쓰고 싶다면, 펜툴로 먼저 라인을 그리고 글자툴로 라인 위에 갖다대고 클릭을 하면 휘어지게 글자 입력란이 나옴

포토샵 문서내에 복잡한 문서가 있을시 따로 문서를 만들어서 작업한 뒤 추가하는 것이 좋을 수 있다.

- 저장하는 법
1. SAVE FOR WEB 에서 PREVIEW를 누르면 웹에서 이미지가 보이는데 그걸 우클릭으로 이미지로 저장하면 됨 (긴 상태로 상세페이지를 업로드하진 않으나, 긴 상태로 내 작업의 상태를 확인하기 위해서)
2. 분할 저장 - 쪼개는 기능 SLICE(C) 선택 - 캔버스 우클릭 - divide slice 선택 - 몇개로 나눌지 정하면 됨 - 그리고 save for web 에서 아무것도 안건드리고 save 하기! 그러면 해당 경로 폴더에 image 로 분할되어 저장이 됨 (실제로 상세페이지를 업로드할땐 플랫폼마다 용량이나 이미지한장의 크기가 제한이 되잇기때문에 그점에 맞추기 위해서 분할저장을 할 수 있어야 한다)

window - timeline : 포토샵에서 GIF(움직이는 이미지) 를 만들때 아주 중요한 창