포토샵 아트웍

CA 편집부

포토샵 아트웍

PHOTOSHOP ARTWORK

Untitled-1* @ 100%(Layer 1, RGB/8*)

리터칭

RETOUCHING 패턴

PATTERN 아이콘

ICON

디지털 콜라주

DIGITAL COLLAGE

환영합니다 포토샵은 실로 다양하게 활용할 수 있는 유용한 프로그램입니다. 이 책은 자신만의 크리에이티브 아트웍으로 최고의 기량을 발휘하고 싶은 당신을 위해서 탄생하였습니다. ‘포토샵을 활용하는 40가지 팁’을 통해 포토샵을 더 깊고 넓게 사용해 보세요. 원근법과 브러시, 색상의 쓰임과 중요성을 이해하면 포토샵 활용이 더욱 흥미로워질 것입니다. ‘인디자인 CC를 이용해 작업 시간 줄이기’는 새로운 툴에 맞춘 유용한 팁을 제공합니다. 사진을 다루는 전문적인 ‘리터칭’ 섹션에서는 전문가가 짚어주는 다양한 기법의 사진 리터칭을 다룹니다. 당신의 사진에 깊이를 더하실 수 있을 것입니다. ‘크리에이티브 스킬’ 섹션은 다채로운 아트웍 기술을 선보입니다. ‘포토샵 플러스’ 섹션에서는 포토샵과 인디자인, 일러스트레이터 같은 프로그램을 함께 사용하는 스킬을 단련해보세요. 아트웍의 무궁무진한 잠재적 가치를 끌어내도록 도와줍니다. 이 책을 통해서 당신이 크리에이티브 실력을 향상시키고 무한한 가능성을 발견할 수 있기를 바랍니다.

CA 편집부

004

차례

툴가이드------------------------------------------------------------------------ 006 포토샵을 활용하는 40가지 팁 ------------------------------------------------- 022 포토샵 CC를 이용해 작업 시간 줄이기---------------------------------------- 028

리터칭 프로 흑백 필터 잘 사용하기 --------------------------------------------------------- 036 흑백 필터로 색조 컨트롤하기 -------------------------------------------------- 040 결점 없는 피부톤 만들기 ------------------------------------------------------- 042 완벽하게 인물 피부 리터치하기 ----------------------------------------------- 046 광고 이미지 스타일라이징 하기 ----------------------------------------------- 048 톤과 컬러 스타일라이징 ------------------------------------------------------- 052 채널 믹서 마스터 하기 --------------------------------------------------------- 054 채널 믹서로 테크니컬러 스타일 만들기 --------------------------------------- 058 사실적으로 합성하기----------------------------------------------------------- 060 까다로운 톤과 색을 조화시키기 ----------------------------------------------- 064

크리에이티브 스킬 물감을 픽셀로 탈바꿈하기 ----------------------------------------------------- 068 포토샵에서 스튜디오 촬영 효과 내기 ------------------------------------------ 073 아름다운 왜곡 효과 ------------------------------------------------------------ 080 소비에트 스타일 포스터 만들기 ----------------------------------------------- 086 사실적인 앱 아이콘 디자인하기 ----------------------------------------------- 096 레트로 스타일 일러스트레이션 만들기 ---------------------------------------- 100 추상적인 액체 효과 만들기 ---------------------------------------------------- 104 간단한 스플래시 스크린 만들기 ----------------------------------------------- 110 가지고 있는 재료들을 활용한 디자인 ------------------------------------------ 114 디지털 페이퍼 아트 작품을 만들기 -------------------------------------------- 124 원으로 추상 이미지 만들기 ---------------------------------------------------- 135 제한된 팔레트로 추상 이미지 만들기 ------------------------------------------ 147

포토샵 플러스 텍스처 작업에 그래픽 포인트 주기 -------------------------------------------- 154 메시업 패턴 채우기 효과 마스터하기 ------------------------------------------ 165 로고디자인 워크플로우 개선하기 --------------------------------------------- 170 복합적인 그림자 만들기 ------------------------------------------------------- 176 자유로운 형식의 타이포 콜라주 완성 ------------------------------------------ 182 베이직 요소를 형태로 만들어내기 --------------------------------------------- 193 녹아내리는 글씨 만들기 ------------------------------------------------------- 198 이미지 구성 작업하기 ---------------------------------------------------------- 204 필터 제대로 쓰기 --------------------------------------------------------------- 210 초현실적인 패턴 만들기 ------------------------------------------------------- 216 팝 타이포그래피 만들기 ------------------------------------------------------- 222 평면적인 색에 심도 더하기 ---------------------------------------------------- 227 수작업으로 이미지 다루기 ----------------------------------------------------- 232 왜곡된 타입 만들기 ------------------------------------------------------------ 238 스마트 오브젝트를 사용해서 질감 입히기 ------------------------------------- 244 제작비에 맞춘 셀프 프로모션 캠페인 제작하기 ------------------------------- 248 잡지 커버 디자인하기 ---------------------------------------------------------- 252 인상적인 전시 포스터 만들기 -------------------------------------------------- 257 혼합 미디어 인물화 만들기 ---------------------------------------------------- 262 만화경 효과 만들기 ------------------------------------------------------------ 266 모노톤 레이아웃을 개성적으로 디자인하기 ----------------------------------- 276 분위기 있는 디지털 콜라주 만들기 -------------------------------------------- 280 빈티지한 질감 만들기 ---------------------------------------------------------- 291 타입에 부피감 만들어주기 ----------------------------------------------------- 301 자연적인 요소로 콜라주하기 -------------------------------------------------- 305

리소스 일부 튜토리얼을 따라서 아트웍을 해내는데 도움을 주는 리소스 파일이 준비되어 있다. 이 파일은 CAshop.kr>Resource에서 내려받을 수 있다. 크리에이티브 스킬 물감을 픽셀로 탈바꿈하기 068p / 아름다운 왜곡 효과 080p / 사실적인 앱 디자인 096p. 포토샵 플러스 텍스처 작업에 그래픽 포인트 주기 154p / 메시업 패턴 채우기 효과 마스터하기 165p / 스마트 오브젝트를 사용해서 질감 입히기 244p / 혼합 미디어 인물화 만들기 262p / 분위기 있는 디지털 콜라주 만들기 280p / 빈티지한 질감 만들기 291p / 자연적인 요소로 콜라주하기 305p

005

툴 가이드 본 가이드 북은 모든 포토샵 버전에 적용할 수 있는 활용 가이드로서 단축키 기능과 다양한 포토샵 활용을 가능하게 하는 도구 패널을 소개합니다. 도구 패널은 포토샵의 심장이라고 할 수 있습니다. 원근 자르기 도구(Perspective Crop tool)와 내용 인식 이동 도구(Content Aware Move

Tool)에서부터 이전부터 유용하게 사용되고 있는 자동 선택 도구(Magic Wand)까지 포토샵 도구 패널(Tool Panel)에 있는 모든 도구의 사용법에 대해 다룹니다. 그뿐만 아니라 도구 옵션 바(Tool Option bar)의 사용자 설정 방법과 이를 빠르고 간편하게 실행하는 방법에 관해 설명합니다. 우선 대부분의 도구가 해당 도구와 유사한 다른 기능을 제공하는 부속 도구를 함께 제공한다는 것을 유념해야 합니다.

006—툴 가이드

