상상력과 아이디어를 결합한 멋진 스타일의 웹디자인이 가능해진다
포토샵 기초부터 웹디자인에 관한 노하우를 알려드립니다.
첫째, 포토샵 7.0의 새로워진 기능을 알아보고 컬러에 대한 전반적인 내용을 쉽게 서술하였습니다. 간단한 실습예제로 초보자도 포토샵의 기본적인 사용법을 터득할 수 있습니다.
둘째, 웹사이트를 디자인하는데 반드시 필요한 구성요소인 텍스처, 버튼, 문자, 이미지합성 기법들을 활용예제를 통해 만들어봅니다.
셋째, 실제 존재하는 웹사이트 디자인을 분석해보고, 이를 활용하여 새로운 웹사이트를 만들어봅니다. 이 과정에서 앞에서 배운 텍스처, 버튼, 문자, 이미지 합성을 웹디자인에서 어떻게 활용하는지 자연스럽게 알게 됩니다.
넷째, 예제를 따라하기에 앞서 충분한 지식전달과 디자인에 관한 노하우를 전달함으로써 스스로 활용할 수 있는 능력을 배양하였습니다.
다섯째, 웹디자인 관련 유용한 팁들을 수록하고, 찾아보기 쉽도록 팁모음을 별도의 목차로 구성하였습니다.
여섯째, 포토샵 7.0의 `메뉴`, `팔레트`, `툴`, `필터`를 체계적으로 정리하여 별도로 분리가 가능한 별책 부록으로 만들었습니다. 옆에 두면 언제라도 포토샵 기능의 A부터 Z까지 찾아볼 수 있습니다.
일곱째, 디자인에 필요한 이미지 소스를 500여개 부록CD에 수록하여 이미지를 구하기 위해 여러 사이트를 검색하는 수고를 덜었습니다.
[독자서평]
::: 책이 아주 좋아요 ㅣ 책내용: ★★★★★ :::
포토샵을 이제 막 배워볼려구 책을 샀는데 가격도 매우 저렴하고 책 내용도 아주 좋아요..
처음 접하는 사람들에게 아주 유용할 것 같네요.. 추천입니다!!
인터파크 / 박민정 / 2003.7.10
::: 포토샵을 이용한 웹디자인… ㅣ 책내용: ★★★★☆ :::
제가 포토샵을 이용하여 웹디자인을 하기 위해서 필요한 책을 찾던 중 포토샵을 사용해 본 경험이 적은 저로서는 되도록이면 쉽게 설명 되어지고 웹디자인을 할때 정말 쓸모있는 예제들이 있는 책들을 찾게 되었습니다. 그러던 중 이 책을 보게 되었고 속는 셈 치고 책을 주문 했습니다. 그런데 예상과는 달리 정말 책 내용이 초보인 제가 보았을 때 어렵지 않고 웹디자인을 하는데 응용해서 사용할 수 있는 책이었습니다. 다른 홈페이지에서 사용하는 웹디자인을 응용할 수 있게 자세히 설명 되어있습니다. 이 책을 꾸준히 봐서 마지막 페이지에 이르렀을 땐 초보 딱지 땔수 있을 것 같습니다. 저 처럼 이런 분들이 있다면 한번 큰 맘먹고 주문하셔서 책 보세요…. 전 후회없습니다.ㅋㅋㅋ
인터파크 / 이건형 / 2003.7.2
::: 잘 정리돼 있어요..^^ ㅣ 책내용: ★★★★★ :::
포토샵을 공부하고 싶어서 큰맘 먹고 서점가서 이것저것 골르고 재고.. 하다가 이 책이 맘에 들어서, 인터넷으로 사게 됐습니다.
보통 책은 도구나 메뉴들을 설명하면서 편집하는 것도 곁드려 있는데…
이 책은 도구나 메뉴 설명은 뒤에 부록으로 돼있고, 앞 부분에는 실제로 해야될 웹 디자인이 아주 자세히 설명돼 있어요.
책 내용도 좋고, 가격도 저렴하고..
맘에 드는데요.. ㅋㅋ
인터파크 / 노자림 / 2003.2.23
Part 1 포토샵 7.0 들어가기
sec1. 포토샵이란?
1. 포토샵 개발자에 대하여
2. 툴박스의 변천 과정
3. 포토샵의 다양한 파일 포맷
sec2. 포토샵 7.0 어떻게 달라졌나?
1. 초기 화면의 변화
2. 파일 브라우저 – 폴더와 파일관리를 한눈에
3. 이미지의 강력한 복구 기능 – 힐링 브러시와 패치 툴
4. 브러시 툴의 변화
5. 작업 환경의 저장 – Tool Presets
6. Save for Web – Transparency
7. 이미지 레디를 이용한 간편한 롤오버 제작
8. 정교한 왜곡 기능
9. 프린트 제어 기능
10. 자동 보정 기능의 추가
11. 그 밖의 기능들
[TIP] 간단하게 듀오톤 이미지 만들기
sec3. 인터페이스 살펴보기
1. 화면 구성 알아보기
2. 툴박스에서 원하는 툴 선택하기
3. 숨겨진 툴 살펴보기
4. 팔레트 열기
5. 팔레트 이동하기
6. 팔레트 그룹으로 묶기 55
<확실히 알켜주마> [Preset Manager] 대화상자
<확실히 알켜주마> 포토샵에서 점선 그리기 (1)
sec4. 포토샵과 카메라
1. 카메라에 대하여
2. 사진 현상과 인화에 관련된 용어
sec5. 포토샵과 컬러
1. 포토샵의 컬러 픽커(Color Picker)
2. 웹디자인을 위한 이미지의 최적화
3. 효과적인 웹배색을 위한 컬러 조합
sec6. 포토샵 준비운동하기
1. 새 파일 열기와 닫기
2. File 메뉴로 이미지 불러오기
3. 파일 브라우저로 이미지 불러오기
4. 도큐먼트 설정하기
<확실히 알켜주마> [New] 대화상자
<확실히 알켜주마> [Image Size] 대화상자
<확실히 알켜주마> 캔버스의 크기 변화
<확실히 알켜주마> 여러 이미지 동시에 불러오기
<확실히 알켜주마> [Preferences] 대화상자
5. 돋보기 툴을 이용하여 이미지 확대하기
6. 네이게이터 팔레트를 이용해서 화면의 확대/축소하기
7. 핸드툴을 이용해서 작업 화면 이동하기
8. 네비게이터 팔레트를 이용해서 작업 화면 이동하기
<확실히 알켜주마> [History] 팔레트의 히스토리 저장 회수 설정하기
<확실히 알켜주마> 작업 화면을 좀 더 넓게 보기
9. 전경색과 배경색 선택하기
10. 가이드 라인을 만들어 보자
11. 정확한 위치에 가이드 라인 만들기
12. 가이드 라인 이동하기
13. 가이드 라인 삭제하기
14. 가이드 라인 숨기기
15. 그리드 사용하기
16. 되돌리기 기능을 이용해서 정정과 수정하기
17. 히스토리 팔레트를 이용한 정정과 수정하기
18. Revert 기능을 이용한 파일 초기화하기
<확실히 알켜주마> 포토샵에서 점선 그리기 (2)
[TIP] 포토샵으로 플래시 이미지 만들기 (1)
sec7. 이미지 선택하기
1. 사각형 선택툴로 선택하기
2. 원형 선택툴로 선택하기
<확실히 알켜주마> 선택툴의 옵션바
3. 가로 한줄 선택툴과 세로 선택툴로 이미지 만들기
4. 원하는 대로 이미지 잘라내기
5. 올가미툴로 이미지 선택하기
6. 자석 올가미툴로 이미지 선택하기
7. 마법봉툴 사용하기
<확실히 알켜주마> 폰트 경고 대화상자가 나타나면?
<확실히 알켜주마> 자르기툴의 옵션바
<확실히 알켜주마> 올가미툴의 옵션바
<확실히 알켜주마> 마법봉툴의 옵션바
8. 부드럽게 이미지 잘라내기(Feather)
9. 선택 영역의 반전으로 원하는 이미지 쉽게 얻어내기
10. 선택 영역에 패턴 적용하기
11. 똑같은 이미지 만들기
12. 퀵마스크를 이용한 이미지 선택과 합성하기
<확실히 알켜주마> 마스크란?
13. 선택툴을 이용한 이미지의 합성과 변형하기
sec8. 드로잉과 리터칭
1. 브러시 크기 바꾸기
2. Define Brush 기능을 이용해 나만의 브러시 만들기
<확실히 알켜주마> 브러시에 대하여
3. 지우개툴 사용하기
4. 배경 지우개툴로 원하는 이미지를 얻자
5. 마법 지우개툴로 지우기
<확실히 알켜주마> 지우개툴 브러시 설정하기
<확실히 알켜주마> 배경 지우개툴의 옵션바
6. 힐링 브러시로 스캔한 이미지 수정하기
7. 패치 툴을 이용한 이미지 복원하기
8. 히스토리 브러시로 이미지 복구하기
9. 아트 히스토리 브러시로 회화적인 이미지 만들기
10. 도장툴로 이미지 복제하기
11. Blur 툴과 Sharpen 툴로 이미지 수정하기
12. Smudge 툴을 사용해서 이미지를 손가락으로 문질러 보자
13. Dodge 툴 사용하기
<확실히 알켜주마> Dodge 툴의 옵션바
14. Burn 툴로 이미지를 더 진하게 해보자
15. Sponge 툴로 색상조절하기
16. 기본적인 그라데이션 사용하기
<확실히 알켜주마> 그래디언트툴의 옵션바
17. 그라데이션을 적용해서 이미지 바꾸기
<확실히 알켜주마> [Gradient Editor] 대화상자
[TIP] 포토샵 플래시 이미지 만들기 (2)
sec9. 벡터 이미지와 포토샵
1. 가로/세로 문자툴을 이용한 텍스트 입력하기
2. 입력된 텍스트 수정하기
3. 텍스트 변형시키기
<확실히 알켜주마> 문자 입력툴의 옵션바
<확실히 알켜주마> [Warp Text] 대화상자
4. 텍스트 마스크 사용하기
5. 사각형 만들기
6. 둥근 사각형 만들기
7. 원형 만들기
8. 다각형 만들기
<확실히 알켜주마> Geometry Options (1)
9. 라인툴로 화살표 만들기
10. 다양한 모양의 오브젝트 그리기
<확실히 알켜주마> Geometry Options (2)
11. 벡터 오브젝트에 스타일 적용하기
<확실히 알켜주마> 벡터 도형툴의 옵션바
12. 펜툴을 이용한 벡터 오브젝트 만들기
<확실히 알켜주마> 브러시를 이용한 점선 그리기
sec10. 포토샵의 레이어
1. 레이어 위의 이미지 움직이기
2. 여러 개의 레이어를 한번에 움직이기
<확실히 알켜주마> [Layers] 팔레트의 구성
3. 레이어 복제하기
4. 레이어에 스타일 적용하기
5. 레이어 추가/삭제하기
<확실히 알켜주마> 레이어 이름 바꾸기
6. 레이어 정렬하기
7. 벡터 레이어를 일반 레이어로 바꾸기 – 레이어의 레스터 라이징
8. 마스크 적용하기
<확실히 알켜주마> [Background] 레이어를 일반 레이어로 만들기
<확실히 알켜주마> 레이어의 블랜딩 모드
9. 레이어 합치기
10. 레이어를 패턴으로 채우기
11. 조정 레이어 사용하기
<확실히 알켜주마> 여러가지 조정 레이어
12. 레이어 선택 영역 채널 만들기
13. 채널을 이용한 레이어 마스크 (1)
14. 채널을 이용한 레이어 마스크 (2)
<확실히 알켜주마> 포토샵 채널에 대하여
Part 2 텍스처 제작기법
sec1 태양빛 사이버 텍스처 만들기
1. 도큐먼트 열기
2. 텍스처 기초 작업하기
3. 태양 틀 만들기
4. 도큐먼트 회전하기
5. 바람 효과 적용하기
6. 도큐먼트 원상태로 되돌리기
7. 태양빛의 틀 완성하기
8. 자연스러운 효과주기
9. 태양에 색상 입히기
10. 좀더 강렬한 빛으로 마무리하기
<확실히 알켜주마> Curves 명령 정복하기
sec2 불구덩이 텍스처 만들기
1. 도큐먼트 열기
2. 불구덩이 형태 만들기 185
3. 불구덩이 형태 갖추기 186
4. 불구덩이 색 채우기 187
sec3 금박 텍스처 만들기 188
1. 도큐먼트 열기
2. 금박 텍스처 기초공사
3. 금박 텍스처 표현하기
4. 금박 텍스처 마무리 공사하기
<확실히 알켜주마> Adjustment 명령으로 톡톡튀는 이미지 만들기
sec4 전자 텍스처 만들기
1. 도큐먼트 열기
2. 전자 텍스처 기초공사
3. 전자 텍스처의 기본 틀 만들기
4. 전자 텍스처 표현하기
5. 전자 텍스처 색상 설정하기
6. 전자 텍스처 강조하기
sec5 울퉁불퉁 텍스처 만들기
1. 도큐먼트 열기
2. 울퉁불퉁 텍스처 기초 다지기
3. 울퉁불퉁 텍스처의 형태 만들기
4. 전자 텍스처 색상 설정하기
5. 울퉁불퉁 텍스처 강조하기
sec6. 종이 텍스처 만들기
1. 도큐먼트 열기
2. 종이 텍스처 기초 다지기
3. 종이 텍스처의 기본 형태 만들기
4. 종이 텍스처 강조하기
5. 종이 텍스처 적용하기
6. 종이 텍스처에 색상 넣기
sec7 무늬 텍스처 만들기
1. 새로운 캔버스 열기
2. 텍스처 제작하기
3. 텍스처 강조하기
4. 무늬 텍스처에 색상 입히기
[Tip] Marquee 툴과 Custom Shape 툴 정복하기
sec8 줄무늬 텍스처 만들기
1. 새로운 캔버스 열기
2. 캔버스에 노이즈 추가하기
3. 노이즈를 단순화하기
4. 캔버스 반전하기
5. 캔버스에 색상 적용하기
<확실히 알켜주마> Pattern Maker 정복하기
6. 줄무늬 만들기
7. 달팽이 무늬 만들기
<확실히 알켜주마> Liquify 필터 정복하기
sec9 금속 질감 텍스처 만들기
1. 블랜딩 옵션으로 간단하게 금속효과 만들기
<확실히 알켜주마> 블랜딩 옵션
2. 노이즈(Noise) 필터로 금속 질감 표현하기
3. 모션 블러(Motion Blur)를 이용한 색깔있는 금속 질감 만들기
sec10 태양빛 사이쳐 텍스처 응용하기
1. 이미지 열기
2. 구름에 텍스처 이동하기
3. 이미지 크기 조절하기
4. 두 개의 이미지 합성하기
5. 구름에 가린 태양 만들기
6. 이미지 조절하기
7. 완성하기
<확실히 알켜주마> 레이어 블랜딩 모드 정복하기
sec11 불구덩이와 전자 텍스처 응용하기
1. 이미지 열기
2. 물고기에 텍스처 이동하기
3. 이미지 합성하기
4. 사이버틱한 느낌의 물고기 완성하기
<확실히 알켜주마> [Radial Blur] 필터의 각 설정값에 따라 달라지는 이미지 보기
Part 3 버튼 제작기법
sec1 박스버튼 만들기
1. 이미지 열기
2. 이미지 수정하기
3. 도큐먼트에 배경 이미지 넣기
4. 버튼 형태 갖추기
5. 버튼에 글씨 새기기
<확실히 알켜주마> 레이어 스타일의 [Contour] 설정에 따른 문자 모양 알아보기
sec2 깔끔버튼 만들기
1. 도큐먼트 열기
2. 버튼 영역 설정하고 색상 채우기
3. 버튼에 글씨 새기기
<확실히 알켜주마> 액션을 이용한 깔끔 버튼 만들기
sec3 둥근버튼 만들기
1. 도큐먼트 열기
2. 버튼 영역 설정하고 색상 채우기
3. 버튼 선 만들기
4. 레이어 스타일 적용하기
5. 버튼에 화살표 새기기
sec4 격자버튼 만들기
1. 도큐먼트 열기
2. 버튼 영역 설정하고 색상 채우기
3. 버튼에 테두리 만들기
4. 버튼의 격자 패턴 만들기
5. 격자 무늬 채우기
6. 버튼에 글씨 새기기
<확실히 알켜주마> 여러 가지 패턴 모양
sec5 이벤트 버튼 만들기
1. 도큐먼트 열기
2. 버튼 영역 설정하고 색상 채우기
3. 버튼에 테두리 만들기
4. 사라지는 이미지 만들기
5. 버튼에 글씨 새기기
6. 자연스럽게 붓터치 넣기
<확실히 알켜주마> Text Wrap 정복하기
sec6 금속질감으로 입체감있는 버튼 제작하기
1. 새 도큐먼트 만들기
2. 버튼 배경에 금속 질감 표현하기
3. 버튼 만들기
4. 입체감있는 금속 버튼 만들기
5. 버튼에 텍스트 입력하기
6. 버튼에 입력한 텍스트 꾸미기
<확실히 알켜주마> 블랜딩 옵션에 따른 느김이 다른 입체버튼 만들기
sec7 아쿠아 버튼 만들기
1. 아쿠아 버튼이 들어갈 캔버스 열기
2. 버튼 배경에 들어갈 패턴 만들기
3. 패턴을 이용하여 버튼 배경 만들기
4. 버튼 기초공사
5. 버튼을 투명하게 만들기
6. 버튼의 가장자리에 테두리 만들기
7. 버튼의 상단에 빛 만들기
8. 주사선 비추기
9. 그림자 만들기
10. 버튼에 글자 넣기
Part 4 문자 제작기법
sec1 그림자 문자 만들기
1. 새 문서 열기
2. 글자 입력하기
3. 글자에 그림자 만들기
4. 그림자를 흐릿하게 표현하기
sec2 설명 아이콘 만들기
1. 도큐먼트 열기
2. 그림그리기
3. 그림그리기
4. 아이콘 글씨 새기기
sec3 도장 문자 만들기
1. 도큐먼트 열기
2. 글씨쓰기
3. 글씨에 테두리 만들기
4. 도장의 거친 표현하기
5. 도장에 약간의 그림자 넣기
6. 도장 기울이기
sec4 네온 그림 만들기
1. 도큐먼트 열기
2. 그림그리기
3. 레이어 병합하기
4. 네온 효과 적용하기
sec5 얼음 문자 만들기
1. 도큐먼트 열기
2. 글씨쓰기
3. 레이어 병합하기
4. 네온 효과 적용하기
5. 가장자리 얼음느낌 적용하기
<확실히 알켜주마> Wind 필터에서 이미지나 글자의 색상에 따라 다르게 적용되는 효과
sec6 파인 문자 만들기
1. 새로운 도큐먼트 열기
2. 알파 채널 만들기
3. 글자 입력하기
4. 패턴 제작하기
5. 패턴 제작하기
5. 파인 글자 기초공사하기
6. 레이어에 글씨 표현하기
7. 글자에 색상 채우기
8. 배경색상 바꾸고 마무리하기
sec7 드리핑 문자 만들기
1. 새로운 도큐먼트 열기
2. 글자 입력하기
3. 드리핑 효과 적용하기
4. 드리핑 문자 강조하기
5. 드리핑 문자 색상넣기
sec8 종이에 글자 새기기
1. 새로운 도큐먼트 열기
2. 종이질감 기초공사하기
3. 패턴만들기
4. 도큐먼트에 패턴 채우기
5. 패턴을 거칠게 표현하기
6. 종이 마무리하기
7. 알파채널을 이용하여 글자 입력하기
8. 종이 텍스처에 글자 새기기
Part 5 이미지 변형∙합성기법
sec1. 강조된 꽃가루 표현하기
1. 이미지 열기
2. 이미지 색상 변경하기
3. 꽃가루 이미지 강조하기
4. 이미지 모드를 RGB 모드로 되돌리기
<확실히 알켜주마> 포토샵에서 웹 파일로 저장하기
sec2 한적한 조롱박 표현하기
1. 이미지 열기
2. 이미지의 색상 변경하기
3. 이미지에 빛 더하기
<확실히 알켜주마> 캔버스의 크기를 바꿔줄 때의 이미지 변화
sec3 타일 이미지 표현하기
1. 이미지 기초작업하기
2. 사각패턴 제작하기
3. 이미지에 패턴 채우기
4. 타일처럼 볼록하게…
<확실히 알켜주마> Bevel and Emboss 스타일 종류 알아보기
sec4 컬러있는 이미지가 되자
1. 숲 이미지 열기
2. 레이어의 블랜딩 모드 바꾸기
3. 이미지에 블러 효과 적용하기
4. 이미지에 컬러를 입히자
5. 숲 이미지에 빛을 더하자
6. 빛의 양을 조절하자
sec5 불에 그을린 사진이미지 만들기
1. 이미지 기초작업하기
2. 선택 영역 만들기
3. 선택 영역 수정하기
4. 불에 탄 부분 표현하기
5. 불에 탄 부분 확실히 표현하기
Sec6 자연 이미지 표현하기
1. 이미지 열기
2. 이미지 보정하기
3. 텍스트 입력하기
4. 텍스트에 블랜딩 효과주기
sec7 틀린그림 찾기 만들기
1. 이미지 준비하기
2. 테두리와 제목달기
3. 틀린그림 완성하기
<확실히 알켜주마> 포토샵 7.0의 이미지 복제 기능
sec7 이미지 손질 테크닉 총집합
1. 이미지 선택하기
2. 이미지 사이즈 측정하기
3. 원본 이미지 백업해 두기
4. 이미지 수평 맞추어 회전시키기
5. 이미지 자르기
6. 이미지 톤 조절하기
7. 이미지 깨끗하게 보정하기(도트 제거하기)
8. 원하는 이미지 영역만 선택해 보기
<확실히 알켜주마> 포토샵에서 벡터 이미지 작업하기
9. 선택 영역 잘라내기
10. 필터를 이용한 뽀샤시한 이미지 만들기
11. 컬러있는 이미지 만들기
<확실히 알켜주마> 뽀샤시한 이미지 응용하기
sec8 선택 툴을 이용한 패턴 만들기
1. 새 도큐먼트 열기
2. 패턴으로 등록할 레이어 만들기
3. 패턴 만들기
4. 패턴 등록하기
5. 패턴 적용하기
<확실히 알켜주마> 이미지 추출에 사용하는 툴 소개하기
<확실히 알켜주마> [Magic Wand] 툴를 이용한 이미지 추출
sec9 Color Range를 이용하여 꽃패턴 제작하기
1. 패턴에 사용할 이미지 불러오기
2. 패턴 이미지 추출하기
3. 패턴을 입힐 배경 레이어 준비하기
<확실히 알켜주마> 배경색에 따라 달라지는 이미지 비교
4. 패턴 만들기
5. 패턴 채우기
<확실히 알켜주마> [Magic Wand] 툴와 Color Range를 이용한 이미지 추출 비교
sec11 [Magnetic Lasso] 툴을 이용한 이미지 합성
1. [Magnetic Lasso] 툴을 이용하여 이미지 선택하기
2. 퀵마스크 모드로 선택 영역 손질하기
3. 이미지 배경 지우기
4. 이미지 배경색 꾸미기
<확실히 알켜주마> 레이어를 이용한 합성 이미지 수정
sec12 Extract 기능을 이용한 이미지 합성
1. 합성할 이미지 불러오기
2. [Extract] 기능을 이용하여 이미지 추출하기
3. 두 개의 이미지 하나로 합성하기
4. 합성된 이미지의 크기 조절하기
5. 블러를 적용하여 이미지를 자연스럽게
6. 레이어 마스크로 마무리 손질하기
sec13 포토샵으로 벡터 이미지 드로잉하기
1. Vector Shapes 만들기
2. Vector Shapes 선택하기
sec14 레이어 셋을 활용한 쌍둥이 천사 만들기
1. 아기천사 밑그림 그리기
2. 아기천사 색상 입히기
3. 눈과 입그리기
4. 아기천사 레이어를 하나의 그룹으로
확실히 알켜주마> 레이어 기능 총집합
5. [아기천사] 레이어 폴더를 복사하여 쌍둥이 만들기
확실히 알켜주마] [Layer via Copy] vs [Layer via Cut]
sec15 재미있는 퍼즐 만들기
1. 퍼즐 패턴 제작하기
2. 퍼즐 제작의 기초공사
3. 퍼즐무늬 만들기
4. 이미지에 퍼즐 적용하기
5. 퍼즐 효과내기
6. 액션을 이용한 액자 만들기
<확실히 알켜주마> [Frames] 액션 셋트 실행해보기
sec16 메인 이미지바 제작하기
1. 이미지 기초공사
2. 이미지바를 만들 새 캔버스 만들기
3. 이미지 올려놓기
4. 이미지 패턴 제작하여 적용하기
5. 이미지 색상 강조하기
6. 브러시로 낙엽만들기
7. 텍스트 입력하여 완성하기
Part 6 이미지 레디 7.0 활용기법
sec1. 이미지 레디란?
1. 이미지 레디에 대하여
2. 이미지 레디의 인터페이스
3. 이미지 레디의 툴박스
4. 이미지 레디의 팔레트
sec2. 이미지 최적화하기
1. 이미지 최적화하기
<확실히 알켜주마> [Optimize] 팔레트 살펴보기
[Tip] 포토샵과 일러스트레이터의 연동
sec3. 이미지 맵과 롤오버 버튼 만들기
1. 이미지 맵 만들기
2. 이미지 레디를 이용한 롤오버 버튼 만들기
<확실히 알켜주마> 여러 가지 이미지 맵 만들기
<확실히 알켜주마> [Rollovers] 팔레트
sec4. 이미지 레디로 애니메이션 배너 제작하기
1. 새 도큐먼트 만들고 이미지 끌어오기
2. 이미지 수정 후 레이어에 색상 적용하기
<확실히 알켜주마> [Animation] 팔레트의 구성
Part 7 웹사이트 따라잡기
[첫번째] Samsungcapital 사이트 3D 인터페이스를 이용한 웹디자인
sec1 필터와 마스크 기능을 이용하여 금속효과내기
1. 가이드라인을 이용하여 레이아웃 잡기
2. 바탕 만들기
3. 레이어 이름 변경하기
4. 노이즈 만들기
5. 모션 블러 효과주기
6. ‘금속효과라인’을 마스크처리하기(자지자신을 마스크하기)
7. 그라디언트를 이용하여 부드럽게 만들기
<확실히 알켜주마> 마스크 처리하여 아래쪽 레이어에 종속시키기
sec2 3D 입체감 만들기와 그라데이션 처리하기
1. 원근감 만들기
2. 입체감 만들기
3. 그라데이션 처리하기
4. 패스 작업으로 입체감 표현하기
5. 그라디언트로 마무리하기
<확실히 알켜주마> 포토샵에서 그라디언트를 이용한 문자디자인
sec3 이미지 마스크 처리하기
1. 이미지 넣기
2. 이미지 마스크 처리하기
3. 이미지 조절하기
sec4 글로벌 메뉴 만들기
1. 텍스트 입력하여 입체감 주기
2. 폰트 이미지로 화살표 만들기
3. 여러 개의 라인 간격 한꺼번에 조절하기
4. 메뉴 입력하기
5. 페이지 정리하기
sec5 점선라인과 패턴 이미지를 이용한 배경 만들기
1. 점선라인 만들기
2. 점선 패턴 만들기
3. 레이어 스타일로 그림자 만들기
4. 이미지 잘라서 저장하기
[Tip] 드림위버로 코딩하기
[두번째] Sapient 사이트 레이아웃으로 승부한다
sec6 블러 효과로 자연스러운 이미지 만들기
1. 패스 만들기
2. 패스 추가하기
3. 패스 영역을 하나로 만들어 복사하기
4. 스마트 블러 필터를 이용하여 블러 효과 주기
[Tip] 페인트 샵으로 화면 캡쳐하기
sec7 그리드 형식의 이미지 만들기
1. 가이드라인 만들기
2. 그리드 형식의 이미지 만들기
3. 검정색을 이용한 이미지 투명처리하기
4. 이미지 마스크 처리하기
sec8 깔끔한 세로 메뉴 만들기
1. 바탕에 메뉴 위치 정하기
2. 텍스트를 이용하여 메뉴 입력하기
3. 롤오버 이미지 만들기
4. 깔끔한 구분라인 만들기
<확실히 알켜주마> 포토샵에서 외부 플러그인 설치하기
sec9 슬라이스하여 저장하기
1. 큰 이미지를 슬라이스하기
2. 슬라이스 이미지 저장하기
3. 웹 페이지로 미리보기
4. 뉴 이미지 슬라이스하여 저장하기
5. 롤오버 메뉴 이미지 저장하기
6. 반복 이미지 만들기
[Tip] 드림위버로 배경이미지 처리하기
[Tip] 롤오버 버튼 만들기
[세번째] Gshock 사이트 상품의 특징을 잘 반영한 사이트
sec10 자연스러운 그라데이션 효과
1. 이미지 복사하기
2. 바탕색 채우기
3. 이미지를 바탕색과 같은 통으로 만들기
4. 자연스러운 그라데이션 효과주기
[Tip] 포토샵의 Shear 필터를 이용하여 로고 삽입하기
sec11 라인을 이용하여 움직이는 듯한 느낌 만들기
1. 텍스트 입력하여 가로길이 늘이기
2. Outer Glowfh 텍스트 테두리 만들기
3. 모션블러 필터를 이용하여 움직이는 느낌주기
4. 라인으로 움직이는 느낌주기
5. 텍스트로 효과주기
6. 점선 테이블 만들기
7. 이미지 복사하기
8. 이미지 마스크 처리하기
9. 텍스트 입력하여 그림자 효과주기
10. 인덱스 모드 이미지 삽입하기
sec12 플래시 느낌을 주는 Gif Animation 만들기
1. 파일 복제하기
2. 필요한 부분 부분만 이미지 잘라내기
3. 번개 효과 라인 만들기
4. 4컷 이미지를 각각 저장하기
5. 이미지레이를 이용하여 애니메이션 만들기
6. 슬라이스하여 웹 저장하기
<확실히 알켜주마> 알Gif 활용하기
[Tip] 드림위버 4로 웹페이지 만들기
[네번째] IOMEGA 사이트 상품을 부각시키는 디자인
sec13 이미지를 부각시키는 상품박스 만들기
1. 모서리가 둥근 사각형 만들기
2. 레이어 복사하여 같은 간격으로 정렬하기
3. 이미지 복사하기
4. 이미지 마스크 처리하기
5. 상단 메뉴 박스 만들기
6. 이미지의 크기와 위치 조절하기
7. 상품명 입력하기
8. 로고 삽입하기
9. 블랜딩 모드를 이용하여 텍스트의 바탕색 없애기(오버랩 효과)
10. 불투명 효과주기
11. 가려진 이미지를 보이게 만들기
12. 그림자 효과 적용하기
13. Stroke 스타일로 깔끔한 박스 테두리 만들기
[다섯번째] Titooninc 사이트 동화같은 상상의 나라
sec14 포트폴리오를 위한 스케치북 만들기
1. 바탕 만들기
2. 정확한 크기의 구멍 만들기
3. 레이어 정렬하기
4. Color Overlay로 입체감 표현하기
5. Inner Shadow 효과로 파인 듯한 느낌 만들기
6. Drop Shadow 효과로 겹쳐진 느낌 만들기
7. 스프링 만들기
8. 스프링에 실체감주기
9. 스프리엥 입체감주기
10. 스프링 복사하기
11. 바탕에 그라데이션 적용하기
12. 메모지 만들기
13. 격자무늬 만들기
14. 메모지 회전시키기
<확실히 알켜주마> Free Transform의 사용법
[여섯번째] Metadesign 사이트 도발적인 느낌을 전략으로..
sec15 개성있는 메인 이미지 따라잡기
1. 바탕 만들기
2. 바탕 꾸미기
3. 흑백 이미지 만들기
4. 이미지를 밝게 만들기
5. 이미지의 배경 없애기
6. 이미지 마스크 처리하기
7. 선택 영역 복사하여 축소하기
8. Transform Selection을 이용하여 축소하기
9. Contract를 이용하여 축소하기
10. 이중 원을 이용하여 축소하기
11. 펜툴과 선택툴을 이용하여 모양 꾸미기
12. 패턴으로 일부 영역 채우기
13. 마무리 작업하기
[Tip] 투명한 줄무늬 넣기
