머리말
예제 미리 보기
이 책의 구성
목차
학습하기 전에


PART 1 꼭 알아야 할 디자인 이론과 좋은 디자인을 위한 테크닉

001 | 시각 디자인의 종류와 디자인의 기본 원리
시각 디자인의 종류
디자인 기본 원리

002 | 디자인 프로세스
디자인 프로세스 이해
디자인 프로세스 단계
주요 분야별 프로세스 특징

003 | 디자인 능력을 높이는 습관
창조적인 디자이너가 되는 방법
프리랜서를 고려한다면
클라이언트와의 관계

004 | 디자인 작업물을 보호하는 방법
저작권의 이해
저작권 공지
이미지, 일러스트, 폰트 사용

005 | 좋은 포트폴리오 만들기
다양한 디자인 작업해 보기
자신의 스타일 찾기
스토리가 있는 포트폴리오 만들기
베스트 디자인 열 개만 넣기
다양한 매체로 만들기
자신의 브랜드 구축하기

006 | 컬러 이해하기
색의 3요소
톤의 의미
주요 색상의 의미
색의 대비 효과
컴퓨터 그래픽과 인쇄에서 컬러
기업 아이덴티티 컬러

007 | 디자인에 유용한 사이트
무료 이미지 사이트
브러시/패턴 사이트
무료 폰트 사이트
아이디어를 얻을 수 있는 사이트
국내/외 디자인 공모전 사이트


PART 2 연동 작업을 위한 포토샵+일러스트레이터 핵심 기능

001 | 포토샵과 일러스트레이터를 왜 같이 쓰나요?
포토샵 장단점과 사용 분야
일러스트레이터 장단점과 사용 분야
같이 써야 하는 포토샵과 일러스트레이터

002 | 포토샵 기초 익히기
기본 작업화면 살펴보기
도구 살펴보기
새 문서 만들기
파일 열기/가져오기
파일 저장하기
이미지 크기 변경하기
문서 크기 변경하기
단위 변경하기
선택 옵션 설정하기
자르기 도구 사용하기
자유 변형하기
베지어 곡선 알아보기
펜 도구를 이용한 패스 그리기
셰이프 그리기
셰이프 옵션 설정하기
브러시 사용하기
레이어 사용하기
블렌딩 모드 사용하기
레이어 스타일 사용하기
색상 조절하기
보정 레이어 사용하기
마스크 사용하기
필터 사용하기
작업 기록하여 반복 작업하기

003 | 일러스트레이터 기초 익히기
기본 작업화면 살펴보기
도구 살펴보기
새 문서 만들기
파일 열기/가져오기
파일 저장/내보내기
Stroke 패널에서 선 속성 변경하기
Align 패널로 개체 정렬하기
Warp로 개체 변형하기
패스파인더 사용하기
마스크 사용하기
블렌드 사용하기
메시 사용하기

004 | 효율적인 작업을 위한 기능
효율적 작업을 위한 환경 설정
해상도
스마트 오브젝트 사용하기
AI 파일 가져오기와 붙여넣기 차이점
벡터 이미지 수정 불가능하게 설정하기
폰트를 일반 개체 상태로 변환하기

005 | 연동 및 호환 작업을 위해 알아야 할 것
파일 호환하기
일러스트레이터에서 포토샵 파일(PSD) 열기
포토샵에서 일러스트레이터 파일(AI) 열기
일러스트레이터에서 JPG 파일 저장하기
포토샵 Place Embedded와 Place Linked 알아보기
일러스트레이터 Embed와 Link 알아보기


PART 3 실력+스펙을 쌓기 위한 포토샵+일러스트레이터 실무 프로젝트

001 | [포토샵+일러스트레이터] 프레임과 이미지를 이용한 양초 라벨 디자인
원형 프레임 만들기
요소 가져와 배치하기
사각형 프레임 만들기
요소 가져와 배치하기
모서리 모양을 변형한 라벨 만들기
요소 가져와 배치하기

002 | [포토샵+일러스트레이터] 내 맘대로 색상을 조절하는 베이커리 라벨 디자인
도트 배경 만들기
무지개 그러데이션 텍스트 입력하기
마카롱 색깔 바꾸기
라벨에 테두리 두르기

003 | [포토샵] 장식 요소를 활용한 향수 라벨 디자인
장식 프레임 만들기
문자와 장식 이미지 배치하기

004 | [포토샵] 스탬프 칸이 있는 카페 쿠폰 디자인
줄무늬 패턴 배경 만들기
프레임 안 로고 디자인하기
로고와 닮은 쿠폰 칸 디자인하기
물결 패턴 배경 만들기

005 | [포토샵+일러스트레이터] 카메라가 연상되는 스튜디오 명함 디자인
입체감 있는 렌즈 이미지 그리기
뷰 파인더 만들고 내용 추가하기

006 | [포토샵] 아이 사진과 셰이프를 이용한 돌잔치 초대장 디자인
Levels를 이용해 아이 사진 보정하기
셰이프 도구와 레이어 스타일로 입체적인 가랜드 장식 만들기
텍스트 입력하고 말풍선 만들기