단축키 모음 (Alt)와 (Opt)은 [ Alt ]로, (Ctrl]과 (Cmd)는 [ Ctrl ]로 표기했다.

도구

편집

이동------------------------------------------------------------------------------[ V ]

실행 취소 ------------------------------------------------------------[ Ctrl+Z / F1 ]

사각형 선택 윤곽 --------------------------------------------------------------- [ M ]

다음 단계 --------------------------------------------------------- [ Ctrl+Shift+Z ]

다각형 올가미 -------------------------------------------------------------------[ L ]

이전 단계 ----------------------------------------------------------- [ Ctrl+Alt+W ]

자동 선택 -----------------------------------------------------------------------[ W ]

희미하게 하기 ------------------------------------------------------- [ Ctrl+Alt+Z ]

스포이드--------------------------------------------------------------------------[ I ]

제자리에 붙이기-------------------------------------------------- [ Ctrl+Shift+V ]

스팟 복구 브러시 --------------------------------------------------------------- [ C ]

안쪽에 붙이기 ----------------------------------------------- [ Ctrl+Alt+Shift+V ]

브러시 -------------------------------------------------------------------------- [ B ]

내용 인식 비율 ---------------------------------------------- [ Ctrl+Alt+Shift+C ]

복제 도장 ------------------------------------------------------------------------[ S ]

칠 ---------------------------------------------------------------------- [ Shift+F5 ]

작업 내역 브러시 ----------------------------------------------------------------[ Y ]

자유 변형 ----------------------------------------------------------------- [ Ctrl+T ]

지우개 ---------------------------------------------------------------------------[ E ]

작업영역

페인트 통/ 그라디언트 --------------------------------------------------------- [ G ]

기본 전경색과 배경색 ---------------------------------------------------------- [ D ]

닷지/번/스펀지 ----------------------------------------------------------------- [ O ]

전경색과 배경색 전환 -----------------------------------------------------------[ X ]

펜 ------------------------------------------------------------------------------- [ P ]

빠른 마스크 모드로 편집 ------------------------------------------------------ [ Q ]

문자------------------------------------------------------------------------------[ T ]

화면 모드 변경 ------------------------------------------------------------------[ F ]

패스 선택 ----------------------------------------------------------------------- [ A ]

투명 픽셀 잠그기 ---------------------------------------------------------------- [ / ]

타원/사각형/선 ----------------------------------------------------------------- [ U ] 손 ------------------------------------------------------------------------------- [ H ] 회전 보기 ----------------------------------------------------------------------- [ R ]

브러시 사이즈 줄이기 --------------------------------------------------------------------[ [ ]

돋보기 ---------------------------------------------------------------------------[ Z ]

사이즈 늘이기 --------------------------------------------------------------------[ ] ] 경도 줄이기 ----------------------------------------------------------------------[ { ]

보기 확대----------------------------------------------------------------------- [ Ctrl++ ]

경도 늘이기 ----------------------------------------------------------------------[ } ] 이전 브러시 ---------------------------------------------------------------------[

,] .]

축소------------------------------------------------------------------------[ Ctrl+- ]

다음 브러시 ---------------------------------------------------------------------[

화면 크기에 맞게 조정 --------------------------------------------------- [ Ctrl+0 ]

첫번째 브러시 -------------------------------------------------------------------[ < ]

실제 픽셀 ----------------------------------------------------------------- [ Ctrl+1 ]

마지막 브러시 -------------------------------------------------------------------[ > ]

파일 닫은 후 bridge로 이동 ------------------------------------------ [ Ctrl+Shift+W ]

레이어 새로운 레이어 ---------------------------------------------------- [ Ctrl+Shift+N ] 레이어 복사 -------------------------------------------------------------- [ Ctrl+J ]

되돌리기--------------------------------------------------------------------- [ F12 ]

레이어 잘라내기---------------------------------------------------[ Ctrl+Shift+J ]

파일정보------------------------------------------------------ [ Ctrl+Alt+Shirt+I ]

클리핑 마스크 만들기 -----------------------------------------------[ Ctrl+Alt+G ] 맨 앞으로 가져오기 ----------------------------------------------- [ Ctrl+Shift+] ]

선택 모두----------------------------------------------------------------------- [ Ctrl+A ]

