포토샵×일러스트레이터를 연동한 작업의 정석(CD1장포함)

모로 가도 포토샵? 모로 가도 일러스트? NO!



어떤 디자인 프로젝트를 진행하든 실무 작업에 있어서 일반적으로 이미지와 일러스트, 문자, 이펙트 등을 다루게 됩니다. 하나의 디자인 프로젝트에서 이미지를 사용하고, 문자를 입력하며, 다양한 효과를 표현하게 됩니다.

포토샵에서는 크기와 관계없이 깔끔하게 사용할 수 있는 벡터 이미지를 처리하기는 불편하고, 일러스트레이터에서는 비트맵 이미지 작업을 하기에 곤란한 경우가 많습니다. 포토샵과 일러스트레이터 기능이 점점 확장되고는 있지만, 포토샵과 일러스트레이터의 특징은 명확하고, 효율적인 그래픽 작업을 해야 한다면 포토샵과 일러스트레이터의 연동 작업은 필수입니다.



기능 합본서가 아닌 리얼 포토샵&일러스트레이터 실무 활용서!



이 책은 단순하게 포토샵과 일러스트레이터 매뉴얼을 조합해서 만든 책이 아닙니다. 실무 디자이너의 가장 효율적인 작업 패턴에 맞게 포토샵과 일러스트레이터를 적재적소에 사용하는 방법을 알려줍니다.

포토샵과 일러스트레이터를 함께 효과적으로 사용하는 방법과 디자이너가 꼭 알아 두어야 할 실무 테크닉 및 프로세스를 담았습니다. 실무 디자이너의 똑똑한 포토샵과 일러스트레이터, 즉 포토스트레이터의 프로그램 운용과 활용법을 쉽게 학습할 수 있도록 구성되어 있습니다. 이제 디자인 결과물 품질을 보장하고 작업 시간을 절약하는 디자이너가 되어 보세요.



[출판사 서평]

효율적인 실무 포토샵과 일러스트레이터 사용 노하우

이 책은 실무 활용도를 높이기 위해 포토샵과 일러스트레이터를 이용한 예제들과 서로 혼합한 예제를 수록하여, 실무에서 디자이너들이 어떻게 프로그램을 조합하여 운용하는지 배울 수 있습니다. 예제를 시작하기 전에 '디자인 프로세스'를 통해 포토샵과 일러스트레이터를 어느 부분에 사용하는지 살펴볼 수 있으며, 사용 프로그램 표시를 통해 포토샵 과정과 일러스트레이터 과정을 쉽게 구분할 수 있습니다.



현직 디자이너의 실무 작업 패턴 학습하기

현직 그래픽 디자이너가 주로 작업하는 23가지 실무 예제를 다루어 보면서 프로젝트 각각의 작업 과정 패턴을 배울 수 있습니다. 디자인 요소 각각을 이용해 레이아웃을 구성하는 방법, 완성된 아트워크를 인쇄할 때 적절한 종이를 선택하여 의도한 콘셉트의 질을 높이는 방법, 명함과 같은 작은 공간 안에서 회사나 개인 정체성을 표현하는 방법, 브랜드와 제품 속성 및 특징을 표현하는 방법 등 다양한 예제를 통해 현장의 생생한 실무 작업 패턴을 배워 봅니다.

머리말

예제 미리 보기

이 책의 구성

목차

학습하기 전에





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 | [포토샵+일러스트레이터] 그러데이션 문자를 배치한 매거진 표지 디자인

기본 그러데이션 원형 그리기

원형 결합하여 글자 만들기

클리핑 마스크 적용하기

이미지 알맞게 자르고 그러데이션 입히기

디자인한 문자와 이미지 배치하기

책등과 뒤표지 만들기



색인

작업을 빠르게 해 주는 포토샵 단축키

작업을 빠르게 해 주는 일러스트레이터 단축키

김두한 저자 김두한은 세계 3대 디자인 공모전(iF Design Award), Spark Design Award, Pentawards에서 수상하였고, 국내 디자인 공모전에서 환경부 장관상, 대한상공회의소 회장상, 전국경제인연합회 회장상, Good Design 선정 등 다수의 수상 경력이 있으며, 한국디자인진흥원에서 주관하는 대한민국디자인 전람회 추천 디자이너로 위촉되었습니다. 홍익대학교 대학원에서 브랜드 패키지 디자인과를 졸업하고 연세대학교에서 브랜드 전문가 과정을 수료하였으며, 필묵, 한일전기, 팬택을 거쳐, 현재는 IoT 스마트 홈 전문 회사 현대통신에서 BX 디자이너로 근무하고 있습니다.