007 | [포토샵] 캘리그래피 소스를 활용한 청첩장 디자인
앞면 디자인하기
뒷면 디자인하기
내지 디자인하기

008 | [포토샵] 반투명 개체를 이용한 패션 광고 디자인
브러시로 컬러 입히기
테두리 만들고 반투명한 문자 입력하기

009 | [포토샵+일러스트레이터] 브러시를 활용해 역동적인 스트릿웨어 광고 디자인
이미지와 배경 분리하기
그러데이션 배경 입히기
그림자 만들기
브러시 부분 제거하고 장식하기
로고 삽입하기

010 | [포토샵+일러스트레이터] 빈티지 곡물 과자 패키지 디자인
빈티지 입체 로고 디자인하기
자연스러운 데코 소스 만들기
수제 느낌의 과자 몰드 그림체 표현하기
레이아웃 구성 심화 및 문구 적용하기
전개도 작업하기

011 | [일러스트레이터] 명함으로 활용할 수 있는 블렌드 문자 디자인
크기가 변하는 형태의 로고 만들기
흔들리는 형태의 로고 만들기
흩어지는 형태의 로고 만들기
무늬가 있는 로고 만들고 명함 완성하기

012 | [일러스트레이터] 오래된 질감이 느껴지는 빈티지 타이포그래피
기본 빈티지 원형 타이포그래피 만들기
배경 넣고 낡은 느낌 만들기

013 | [일러스트레이터] 3D 마스크 문자를 활용한 앨범 재킷 디자인
문자 드로잉을 위한 그리드 그리기
펜 도구와 패스파인더로 문자 디자인하기
문자에 입체 효과 만들기
마스크를 이용한 투명 글자 만들기

014 | [포토샵+일러스트레이터] 지도와 일러스트를 활용한 커피 인포그래픽
지도와 커피 거품 표현하기
나라별 커피잔 소스 만들기
제목 및 레이아웃 구성하고 편집하기

015 | [포토샵+일러스트레이터] 필터를 활용한 발광 효과 그래픽
문자 입력하기
기본 배경 입히기
렌즈 플레어 필터를 이용해 굴절 효과 만들기
곡선 그려 배치하기
Outer Glow를 이용한 광선 효과 만들기
브러시를 이용해 눈 형태 입히기

016 | [포토샵+일러스트레이터] 다양한 소스를 만들어 활용하는 감성 그래픽 디자인
겨울 감성의 개체 소스 만들기
배경 이미지 만들고 감성적인 그림체 적용하기
레이아웃 구성을 통한 그래픽 완성하기

017 | [일러스트레이터] 빛의 테마가 있는 온라인 그래픽
문자 드로잉을 위한 그리드 만들기
그리드에 맞춰 문자 그리기
메시와 그리드를 이용한 선으로 문자 꾸미기

018 | [포토샵+일러스트레이터] 합성으로 역동성을 극대화한 모바일 게임 오프닝 그래픽
흐림 효과를 이용한 배경 표현하고 클래식 카 배치하기
입체적인 로고 디자인하기
동적인 이미지 복제 및 합성을 이용한 역동성 표현하기

019 | [포토샵+일러스트레이터] 인상적인 모노톤 포스터 디자인
인물 이미지 모노톤으로 보정하기
빈티지 백그라운드 이미지 표현하기
이미지 합성을 통한 동적인 표현하기
캘리그래피 제목 및 카피 레이아웃 구성하기
포인트 컬러와 블러를 통한 메인 요소 강조하기

020 | [일러스트레이터] 기하학적인 그래픽을 표현한 컨퍼런스 포스터
원형 장식 만들기
블렌드 화살표 만들기
내용 입력하기

021 | [포토샵+일러스트레이터] 이미지 타이포그래피가 있는 농구 대회 포스터
기본 문자 입력하기
나무 질감 입히기
장식 개체 배치하기
농구 코트 그리고 배치하기

022 | [포토샵+일러스트레이터] 다양한 개체를 조화롭게 합성한 여행 매거진 표지 디자인
자연 경관 배경 표현을 위한 이미지 보정하기
열기구 이미지 보정 및 배치를 통한 여행 감성 표현하기
매거진 제목에 다양한 효과 적용하기
단순한 감성의 뒤표지 이미지 만들기
매거진 책등 이미지 연장하여 표현하기
표지 날개 이미지 연장하여 표현하기
매거진 문구 작성하여 완성하기

023 | [포토샵+일러스트레이터] 그러데이션 문자를 배치한 매거진 표지 디자인
기본 그러데이션 원형 그리기
원형 결합하여 글자 만들기
클리핑 마스크 적용하기
이미지 알맞게 자르고 그러데이션 입히기
디자인한 문자와 이미지 배치하기
책등과 뒤표지 만들기

색인
작업을 빠르게 해 주는 포토샵 단축키
작업을 빠르게 해 주는 일러스트레이터 단축키