뒤로 보내기 --------------------------------------------------------------- [ Ctrl+[ ]

해제----------------------------------------------------------------------- [ Ctrl+D ]

맨 뒤로 보내기 ---------------------------------------------------- [ Ctrl+Shift+[ ]

다시 선택 --------------------------------------------------------- [ Ctrl+Shift+D ]

아래 레이어와 병합 ------------------------------------------------------ [ Ctrl+E ]

반전----------------------------------------------------------- [ Ctrl+Shift+I / F7 ]

보이는 레이어 병합 ---------------------------------------------- [ Ctrl+Shift+E ]

앞으로 가져오기----------------------------------------------------------- [ Ctrl+] ]

모든 레이어 ---------------------------------------------------------[ Ctrl+Alt+A ] 마스크 다듬기 -------------------------------------------------------[ Ctrl+Alt+R ]

필터 렌즈 교정 --------------------------------------------------------- [ Ctrl+Shift+R ] 픽셀 유동화 ------------------------------------------------------ [ Ctrl+Shift+X ] 소실점 --------------------------------------------------------------- [ Ctrl+Alt+V ]

007

01 사각형 선택 윤곽 도구 [ M ]

Rectangular Marquee tool 사각형 선택 영역을 설정할 수 있다. 도구 옵션 바를 사용하여 선택 영역의 폭(W)/높이(H) 비율 혹은 각각의 수치를 설정하거나 선택 영역 외곽을 부드럽게 해주는 페더(Feather) 효과를 대상에 적용할 수 있다. Shift 키를 누르고 마우스를 드래그하면 폭(W)/높이(H) 비율을 그대로 유지한 채로 선택 영역을 조절할 수 있고, Alt+마우스 드래그하면 기존의 선택 영역에서 해당 영역을 제할 수 있다. Alt+Shift+마우스 드래그하면 선택된 영역과 드래그한 영역의 교집합 구간이 선택된다. 원형 선택 윤곽 도구

Elliptical Marquee tool 원형 선택 영역을 설정할 수 있다. 도구 옵션 바를 사용하여 페더 효과를 적용하거나

Shift+마우스 드래그하여 비율을 유지한 채 선택 영역을 설정할 수 있다. 단일 행 선택 윤곽 도구

Single Row Marquee tool 수평 형태의 단일 픽셀(Pixel) 선택 영역을 간편하게 설정할 수 있다. 직선을 그릴 때 브러시 도구(Brush tool)와 함께 활용하면 편리하다. 단일 열 선택 윤곽 도구

Single Column Marquee tool 수직 형태의 단일 픽셀 선택 영역을 간편하게 설정할 수 있다. 직선을 그릴 때 활용하면 편리하다.

02 이동 도구 [ V ]

Move tool 레이어(Layer)를 움직이거나 선택 영역을 드래그하여 이미지에서 잘라낼 수 있고, 레이어나 이미지를 다른 창으로 옮길 수 있게 해준다. 도구 옵션 바의 자동 선택(Auto Select) 박스를 체크한 후 이미지를 클릭하면 이미지가 속해있는 레이어 그룹 혹은 레이어 전체를 선택할 수 있다. 단 레이어 수가 많은 대용량 작업에 자동 선택 기능을 사용할 경우 레이어 패널(Layer

Panel)에서 원하는 레이어를 직접 선택하여 작업하는 것이 오히려 쉬울 수 있다. 하지만 자동 선택 기능을 사용하여 이미지를 클릭하면 선택된 이미지가 담겨있는 레이어를 레이어 패널에서 바로 확인할 수 있기 때문에, 원하는 이미지가 어떤 레이어에 담겨있는지 알 수 없는 경우에 활용하면 편리하다. <TIP> 선택 영역 추가 및 제거 키보드 키를 활용하면 선택 영역을 빠르게 수정할 수 있다. Shift나 Opt/Alt 혹은 두 개의 키를 동시에 누른 상태에서 새로운 영역을 선택하면 기존의 선택 영역에 새로운 영역을 추가, 제거 혹은 교차 편집할 수 있다.

008—툴 가이드

03 올가미 도구 [ L ]

Lasso tool 마우스를 클릭한 상태로 드래그하여 자유롭게 선택 영역을 설정할 수 있다. 선택 영역을 설정하다 중간에 마우스 버튼을 떼면 드래그 시작 지점으로부터 버튼을 뗀 지점까지 자동으로 직선이 그려지며 선택 영역이 형성된다. 도구 옵션 바의 가장자리 다듬기 도구(Refine Edge

tool)를 함께 사용하면 더욱 세밀한 영역 설정이 가능하다. 다각형 올가미 도구

Polygonal Lasso tool 클릭 후 커서를 원하는 방향으로 움직여 다각형 형태의 선택 영역을 설정할 수 있다. 영역 설정 중 원하는 때에 더블 클릭으로 설정을 완료하거나, 처음 시작한 지점까지 영역 경계를 연결하여 작은 동그라미 아이콘이 보이면 이를 클릭하여 설정을 마칠 수 있다. 직선으로 구성할 수 있는 단순한 형태의 대상(혹은 대상의 일부)을 선택할 때 사용하면 편리하다. 자석 올가미 도구

Magnetic Lasso tool 올가미 도구와 비슷하지만 커서를 대상의 윤곽을 따라 움직여주면 이미지를 감지하여 자동으로 영역을 설정해준다. 대비(Contrast) 값을 설정하여 자동 형태 감지 정도를 조절하거나 빈도(Frequency) 수치를 조절하여 기준점 생성 빈도를 원하는 대로 설정할 수 있다. 기준점 빈도가 높을수록 더욱 세밀하게 선택 영역을 설정할 수 있다. 또한 폭(Width) 수치 조절을 통해 커서를 중심으로 자석 올가미가 형태를 감지하는 범위를 설정할 수 있다. 타블렛 사용자들은 타블렛의 필압 감지 기능을 활용하여 폭을 조절할 수 있다. 한편 Caps

Lock 키를 누르면 변경된 펜 폭을 반영한 커서를 사용할 수 있는데(브러시 도구를 포함한 여러 다른 도구에서도 동일하게 사용할 수 있다), 기본 펜 폭과 새로 설정한 펜 폭을 비교해 보며 사용할 수 있어 편리하다.

04 자동 선택 도구 [ W ]

Magic Wand tool 흔히 마술봉 툴이라고 한다. 비슷한 색상의 영역들을 한 번에 선택할 수 있다. 단순한 배경 위에 있는 대상을 한 번에 오려낼 때 사용하면 편리하다. 도구 옵션 바의 색상 감지 허용치(수치가 높을수록 선택 폭이 넓어진다)와 캔버스 전체가 아닌 클릭한 부분과 직접 연결된 부분만 선택해주는 인접(Contiguous) 옵션을 상황에 따라 설정하여 알맞게 활용할 수 있다. 모든 레이어 샘플링(Sample All Layers) 박스를 체크하면 현재 작업 중인 레이어를 포함한 모든 레이어 상의 비슷한 색상의 영역을 한 번에 선택할 수 있다. 빠른 선택 도구 [ K ]

Quick Selection tool 브러시 개념이 적용된 선택 도구로서 마치 이미지 위에 선을 그리듯 마우스를 드래그하면, 커서를 따라 자동으로 이미지 형태를 감지하여 영역을 설정해준다. 도구 옵션 바를 통해 모든 레이어 샘플링 기능을 사용할 수 있으며, 자동 향상(Auto Enhance) 기능을 활성화하여 선택 영역 경계를 더욱 부드럽게 설정할 수 있다. 가장자리 다듬기 도구로 더 세밀한 작업을 할 수 있다.

009

포토샵을 활용하는 40가지 팁 한 차원 높은 디지털 아트웍과 일러스트레이션 디자이너들을 위한 투시 원근법에서부터 이미지 구성까지 아우르는 전문 포토샵 활용 가이드.

—포토샵을 —리터칭 활용하는 프로 022 022 40가지 팁

투시 원근법 사실적인 이미지 연출을 위해 투시 원근법을 활용하라

01—일 점 투시 하나의 소실점을 사용한 가장 일반적인 원근법. 수평 기준선에 있는 한 점을 향해 이미지의 모든 선이 집중해서 수렴되는 형태의 구도. 캔버스 상에 선택한 한 점으로부터 바깥쪽으로 직선을 그어 투시 기준선을 만든다.

02—이 점 투시 다른 면에 위치한 서로 다른 두 개의 소실점을 향해 선들이 수렴되는 구도. 이미지 시점에 따라 수직 혹은 수평선들은 소실점을 향하지 않고 서로 평행을 이룬다. 이점 투시 구도를 극대화하면 역동적인 이미지를 연출할 수 있다.

03—삼 점 투시 이점 투시와 유사하지만 추가된 제3의 소실점이 이점 투시 구도상에서 평행을 유지하던 직선들을 수렴한다. 결과적으로 이미지의 모든 선이 각 해당 소실점을 향하게 된다.

고무 밴드는 완전한 직선으로 보일 것이다. 밑에서 바라볼 경우에는 위쪽으로 굽은 곡선으로, 위에서 바라볼 경우에는 아래쪽으로 굽은 곡선으로 보일 것이다. 시점의 각도가 급격해질수록 기준선 사이 간격 역시 짧아진다.

08—원경은 흐릿하게 표현하라 원근법을 더욱 효과적으로 연출하려면 시점에서 멀리 떨어져 있는 대상일수록 톤과 채도가 흐리고 약해지며 형태 또한 상대적으로 불명확하게 표현해야 한다. 실제 자연을 바라보면 가까운 곳에 있는 대상들에 비하여 멀리 떨어져 있는 산들의 색이 흐리고 연하며 형태 또한 자세히 보이지 않는다는 것을 알 수 있다.

09—현실적 연출과 극적 연출 극적인 구도일수록 투시 선은 더욱 급격한 각도로 소실점을 향해 떨어지게 된다. 현실적인 이미지를 만들고자 한다면 소실점 사이의 거리를 적당하게 유지하여 원만한 원근감을 형성해주고, 소실점 사이의 거리를 좁게 줄여주면 극적인 장면을 연출할 수 있다.

10—요소를 추가하여 이미지의 깊이를 더하라 04—단축법

이미지 시점을 곧바로 바라보고 있는 대상을 실제보다 짧아 보이게 표현하는 기법. 대상이 시점에서 멀어질수록 단축 정도는 더욱 커진다. 멀리 있는 대상일수록 더욱 납작하게 압축되어 보인다.

05—투시 원근법의 이해 투시 기준선들은 각 선을 해당 소실점으로 이끌어주는 가이드 라인이다. 캔버스 상에 소실점의 위치를 결정한 뒤

이미지의 원근감을 더욱 그럴듯하게 표현하고자 한다면 이미지 맥락 속에 디테일 요소를 추가해주면 효과적이다. 화면을 가득히 채우고 있는 자연 풍경 이미지의 전경 부분에 사람 이미지를 추가해주는 것만으로도 그 뒤로 펼쳐지는 배경의 깊이가 더욱 깊어짐을 느낄 수 있다.

브러시 일러스트레이션 작업의 핵심, 브러시 활용법

소실점을 중심으로 그려 넣은 투시 기준선이나 가이드를 따라 대상의 형태를 그려 이미지를 완성한다.

01—타블렛을 사용하라 브러시 도구의 기능을 100% 제대로 활용하기 위해서는

06—등각 투상도

타블렛 사용이 필수이다. 타블렛을 설치하면 필압 감지 기능

비실제적인 이미지 연출에 가장 많이 사용되는 구도. 가로,

및 불투명도 조절, 그리고 브러시 패널의 모양, 분산, 색상

세로, 높이 3축의 내각이 120도를 이루도록 교차하여

등의 옵션을 사용할 수 있게 된다. 또한 마우스가 아닌 펜을

구성한다. 등각 투상도에서는 대상과 이미지 시점 사이의

사용하기 때문에 사용자의 손놀림이 그대로 드러나 더욱

멀고 가까움에 상관없이 단축법을 적용하지 않는다.

감각적인 표현이 가능하게 된다.

07—얼굴 구도

02—프로그램이 제공하는 기본 설정을 활용하라

시점에 따라 사람 얼굴 각 구성 요소의 올바른 위치를

포토샵, 페인터, 일러스트레이터 등의 프로그램들은

파악할 수 있도록 도와주는 기준선을 활용하면 얼굴 표현이

모두 다양한 기본 설정 값이 저장된 브러시 라이브러리를

훨씬 쉬워진다. 고무 밴드가 공 둘레를 수평으로 감싸고

제공한다. 기본적인 원형 브러시에서부터 부드러운 브러시,

있는 모습을 상상해보자. 공을 정면으로 바로 바라보면

서예 브러시, 자연적인 브러시, 드라이 브러시와 수채화

023 023

포토샵 CS3 이상 1—독특한 구성 만들기 2—블렌딩 모드 이해하기 3—사진으로 작업하기

물감을 픽셀로 탈바꿈하기 빠르게 성장하는 분야인 디지털 아트. 잘만 활용한다면, 평범한 작업물을 더욱 특별하게 탈바꿈시킬 수 있다. 이 튜토리얼은 다양한 미디어를 접목하여 스타일을 발전시키고 기본을 넘어선 새로운 작품을 탄생시키는 방법을 제시한다. 디지털 기술과 아날로그 기술 모두 사용하여 독창적인 작품을 만드는 방법도 알려줄 것이다.

퍼 구스타프슨

Per Gustafsson 디지털 디자이너이자 애니메이터인 퍼는 런던으로 건너가 사치&사치, LBi, AKQA 등을 위해 일하기 전까지 10년간 스웨덴에서 자신의 스튜디오를 운영했다. 그는 지금 프리랜서로 활동 중이며 스톡 에이전시를 통해 자신의 작품을 판매하고 있다.

modernstyle.se

068—크리에이티브 스킬

01

02

수작업과 사진 기법을 사용하여 효과를 만들어 보자. 나는

사용하고자 하는 사진을 선택하고 포토샵에서 연다.

물에 접근해 봤다. 어항 같은 투명한 꽃병을 물로 채우고

이미지를 선명(Filter>Sharpen>Sharpen)하게 한 후,

수채화와 아크릴 물감을 떨어뜨린다. 방울이 클수록 강렬한

대비(Image>Adjustments>Brightness/Contrast)를

모양을 만들 것이고, 어두운 색일수록 사진을 찍기에 수월할

상향 조정한다. 그다음엔 레벨(Imege>Adjustments>

것이며, 좋은 조명과 빠른 셔터스피드는 깔끔한 사진을

Levels)값을 조정하여 이미지가 더욱 선명하고 강렬한

제공할 것이다.

형태를 띠도록 만들어 보자. 나는 배경을 더욱 밝게 해 봤고, 메인 오브젝트를 검은색으로 선택했다.

03

대상이 과도하게 노출되어 보이지 않도록 레이어 패널 상의 맨 위에 새로운 레이어(Layer>New)를 만든다. 그리고 칠(Edit>Fill)을 선택하고, 드롭다운 메뉴에서 50% 회색을 선택한다. 혼합 옵션은 색조(Hue)로, 불투명도(Opacity)는 50%로 놓는다. 레이어를 복제해서 구성에 영향을 주지 않는 한도 내에서 얼마나 많은 배경의 물체들이 지워지는지 보자. 이는 중심 부분이 더욱 선명하고 눈에 띄도록 하기 위함이다.

069

포토샵 CS3 이상 1—낡은 효과내기 2—조정 레이어 이용하기

소비에트 스타일 포스터 만들기 이 튜토리얼에서는 저작권 없는 빈티지 이미지에 텍스처와 낡은 타입을 더해 포스터를 제작해볼 것이다. 레이어를 이용해 흑백 이미지를 채색하고, 사진을 잘라내는 팁을 공유하고자 한다. 가장 중요한 것은 저작권 제한이 없는 빈티지 사진을 찾는 것이다. 나는 공유 가능한 이미지들이 많이 있는 웹사이트를 이용한다. 구글 이미지 검색의 경우, 검색 도구에서 사용 권한을 구분해서 찾을 수 있다. 텍스처는 오래된 책의 낡은 페이지들을 스캔하거나 벽을 촬영하여 만든다.

피토레스크

Pittoresque 대가족의 둘째인 니콜라스 램버트, 일명 피토레스크는 집착과 충동의 디자이너다. 그의 작업은 음악 분야에 집중되어 있다.

pittoresque.net

086—크리에이티브 스킬

01

02

먼저 콜라주 작업을 하기로 마음먹었으면, 텍스처를 위해

나는 저작권이 있는 승려의 이미지를 사용하였지만, 다른

오래된 책의 안쪽 페이지를 촬영한다. 포토샵에서 텍스처를

어떤 인물도 무방하다. 펜 툴을 선택하고 인물을 잘라낸다.

열고 새로운 도큐먼트에 넣은 후 칠(Fill)을 30%로 설정한다.

마무리되면 선택 영역(Ctrl+click)으로 만든다. 이제

배경으로 쓸만한 이미지를 연다. 이 레이어에 마스크를

선택>가장자리 다듬기(Select>Refine Edge)를 적용하고

적용하고 검은색 브러시 툴로 이미지의 아래쪽을 칠해준다.

가장자리 이동(Shift Edge)과 페더(Feather) 옵션을 조절해 적절한 엣지를 만든다.

03

내가 지금 만들고자 하는 작품은 20년대 러시안 프로파간다와 타투 예술을 결합한 것이다. 붉은 꽃의 이미지를 찾은 후 잘라내 02단계를 반복한다. 다양한 이미지 요소를 역동적이게 구성하되 정돈돼 보이도록 해야 하므로 오른쪽 아래 중앙과 승려 뒤의 왼쪽 위 모서리에 두어 사선을 이루게 하였다.

087

더 에피데르미스트

The Epidermists 캐나다 밴드 콘서트 포스터.

092—크리에이티브 스킬

하와이 Fid-O 비영리 재단 독스위드윙스(Dogs with Wings)의 연례 갈라 아트 디렉션.

093

포토샵 CS3 이상 1—사진에서 색깔 효과를 만들고 구성하기

2—레이어 효과 조정하기 3—필터와 툴 마스터하기

퍼 구스타프슨

Per Gustafsson 디지털 디자이너이자 애니메이터인 퍼는 런던으로 건너가 사치&사치, LBi, AKQA 등을 위해 일하기 전까지 10년간 스웨덴에서 자신의 스튜디오를 운영했다. 그는 지금 프리랜서로 활동 중이며 스톡 에이전시를 통해 자신의 작품을 판매하고 있다.

modernstyle.se

104—크리에이티브 스킬

추상적인 액체 효과 만들기 일을 하다 보면 어느 시점에서는 추상적인 이미지를 만들어야 하는 업무를 받게 될 것이다. 그래서 찾아낸 이미지들을 병합하고 벡터 모양과 혼합하여 실제적인 모션 효과를 만드는 것에 대해 보여주고자 한다. 포토샵의 간단한 기본 도구를 사용해서 얻을 수 있는 전문적인 팁 몇 개와 테크닉을 알려줄 것이다.

01

02

포토샵의 빈 캔버스에서 시작한다. 먼저 새로운 레이어에

이제 물에 기름을 한 방울 떨어트린 사진을 추가할 것이다.

원형 그라디언트 빛을 그린다. 이 단계에서는 단순한 빛

나는 미리 사진을 찍어 놓았다. 만약 사진에 디테일을

효과면 충분하다. 색을 칠하든지 그리든지 상관없지만, 꼭

추가하고 싶다면 레벨 값(Image>Adjustments>Levels)을

블러를 사용하여 부드럽고 미세한 효과를 주도록 한다.

조정해 보자. 만약 너무 컬러풀하다면 이미지를 흑백으로 바꾸도록 한다. 이 이미지는 텍스처로 쓰일 것이다.

03

04

이미지를 복제하고 변형한다. 블렌딩 모드를 소프트

새로운 레이어에 브러시와 블러를 사용하여 빛 효과를

라이트(Soft Light)나 오버레이(Overlay)로 하여 멋진

추가한다. 기울임 필터(Filter>Distort>Shear)를 사용하여

효과를 내보자. 불투명도(Opacity)와 위치를 조정해

움직이는 느낌을 만든다.

준다. 그렇지만 레이어는 병합하지 않도록 하자. 레이어를 병합하게 되면 추가한 블렌딩 효과들이 사라진다.

105

포토샵 CS5 이상 1—종이와 디지털 도구를 함께 사용하기

2—중첩 스타일의 효과적인 사용 3—중첩 프로젝트 집중 관리

디지털 페이퍼 아트 작품을 만들어보자 추상적인 처리를 위한 계획을 세우고 이미지들을 모으는 방법에 대해서 알아보자. 이 과정을 따라 하면서 여러 가지 시도를 해보며 디자인 과정을 자연스럽게 즐기고 큰 성취감을 얻을 수 있게 되기를 바란다. 한정된 자원으로부터 무언가 만들어지는 과정을 지켜보는 것은 언제나 흥미로운 일이다. 여기서 다루는 것은 추상적이고 기하학적인 모양이다. 평범한 종이 더미들을 어떻게 하면 좀 더 훌륭하게 바꿀 수 있는지, 그리고 얼마나 효과적으로 이것을 디지털 세계로 옮겨올 수 있는지를 알려줄 것이다.

리처드 나바로

Richard Nabarro 프리랜서 디자이너이자 일러스트레이터인 리처드는 2010년에 허더즈필드 대학을 졸업했다. 그는 지금은 맨체스터에 살면서 지역 디자인 스튜디오인 네이버후드에서 일하고 있다.

124—크리에이티브 스킬

01

스스로 몇 가지의 방향을 정하기 위해 종이 위에 여러 가지 기하학적 디자인의 스케치를 시작해라. 나의 경우 약간은 느슨하게, 자연스럽게 그려지도록 했다. 그래서 여기 보이는 종이 줄기 효과를 포함해서 모든 초기 스케치로부터 가져온 요소들을 함께 통합하기로 한다.

02

또다른 재료로 사용할 채색된 카드나 종이를 선택한다. 좋아하는 미술 재료 중에서 색상을 선택하거나 동네 문구점에서 재료를 찾을 수 있을 것이다. 만약 고른 재료가 일관된 색상이 아니라면 포토샵에서 이 색상들을 변경할 수 있다.

125

페드리고니 런던 쇼룸

Fedrigoni London Showroom 페드리고니 문양을 추상적인 페이퍼 아트의 상징으로 사용했다.

132—크리에이티브 스킬

러브 페이퍼 페이퍼 아트 전문가인 제지회사 페드리고니(Fedrigoni)를 홍보하기 위해 디자인한 포스터이다.

133

포토샵과

텍스처 작업에 그래픽 포인트 주기

일러스트레이터 CS2

이 튜토리얼에서 보여줄 스타일은 그래픽 포인트가 섞인 강한 질감 효과와 세밀한 묘사가

페인터 IX.5 이상

두드러진다. 원래 패션 일러스트레이션 작업을 위해서 사용하였지만, 출판이나 광고 작업에도

1—마스킹 및 간단한 선택 테크닉 2—텍스처 적용하기 3—포토샵 레이어 구조

사용할 수 있다. 원하는 효과를 만들기 위해서는 많은 실험을 해 볼 필요가 있지만, 광고 환경에서는 수정이 가능한 속도로 작업하는 것이 큰 도움이 된다.

톰 백쇼

Tom Bagshaw 모스틀리원티드(Mostlywanted) 라는 이름으로 일하고 있는 백쇼는 영국 바스에서 활동하는 일러스트레이터이자 디지털 아티스트이다. 그는 센트럴 일러스트레이션 에이전시에 소속되어 있다.

mostlywanted.com

154—포토샵 플러스

01

스케치가 마음에 들지 않아 실루엣을 강조해서 다시 그렸다.

02

03

스케치를 가이드 레이어로 쓰고, 세밀한 드로잉을 위해서

기본 레이어를 회색으로 설정하고 스케치 레이어의 블렌딩

아트리지(www.artrage.com)의 연필 툴을 사용하였다.

모드를 곱하기(Multiply)로 설정한다. 딱딱하고 둥근

포토샵에서 인쇄용 고해상도 문서를 만든 후에 해상도를

브러시를 이용해 20-40% 불투명도(Opacity)로 설정해서

300dpi에서 150dpi로 변경해서 작업 사이즈를 반으로

회색 톤으로 페인팅한다. 세밀한 톤을 표현하기 위해서

줄여 작업 속도를 빠르게 하였다.

브러시를 부드럽게 하고, 올가미(Lasso) 툴을 사용해 몸통을 떼어낸다.

155

레드

RED 빨간 구두 한 짝 이미지를 참고자료로 받았던 까다로웠던 데일리텔레그래프지 작업이다. 에디터는 웅크린 소녀 이미지를 이미 생각하고 있었지만, 현실적인 노출이 없도록 조심스럽게 해야 했다.

162—크리에이티브 스킬

아프로

Afro 데일리텔레그래프지의 패션 부록에 들어간 작품이다.

163

포토샵과 일러스트레이터

자유로운 형식의 타이포 콜라주 완성

CS3 이상

강렬한 타이포그래피를 주축으로 한 자유로운 형식의 콜라주를 만들어 볼 것이다. 강한

1—타입페이스 고르기 2—포토샵 레이어 마스크 사용하기 3—이미지 구성하기 4—포토샵에서 색상과 효과 다루기

인상을 주는 타입은 유동적인 이미지가 어우러지는데 강력한 밑받침이 될 것이다. 이들은 함께 흥미롭고, 예상치 못한 구성을 만들어낼 것이다. 타입을 만드는 데에는 일러스트레이터를 사용하고, 포토샵에서 이미지들의 아웃라인을 따고 모든 것을 한데 모아서 표현할 것이다. 또한, 포토샵에서 쉽게 이미지를 따내는 법에 대해 알려주고자 한다. 그리고 구성과 색상 작업을 함께하여 작업을 마무리할 것이다.

톰 시웰

Tom Sewell 그래픽 디자이너이자 아트디렉터로 톰은 런던에서 활동하고 있다. 그는 다양한 스튜디오와 함께 각종 레코드 커버 디자인, 웹디자인, 아트 디렉팅, 일러스트레이션, 포토 몽타주, 브랜딩과 타이포그래피 일을 해왔다.

tomsewell.co.uk

182—포토샵 플러스

01

02

콜라주의 기본으로 사용할 단어를 고른다. 너무 긴 단어를

글자를 고를 때 가독성에 대해 너무 많이 고민할 필요는

사용하면 콜라주가 복잡해지게 된다. 나는 이미지를

없다. 흥미로운 글자체와 의외의 모양을 선택해보자.

고르는데 흥미로울 수 있는 베이스로 Art를 선택하였다.

우리는 상당히 밀도 있는 이미지를 만들 것이고, 독자들에게

이제 일러스트레이터에서 당신의 글자에 어울릴만한 다양한

이미지의 내용에 대해 궁금증을 갖도록 해야 한다. 두꺼운

타입페이스를 골라보도록 하자.

글씨를 고르는 것이 콜라주 요소들 사이에서도 묻히지 않게 하는 하나의 방법이다.

03

04

텍스트를 윤곽선으로 변환(Ctrl+Shift+O)한다. 그리고

포토샵에서 A4 크기와 해상도 300dpi, RGB 색상의 새로운

각 글자가 같은 높이가 되도록 사이즈를 조정한다.

도큐멘트를 연다. 일러스트레이터에서 글자를 하나씩

우리가 글자들을 자유롭게 배치한다 하더라도 각 글자는

가지고 와서 스마트 오브젝트가 아닌 픽셀로 포토샵에

비슷한 크기로 보여야 하기 때문이다. 이때 스마트

붙여넣는다. 그리고 글자들의 레이아웃을 잡는다.

가이드(Ctrl+U)가 도움이 된다.

183

미니스트리 오브 사운드 마스크 파피에 마세(papier mache) 마스크, 눈, 모델들과 우회로. 미니스트리 오브 사운드를 위해 만든 이미지들 중 하나이다.

190—포토샵 플러스

미러

Mirrors 거울로 만들어진 세트에서 도약하는 모델. 실현 불가능한 반영의 이미지들로 구성되었다.

191

포토샵과 일러스트레이터

이미지 구성 작업하기

CS4 이상

그래픽 일러스트레이션은 다양한 스타일을 영화 포스터에 집어넣을 수 있는 뛰어난 방법이다.

1—색조/채도 사용하기 2—도형 삭제를 위한 패스파인더 툴 사용하기

3—광원 효과 사용하기 4—구성 요소들 편집하기

이 프로젝트의 주요 목적은 일러스트레이션을 사용해서 영화 포스터를 제작하는 것이다. 일러스트레이터와 포토샵은 일러스트레이션과 에너지로 가득 찬 작업들을 빠르게 구성하고 만들 수 있게 해준다. 인물과 영화 줄거리를 암시하는 그래픽 액션 영화 포스터를 어떻게 만드는지 살펴볼 것이다.

시몬 엘슨

Simeon Elson 시몬은 일러스트레이터이자 그래픽 아티스트이다. 그는 책, 의류, 브랜딩과 편집 디자인을 해오고 있다. 그의 고객들은 그라치아, 워렐로저스, 터치매거진과 펭귄북스 등이 있다.

204—포토샵 플러스

01

02

먼저 이미지 소스들을 선택하고 포토샵에서 구성해본다.

일러스트레이터로 옮겨가서 가지고 있는 레퍼런스 파일

영화 캐릭터들의 색상을 변경하기 위해 Ctrl+U

중 하나를 열어 레이어 팔레트에 잠그고 ‘reference’라고

단축키를 누르고 색조/채도(Hue/Saturation) 창을 연다.

이름을 붙인다. 색상 모드를 CMYK로 변경하기 위해,

색상화(Colorize)를 체크하고 마음에 드는 결과를 얻을

파일>문서 색상 모드>CMYK(File>Document Color

때까지 슬라이드를 조정한다. 나온 값을 저장해서 이 결과를

Mode>CMYK)로 이동한다. 새로운 레이어를 생성하고

다시 다른 캐릭터들에게도 적용할 수 있도록 한다.

이름은 ‘deepest blue’로 한다.

03

04

색상 패널의 옵션에서 CMYK로 설정한다. 그리고

펜 툴을 선택하고 어두운 부분의 세세한 내용을 그릴

선(Stroke) 없음으로 설정하고 색상 채우기 옵션을 더블

차례이다. 총, 머리칼, 눈썹, 코나 입 같은 모양의 외곽을

클릭한다. 색상을 아주 진한 파란색으로 채우도록 설정하고

얇은 선으로 그린다. 도형을 그리기 전에 불투명도를

위에서 했던 것처럼 이 설정을 스와치 팔레트에 추가한다.

10%로 설정한다. 이 방법으로 요소를 그리는 동안 아래에 있는 사진을 볼 수 있게 된다. 이미지가 하얀 캔버스에서 어떻게 보이는지 확인하도록 하자.

205

포토샵과 일러스트레이터

팝 타이포그래피 만들기

CS3 이상

종종 질감이 있는 타이포그래피는 눈에 더 잘 띄기 때문에 평면적인 타이포그래피와는

1—3D 벡터 모양 만들기 2—레이어와 음영 작업하기 3—벡터와 사진 이미지 병합하기

다른 목적으로 사용할 수 있다. 이번 튜토리얼에서는 타이포그래피를 금속 속성을 띤 듯 매끈하면서 강렬하게 표현하는 방법을 보여줄 것이다. 몇 가지 단순한 기술로 이 효과를 내는 것에 집중해 보자. 풍부하고 짜임새 있는 그라디언트를 활자에 부여하고 반사와 깊이감을 이끌어내 레이어 스타일이 제공하는 모든 이점을 취할 것이다.

조앙 올리베이라

João Oliveira 포르투갈 출신의 디자이너이자 일러스트레이터, 아트디렉터이다. 조앙은 그의 아름다운 타이포그래피와 네온 이미지로 잘 알려져 있다. 코카콜라, 나이키, 플레이스테이션 같은 거물 브랜드들과 작업을 해왔다.

onrepeat.net

222—포토샵 플러스

01

02

포토샵에서 레터링을 디자인하는 것부터 시작한다. 어떤

기본 모양에 색을 입혀보자. 레이어 패널 메뉴의 블렌딩

폰트라도 상관은 없으나, 나는 ‘Bohema’ 타입 패밀리 중

옵션을 선택하고, 그라디언트 오버레이(Gradient

‘Bohema Uppercase Regular’를 사용할 것이다. 내가

Overlay)를 고른다. 각도를 45도로 맞추고 그라디언트

디자인한 이 서체는 바디가 탄탄하고 공간감이 잘 짜여 있어

필드를 클릭한다. 이 단계에서는 흰색을 많이 남기도록

이런 종류의 작업에 잘 어울린다.

한다. 내가 사용한 세팅은: #ffffff에 위치(location) 0%,

#e97c9b에 11%, #fffff에 15%와 48%, #f16e92에 52%, #ffffff에 55%와 71%, #e67f9c에 76%, #ffffff에 80%, #e77998에 90%, 그리고 #ffffff에 92%이다.

03

04

레이어를 복제하고 블렌딩 옵션으로 가서 그라디언트

같은 레이어 위에서, 획으로 가서 크기를 6px, 위치를

오버레이를 선택하고 불투명도(Opacity)를 0%로 놓은 후,

바깥쪽(Outside), 칠 유형(Fill Type)을 60도 각도의

그라디언트 오버레이를 끄고 획(Stroke)을 활성화시킨다.

그라디언트로 놓는다. 그라디언트를 수정하는 것은 이전과

위치(Position)는 안쪽(Inside)을 켜고 사이즈는 24px로

비슷하지만, 기본 그라디언트와 차이를 둘 수 있는 획

두고 흰색으로 채운다. 레이어를 오른쪽 클릭해서

그라디언트로 색깔을 움직인다. 세밀한 획을 얻을 수 있을

스마트 오브젝트로 변환하고 다시 한 번 블렌딩 옵션에서

때까지 조정해보자. 그림자(Drop shadow)를 추가하고

그라디언트 오버레이 각도를 60도로 준다. 몇몇 하얀

블렌딩 모드는 표준(Normal)으로, 거리(Distance)는 15,

지점이 좋은 반사 효과를 준다.

사이즈는 0으로 놓는다.

223

포토샵과 일러스트레이터

스마트 오브젝트를 사용해서 질감 입히기

CS3 이상

이 튜토리얼에서는 일러스트레이터에서 만들어낸 벡터 드로잉을 포토샵 안에서 고급

1—고급 개체 사용하기 2—포토샵에서 텍스처 적용하기

객체(Smart Object)로 편집하여 패션 일러스트레이션을 디자인하는 법을 보여줄 것이다. 또한, 포토샵 안에서 질감을 만들어내고 이미지에 적용하여 작품에 개성을 더하는 방법에 관해서도 설명할 것이다. 드로잉을 스마트 오브젝트로 불러온다는 것은 원본을 바꾸지 않아도 포토샵 안에서 효과를 덧붙일 수 있다는 의미이다. 그리고 다시 일러스트레이터상의 이미지로 돌아가 수정하면, 이 수정 사항이 자동으로 포토샵 문서에 반영된다는 의미이기도 하다. 이는 작업 순서를 단축해 시간을 절약하는 훌륭한 수단이 된다.

에이미 마티노

Amy Martino 그래픽 디자이너인 에이미는 니키타, 나이키 우먼, 제티를 비롯한 브랜드의 디자인 작업에 이바지해 왔다.

yellowbirdmachine.com

244—포토샵 플러스

01

02

우선 일러스트레이션을 그린다. 이 단계에서는 보통

영감을 얻었으면, 일러스트레이터에서 자신만의 디자인을

좋아하는 느낌이나 분위기 및 작업에 사용할 색깔이 담긴

유지하면서 사용할 색깔들을 팔레트에 담아보자. 나는

이미지를 찾는다. 이 일러스트레이션에는 내 친구이자

사진을 일러스트레이터로 가지고 온 후에 스포이드 툴을

사진가인 짐 클렉크너가 최근에 보여준 이미지를 참고했다.

사용해서 색을 추출하였다. 견본 패널에 색깔을 저장해 두자.

03

04

일러스트레이터에서 이미지를 그려나간다. 나는 타블렛과

그림 속 아가씨가 부끄럽지 않도록 속옷을 그려 주었다.

0.75pt 두께의 연필 툴을 사용해서 실루엣을 그려나가기

그림을 그릴 때 나는 정확도(Fidelity)를 2픽셀로 설정한다.

시작했다.

이 방법을 사용하면 선이 깨끗하게 그려지면서 과하지 않은 느낌이 든다. 선의 정확도를 설정하려면 도구 패널에서 연필(Pencil) 툴을 더블 클릭하면 연필 도구 설정 창이 뜬다.

245

포토샵과 인디자인

잡지 커버 디자인하기

CS6 이상

디자인 작품은 종종 요소를 더하기보다는 생략하거나 제거할 때 큰 효과를 거두곤 한다.

1—인디자인에서 타입과 그리드 작업하기 2—포토샵의 벡터 쉐이프 레이어 사용하기

3—침식 효과를 내는 펜슬 툴로 스케치하기

메시지의 명확함과 임팩트는 북 커버를 디자인할 때 혹은 판매를 목적으로 패키지를 디자인할 때 염두에 두어야 할 두 가지 필수 사항이다. 이 튜토리얼에서는, ‘무빙 쉐이프’라고 내 멋대로 이름 지은 가상의 디자인 잡지를 위한 타이포그래피 커버를 단순하고 대담하게 만드는 방법을 소개한다. 커버 템플릿과 타입을 선택하는 기본 원리들을 익히고, 포토샵의 기능들을 이용하여 어떻게 멋진 효과를 낼 수 있는지 소개할 것이다. 여기에서는 다양한 벡터 형태들을 원활하게 통합하게 해주는 새로운 벡터 레이어들을 살펴볼 것이다.

루크 오닐

Luke O’Neill 현재 T3 매거진에서 아트 디렉터로 일하고 있는 그래픽 디자이너 겸 일러스트레이터 루크 오닐은 처음으로 CA 시리즈를 발간하고 디자인했다.

lukeoneill.co.uk

252—포토샵 플러스

01

02

인디자인에서 232X300mm 사이즈의 새로운 도큐먼트를

방금 만든 새로운 가이드를 선택한다. 그리고 세로 방향으로

설정하자. 페이지 마주 보기(Facing Pages)의 체크를

7mm 간격을 두어 한 번 반복(Ctrl+Alt+U)한다. 단 간격과

해제한다. 레이아웃>여백 및 단(Layout>Margins and

같다. 이 과정을 12개 정사각형의 그리드가 완성될 때까지

Columns)으로 가서 모든 여백에 20mm를 입력하는데

반복하고, 역시 7mm의 단계 및 반복 가이드를 바깥

왼쪽 만 30mm로 해준다. 열의 수치를 3으로 입력해서 세

가장자리의 모든 그리드에 더해준다. 내 책의 타이틀은 짝수

단락으로 나누고 간격(Gutter)은 7mm로 적용한다. Shift

12개의 활자지만, 본인이 헤드라인으로 선택한 활자의 수에

키를 눌러 정사각형을 그리고 아래쪽 가장자리에 가이드를

따라 그리드를 조절해야 할 것이다.

준다.

03

04

문자 툴을 선택하고 왼쪽 위 프레임을 클릭하여 텍스트

폰트가 커버의 느낌과 스타일을 결정한다는 것을 염두에

프레임을 만들어준다. 타이틀의 첫 번째 글자를 입력하라.

두고 폰트 선택을 해야 한다. 나는 텍스트 프레임 크기를

‘Futura’ 서체를 사용해서 텍스트를 입력한다. 그리고

가이드에 딱 맞추어서 그리드 밖으로 7mm 정도 나오게

텍스트 프레임을 오른쪽 클릭하여 텍스트 프레임 옵션을

하였다. 그리고 사각형 그리드의 최대 사이즈까지 폰트를

연다. 수직(Vertical) 정렬을 가운데로 설정하여 활자가

조절하였다.

텍스트 프레임의 중앙에 정면으로 위치하게 한다. 이 과정을 모든 프레임에 반복하거나, 혹은 이걸 복사한다.

253

포토샵과 일러스트레이터

만화경 효과 만들기

CS4 이상

이번 튜토리얼에서는 벡터 일러스트를 포토샵의 펜 툴을 사용한 만화경 효과와 결합하여

1—패턴 만들기 2—작은 벡터들로 복잡한 드로잉 만들기

모션감을 줄 방법에 대해 설명하고자 한다. 나의 ‘한데 모은’ 이미지가 시작 점이 되어, 픽셀 드로잉과 동물, 야채, 미네랄, 인조 오브제 등의 다양한 형태를 사용한 벡터 이미지를 합쳐서 복잡하고 유동적인 이미지를 만들 것이다. 이 테크닉은 화학 실험 같기도 하고 결과 역시 예상할 수 없다.

마틴 사티

Martin Sati 스페인 출신 일러스트레이터 마틴은 자신을 ‘그래픽 장인’이라고 부른다. 그의 작업이 전통적인 도자기 장인의 그것과 흡사하기 때문이다. 그는 디젤, HP, 구글 등을 위해 일했다.

martinsati.com

266—포토샵 플러스

01

02

시작하기 전에, 드로잉 컨셉에 대하여 생각하고 메모를

다음 단계는 일러스트레이션에 쓰일 벡터 모양과 아이콘

해둔다. 나는 보통 여러 개의 스케치를 프린터로 뽑아서 어느

시리즈를 만드는 것이다. 일러스트레이터 혹은 본인이

것을 사용할지 고른다. 그러나 이번 일러스트레이션은 미리

원하는 드로잉 프로그램을 열고 다양한 모양의 실험을

스케치하지 않고 유동적으로 진행했다.

시작한다.

03

04

몇몇 요소들을 선택하여 원형 패턴을 만들기 시작한다. 이를

여전히 백터 작업을 계속하며 자신이 가진 요소로부터

위해 회전(Rotate) 툴을 사용한다. 요소를 지정한 후 회전

다양한 장면을 만들어나간다. 각 요소 사이의 관계와 다양한

툴을 선택하고 Alt 키를 누른 채 중심점을 선택하면 회전

크기를 시도하며 실험을 계속해보자.

옵션 창이 뜬다. 회전 각도 값을 자유롭게 넣어보자.

267

밤비스 마더

Bambi's Mother 네일샵 브랜드 Laqa & Co.가 의뢰한 패키징 디자인이다.

272—포토샵 플러스

비센테낭리우 팝

Bicentenario Pop 엘 말펜산테(El Malpensante)지에서 주최한 전시회를 위해 제작한 일러스트레이션이다.

273

포토샵과 일러스트레이터

분위기 있는 디지털 콜라주 만들기

CS5 이상

디지털 콜라주는 손으로 콜라주를 만드는 기법과 비교하면 굉장히 빠르고 효율적이다. 다양한

1—텍스처, 사진, 삽화의 혼합 2—블렌딩 모드 사용하기 3—조정 레이어 포함하기

처리 과정을 실험할 수 있으며, 소재의 크기를 조정하고 색상을 바꾸고 원하는 만큼 요소들을 매번 복사할 수 있다는 장점이 있다. 이번 튜토리얼에서 분위기를 연출하는 수단으로 텍스처를 사용할 것이고 시각적으로 풍부한 미학을 제공하기 위해 손 그림과 사진 요소를 결합해 보겠다.

베카

Becha 베카라는 이름으로 알려진 베오그라드에 기반을 둔 그래픽 디자이너 베스나 페식(Vesna Pesic)은 애니메이션과 포스트 프로덕션 스튜디오인 프라이드 픽쳐스의 아트 디렉터이다.

becha.me

280—포토샵 플러스

01

02

포토샵에서 새로운 파일을 하나 열고 넓이를 222mm,

배경으로 쓸 텍스처를 가져온다. 리소스 폴더의

높이를 300mm로, 그리고 인치 당 300픽셀 해상도로

‘paper_texture.tiff’ 파일을 사용해도 된다. 내 경우에는

설정한다. 다음 단계에서 배경으로 텍스처를 쓸 것이기

어두운 배경을 원하기 때문에 텍스처의 색상을

때문에 지금 단계에선 배경 색상은 무시하자.

반전(Ctrl+I)시키고, 파란색으로 바꾸고, 별이 총총한 하늘처럼 어두운 색상이 가벼운 색상으로 변하는 것 같은 디테일을 줬다.

03

04

바닥을 위해서, 원형 선(Elliptical Marquee) 툴을 선택하고

이제 두 개의 표면 사이의 큰 대조를 만들기 위해 이미

큰 타원형 모양을 하나 그린다. 이미지>조정>색상

지>조정>레벨(Image>Adjustments>Levels)을 갖고

균형(Image>Adjustments>Color Balance) 메뉴로 가서

놀 시간이다. 우리는 중간 톤에 집중해야 하므로 중간

하늘과 구분이 되는 바닥을 만들기 위해서 붉은 색조를 하나

슬라이더를 0.73 위치로 옮긴다.

만든다. 그리고 +100, -13, -12 값으로 설정했다.

281

꼰베르띠르쎄 엔 우나 무헤르

Convertirse En Una Mujer 무제 장소(Untitled places) 시리즈.

286—포토샵 플러스

굿바이

Goodbye 무제 장소(Untitled places) 시리즈.

287

이 책은 자신만의 크리에이티브 아트웍으로 최고의 기량을 발휘하고 싶은 당신을 위해서 탄생하였습니다. 이 책을 통해서 당신이 크리에이티브 실력을 높이고 무한한 가능성을 발견할 수 있기를 바랍니다.

PHOTOSHOP ARTWORK.jpeg @ 100%(RGB/8)

리터칭 패턴 아이콘 디지털 콜라주

DIGITAL COLLAGE

DIGITAL COLLAGE

디지털 콜라주

ICON

ICON

PATTERN

아이콘

퓨처미디어

CAKOREA.COM ISBN 978 89 97225 27 9 22,000₩

PATTERN

RETOUCHING

RETOUCHING

CA 편집부

포토샵 아트웍

PHOTOSHOP ARTWORK

Untitled-1* @ 100%(Layer 1, RGB/8*)

CA 편집부

리터칭 패턴

포토샵 아트웍

PHOTOSHOP ARTWORK

포토샵은 실로 다양하게 활용할 수 있는 유용한 프로그램입니다.

리터칭

RETOUCHING 패턴

PATTERN 아이콘

ICON

디지털 콜라주

DIGITAL COLLAGE