Part 01 포토샵과 웹디자인 디딤돌 다지기
웹디자인을 시작하기 전에 익혀두어야 할 기본적인 개념을 설명합니다.

Section 01 웹디자인 이해하기
1. 웹디자인이 궁금하다
2. 모니터 해상도와 웹디자인
3. 이미지 형식 및 특징이 궁금하다
4. 사이트 구축 과정 5단계
5. 웹디자인 프로그램 둘러보기
Section 2. 포토샵 이해하기
1. 포토샵과 웹디자인
2. 포토샵 & 이미지 레디 얼굴 익히기


PART 02 콕! 집어 배우는 포토샵+이미지 레디 기본기
포토샵과 이미지레디의 기본적이고 핵심적인 기능을 익히도록 합니다.

Section 1. 선택하기
1. 선택 툴(Maquee Tool)을 이용해 선택하기
2. 올가미 툴(Lasso Tool)을 이용해 선택하기
3. 색상별로 선택하기
Section 2. 공간 채우기
1. Layer Style 속속들이 파혜치기
2. Fill 명령으로 채우기
3. 그라데이션으로 채우기
4. 패턴으로 채우기
Section 3. 색상 바꾸기
1. 툴박스에서 전경색/배경색 바꾸기
2. 스포이드 툴로 색상 가져오기
3. Swatches 팔레트에서 색상 선택하기
4. Color 팔레트 사용하기
Section 4. 타입 툴 활용하기
1. 옵션 막대를 이용해 텍스트 변형하기
2. 타이프 팔레트를 이용해 텍스트 변형하기
3. 스타일 효과로 문자디자인 하기
Section 5. 이미지 합성 및 보정
1. 사진을 유화처럼 만들기
2. 이미지 추출하기
3. 이미지 반사효과 만들기
4. 불에 태운 이미지 효과 주기
Section 6. 강력한 웹디자인 기능 익히기
1. 웹 이미지로 저장하기
2. 애니메이션 Gif 만들기
3. 이미지 맵이 알고 싶다
4. 롤오버 이미지 활용하기


PART 03 포토샵을 이용한 웹디자인
포토샵을 웹디자인에 응용해 웹그래픽 예제를 익히도록 했습니다.

Section 1. 웹디자인을 위한 배경 디자인
1. 패턴을 이용해 격자 무늬 만들기
2. 텍스처를 이용해 배경 무늬 만들기
3. 인터레이싱 이미지 만들기
4. 디지털 느낌의 배경 만들기
5. 물방울 이미지 만들기
6. 쉐이프를 이용해 배경 무늬 만들기
Section 2. 웹디자인을 위한 문자 디자인 만들기
1. 그림자 문자 만들기
2. 금속질감 문자 만들기 하나
3. 금속질감 문자 만들기 둘
4. 엠보싱 효과 만들기
5. 흰색 테두리 문자 만들기
6. 야광문자 만들기
7. 불타는 문자 만들기
8. Water 문자 만들기
Section 3. 웹디자인을 위한 버튼 및 아이콘 만들기
1. 말풍선 만들기
2. 간단하게 원형 버튼 만들기
3. 입체버튼 만들기
4. 타원형 버튼 만들기
5. 모서리가 둥근 네모상자 만들기
6. 투명버튼 만들기
7. 위쪽 모서리가 둥근 사각형 메뉴바 만들기
8. 애플 버튼 만들기


PART 04 이미지레디를 이용한 웹디자인
이미지레디의 핵심기능인 슬라이스, 롤오버 이미지, 애니메이션 GIF, 이미지 맵 기능을 활용하는 예제를 배우도록 합니다.

Section 1. 슬라이스 이용하기
1. 이미지 조각 내기
2. 이미지 조각내고 링크 연결하기
Section 2. 이미지 맵 활용하기
이미지 맵 설정하고 링크 연결하기
Section 3. 롤오버 적용하기
1. 롤오버를 이용해 메뉴 만들기
2. 메인 페이지에 롤오버 응용하기
Section 4. 애니메이션 Gif 활용하기
1. 애니메이션 광고 배너 만들기
2. 애니메이션 GIF로 배너 만들기
3. 배경이 투명한 애니메이션 만들기


PART 05 웹디자인 X-File
도트 그림 그리기, 아이콘 제작 프로그램인 마이크로 엔젤로 사용하기, 포토샵과 이미지레디를 이용한 웹페이지 만들기

Section 1. 도트 그림 그리기
Section 2. 아이콘을 이용한 웹디자인
Section 3. 웹디자인 그대로 따라하기


Plus 웹디자인 도우미
웹디자인에 필요한 아이콘 리스트와 폰트 리스트, 웹 컬러 차트를 담았습니다.
1. 아이콘 리스트
2. 폰트 리스트
3. 웹 컬러 차트