2008. 1. 30(수)
제목 : 쇼핑몰 페이지 디자인하기
강사 송희원
<수업내용>
1. 사진보정
2. 페이지 디자인하기
<실습순서1>-상품촬영하고 포토샵으로 사진보정하기
1. 디카로 사진촬영하기 : 상품1당 10컷 이상 촬영할 것
2. 디카를 PC에 연결한다.
3. 바탕화면에 새폴더를 만들고 촬영한 사진을 복사해서 붙여넣는다.
4. 연결되어 있는 디카를 PC에서 분리하고
5. 포토샵을 실행한 다음 가장 잘 나온 사진을 선택해서 불러온다.
6. 불필요한 부분은 잘라버린다.-크롭툴(자르기툴)로 선택하고 엔터
7. 배경색을 화이트로 변경할 때-ctrl+L를 누르고 흰색스포이드로 배경을 여러번 찍어보면서 변경한다.
8. 이미지를 선명하게 보정할 때-ctrl+M를 누르고 그래프를 마우스로 조절해서 선명도를 조절한다.
9. 이미지의 크기를 조절한다.-이미지제목창의 오른쪽마우스 클릭하고 image size클릭하고 이미지크기를 width 600~700으로 설정한다.
10. File-save as클릭하고 폴더를 새로만들고 파일을 저장한다. 파일명은 상품명에 번호를 붙여서 만든다.
<실습순서2>-페이지 디자인하기
1. 새창을 만든다. width 800 height 2000, 해상도 72 배경색 흰색
2. 모서리가 둥근 직사각형 클릭하고 드래그해서 그린다.
3. 색상은 노랑, 레이어팔레트에서 레이어스타일 클릭하고 stroke(선)을 클 릭하고 두께는 6, 색상은 자율적으로 선택
4. ctrl + T를 눌러서 사각형의 크기를 조절한다. 적당한 위치에 놓는다.
5. 이동툴 선택-alt+shift를 누르고 아래로 드래그해서 3개 더 복사한다.
6. ctrl + H를 눌러서 패스 선을 숨긴다.
7. 레이어팔레트 창의 크기를 조절한다.
8. 이동툴로 사각형를 클릭해본다. 그러면 레이어가 이동된다.
9. 맨 위쪽 사각형를 클릭-ctrl누르고 레이어 클릭해서 선택영역을 만든다.
10. 상품이미지를 불러와서 ctrl+A, ctrl +C를 클릭
11. 디자인창을 클릭하고 ctrl + shift + V를 클릭
12. 이미지를 드래그해서 위치를 맞추고
13. 레이어 팔레트에서 링크를 걸어둔다.
14. 두번째 사각형를 클릭-ctrl누르고 레이어 클릭해서 선택영역을 만든다.
15. 상품이미지를 불러와서 ctrl+A, ctrl +C를 클릭
16. 디자인창을 클릭하고 ctrl + shift + V를 클릭
17. 이미지를 드래그해서 위치를 맞추고
18. 레이어 팔레트에서 링크를 걸어둔다.
19. 위와 같은 방법으로 나머지 상품를 디자인한다.
20. 상품에 맞는 텍스트를 입력한다.
21. PSD 포토샵파일로 저장한다.
22. JPG압축파일로 저장한다.
<실습순서3>-상품이미지 애니메이션 만들기
1. 수정한 상품을 모두 불러온다.
2. 배경색이나 배경이미지를 만든다.
3. 테두리를 만든다.
4. 이미지를 새창에 복사한다.
5. 이미지레디로 애니메이션을 준다.