131V_포토샵CS5 무작정 따라하기(길벗)

                                                      

 포토샵이란 프로그램은 누구나 들어봤을 것이다.
물론 이제는 스마트폰에도 그리고 심지어 DSLR에도 필터 등의 기능으로 자체적인 교정이 가능하지만
그래도 여전히 '뽀샵'이라는 용어는 뭔가 인물이나 사물, 풍경의 이미지를 고치는 것을 의미하고 있다.

 취미로 포토샵을 만지는 사람이 꽤나 있는 것 같다.
네이버나 다움에 관련 카페도 많고 심지어 그런 카페에서 직접 책을 만들기도 한다.
블로그 등으로 강의를 하는 사람도 매우 많고 말이다(그래서 이 책의 부제로 앞에 '인터넷 검색보다 빠른'이란 문구가 붙어 있다).

 어쨌든 2006년 여름방학이다.
그때 한창 동아리 티셔츠나 엠블럼 등에 관심이 많던 시기였고 마땅히 발벗고 나서는 사람이 없었기 때문에 내가 직접 포토샵을 배워서 해보기로 했다. 금상첨화로 모 타블렛회사(W사)에서 대학생을 대상으로 베타테스터를 모집하는 것이 있었는데 거기에 당첨되어 더욱 의욕적으로 공부했던 기억이 난다.

 제목은 기억이 나지 않지만, 당시 포토샵버젼으로 최신인 책을 구매했다.
지금과 다르게 그당시 책들은 백과사전류로 나오는 것이 트렌드였고, 얼마나 더 많은 양을 몰아 넣느냐에 따라 호불호가 갈리던 시기였다. 그래서 내가 구입한 영진출판사의 그 책도 난 2권으로 분권해서 공부했다. 그만큼 컬러풀하고 무거웠었다. 어쨌든 그냥 쭉 따라하면 되는 그런 책이었으나 양의 문제로 완독을 하기는 그렇게 쉽지 않았다. 특히 어려운 것은 없었지만 처음 접한 레이어의 개념이나 몇몇 용어에서 조금 혼동스러웠던 기억은 난다. 그래서 일단 1독을 하고 다시 2독을 천천히 하면서 열심히 사용했었다. 그 당시 남겼던 기억을 싸이월드 미니홈피에 남겼었는데, 이번 포스팅의 제일 마지막에 첨부한다.

  어쨌든 지금 다시 드는 생각은...
디지털예술이란 어떤 도구의 사용법만을 익힌다면, 그 이후의 몫은 창작자의 역량이라는 것이다.
포토샵이 그럴 것이고, 음악작곡프로그램도 마찬가지일 것이다. 물론 낙원상가를 돌아다니며 여러 신디사이저나 키보드, 드럼을 구경하던 90년대 후반의 상황과 달라진 점은 소프트웨어의 버젼도 업그레이드 되었거니와 어플이라는 강력한 휴대용 도구가 생겼다는 점이다.

 길벗출판사는 '무작정 따라하기'시리즈로 유명하다.
내가 직접 이 시리즈책을 본적은 한두번 뿐이지만 그래도 시간대비 효용은 꽤냐 좋은 것으로 정평이 나있다. 그래서 이번에는 예전 기억도 리마인드 시킬 겸 + 새로운 버젼의 기능도 익히고 + 시간을 아끼기 위한 목적으로 이 책을 구매했다. 그러고보면 제목의 끄트머리에 작은 부제가 붙어있다. '무작정 따라하기'...'for 디자이너'.

 그래서 이번 리뷰는 그냥 읽으면서 떠오르는 단상이나 메모사항 등을 추가하면서 정리해보려고 한다. 

                   

 

---

*    

 

 

---

* 목차

시작하기 전에 : 포토샵 CS5 설치하고 문제 해결하기
포토샵 CS5 설치하기
포토샵 설치 Q&A

첫째마당 : 포토샵 쉽게 시작하기
001 포토샵 CS5의 새로워진 점 알아보기 - New In CS5
002 새로워진 포토샵 살펴보기 - 포토샵 CS5 작업 화면
003 툴 전체 살펴보기 - 포토샵 CS5 툴
004 작업별 옵션 조절하기 - 포토샵 CS5 패널
005 파일 관리 기본기 익히기 - New/Open/Save/Exit
006 파일 불러오고 작업창 분리하기 - 작업창 이동
007 세부적/전체적으로 확인하기 - 화면 비율 조절
008 여러 작업창 효율적으로 보기 - 작업창 정렬
009 이미지 미리 보고 검색하기 - 어도비 브리지
010 이미지 파일 검색과 불러오기 - Mini Bridge
011 작업 환경 인터페이스 변경하기 - Workspace
012 이미지와 캔버스 크기 조절하기 - Image Size/Canvas Size
013 사진 프레임 만들기 - Image Size/Canvas Size
연습문제 Mini Bridge 사용하기와 스마트폰 배경 화면 만들기

둘째마당 : 포토샵 작업의 기본, 선택 지정과 변형
014 일정한 모양으로 선택 지정하기 - 도형/선 선택 툴
015 선택 영역 편집하기 - 선택 툴 옵션바
016 사진 복제로 쌍둥이 만들기 - 사각형 선택 툴
017 자유로운 모양으로 선택 지정하기 - 올가미 툴
018 Paste Into로 사진 메뉴판 만들기 - 다각형 올가미 툴
019 이미지 순간 이동시키기 - 자석 올가미 툴
020 드래그와 클릭만으로 선택 영역 쉽게 지정하기 - 빠른 선택 툴/마술봉 툴
021 복잡한 날개 간단히 합성하여 천사 만들기 - 빠른 선택 툴
022 복잡하고 부드러운 이미지 추출하기 - Refine Edge
023 작업 영역 마스크로 분리하기 - 퀵 마스크 모드
024 인물만 컬러인 흑백 사진 만들기 - 퀵 마스크 모드
025 필요한 이미지만 잘라내기 - 크롭 툴
026 프로필 증명사진 만들기 - 크롭 툴
027 이미지 색상 지정하기 - Fill/그레이디언트 툴
028 캐릭터에 색과 패턴 채우기 - Fill/그레이디언트
029 불필요한 벽 감쪽같이 지우기 - Content-Aware Fill
030 자유롭게 이미지 변형하기 - Transform
031 그림판에 부분 이미지 변형하여 합성하기 - Transform
032 이미지에 역동적인 변화주기 - Puppet Warp
033 인물은 보호하고 배경만 확장하기 - Content-Aware Scale
034 여러 사진으로 파노라마 만들기 - Photomerge
035 포즈도 내 맘대로! 합성으로 블로그 스킨 만들기
연습문제 자연스럽게 이미지 변형하기

셋째마당 : 벡터 기반의 드로잉하기
036 벡터 기반의 패스 선 만들고 편집하기 - 펜 툴/패스 선택
037 패스를 이용한 다양한 기능 적용하기 - Paths 패널
038 복잡한 모양을 벡터 이미지로 쉽게 만들기 - Paths 패널
039 단순한 모양부터 복잡한 모양의 벡터 그리기 - 셰이프 툴
040 익숙한 표지판 쉽게 만들기 - 사용자 셰이프 툴
041 이미지의 경계를 따라 패스 선으로 벡터 이미지 캐릭터 그리기
연습문제 셰이프를 이용하여 나만의 아이콘과 말풍선 만들기

넷째마당 : 레이어로 합성하고 스타일 주기
042 작품 요소 따로따로 관리하기 - 레이어
043 레이어를 이용한 기능 사용하기 - Layers 패널
044 토끼 옷 입히고 세 마리 만들기 - Layers 패널
045 독특하게 혼합하여 필요한 느낌 찾기 - 블렌딩 모드
046 밋밋한 벽에 인물 페인팅하기 - 블렌딩 모드
047 간단하게 레이어 스타일 효과 적용하기 - Layer Style
048 입체 캐릭터가 돋보이는 스타일 만들기 - Layer Style
049 사진을 이용한 일러스트 명함 만들기
050 입체 팬시 다이어리 디자인하기
051 앤티크한 느낌의 홈페이지 디자인하기
연습문제 레이어를 이용한 여러 가지 합성 테크닉 익히기

다섯째마당 : 리터칭을 위한 채널과 색상 보정하기
052 이미지의 색상과 선택 영역 관리하기 - 채널
053 기본적으로 제공되는 색상 채널 - Mode/채널
054 채널 저장하여 사용하기 - 알파 채널
055 부분 컬러링 사진 만들기 - 알파 채널
056 인쇄를 위해 별색 만들기 - 스팟 채널
057 일반 색상으로 표현할 수 없는 독특한 느낌 주기 - 스팟 채널
058 별색 파일 저장하기 - 스팟 채널
059 포토샵 CS5에서 지원하는 색상 알아보기 - Mode
060 여러 색상을 이용해 느낌을 표현하기 - 듀오 톤
061 컬러 사진을 모노 컬러 사진으로 바꾸기 - 듀오 톤
062 색상 기본 보정하기 - Image/Adjustments
063 실내 촬영 사진을 자연광 사진으로 조절하기 - Auto Color
064 하이라이트 톤과 섀도 톤 드래그하기 - Curves
065 풍부한 색감을 위한 색상 균형 조절하기 - Levels/Color Balance
066 색상 고급 보정하기 - Adjustments
067 칙칙한 사진, 활기 있고 자연스럽게 채도 높이기 - Vibration
068 부분 색상 수정과 노출 조절하기 - Exposure/Replace Color
069 기룅 보정 익히기 - 특수 보정 기능
070 역광 사진을 밝고 선명하게 수정하기 - Invert
071 판화 이미지 만들기 - Threshold
072 한 장의 사진으로 노출 조정하기 - HDR Toning
073 원본 이미지 보호하면서 색상 조절하기 - Adjustments 패널
074 부분 컬러링 효과 내기 - 조절 레이어
075 화장한 듯, 안한 듯 얼굴 색조 보정하기
연습문제 색상 보정으로 감각적인 사진 만들기

여섯째마당 : 툴과 패널을 이용한 드로잉하기
076 툴을 이용한 드로잉 작업하기 - 연필 툴/브러시 툴
077 인형 캐릭터 드로잉하기 - 연필 툴/브러시 툴
078 독특한 브러시 만들기 - Brush 패널
079 눈이 오는 풍경 연출하기 - Brush 패널
080 다양한 컬러의 파스텔화 그리기 - 브러시 툴/컬러 리플레이스먼트 툴
081 불필요한 이미지 지우기 - 지우개 툴
082 팝아트 느낌의 사진 일러스트 만들기 - 매직 지우개 툴
083 특정 부분 찍어내듯 복제하기 - 스탬프 툴
084 나뭇잎 복제하여 풍성한 나무 만들기 - 스탬프 툴
085 유화 느낌의 브러시 스타일 표현하기 - 아트 히스토리 브러시 툴
086 이미지 복원의 마술사 - 힐링 툴
087 꽃으로 화사한 배경 만들기 - 힐링 브러시 툴
088 반짝반짝 빛나게 얼굴 보정하기 - 힐링 브러시 툴/패치 툴
089 캘리그래피 연하장 만들기
연습문제 이미지 복제하고 불필요한 부분 삭제하기

일곱째마당 : 다양하게 문자 활용하기
090 문자 입력의 기본 - 문자 툴
091 흐르는 문자 로고 만들기 - 패스 선 문자
092 문자 관련 패널 마스터하기 - Character/Paragraph
093 문자를 변형하거나 왜곡하기 - Warp Text
094 3D 문자 디자인으로 꾸민 초대장 만들기
연습문제 선을 따라 흐르는 문자와 입체적인 문자 만들기

여덟째마당 : 특수 효과로 독특한 느낌을 주는 필터 사용하기
095 옵션 조절하며 필터 바로 적용하기 - Filter/Filter Gallery
096 다양한 필터를 동시에 적용하기 - Filter Gallery
097 드래그를 이용한 이미지 변형하기 - Liquify
098 소실점을 이용한 이미지 변형하기 - Vanishing Point
099 원근감이 살아있는 이미지 복제하기 - Vanishing Point
100 아트 효과를 사용하는 필터 살펴보기 - Artistic
101 흐림 효과를 만드는 필터 살펴보기 - Blur
102 하이키 사진 만들기 - Gaussian Blur
103 붓 터치 느낌의 필터 살펴보기 - Brush Strokes
104 이미지를 왜곡하는 필터 살펴보기- Distort
105 노이즈, 픽셀, 질감 관련 필터 살펴보기 - Noise/Pixelate/Texture
106 회화적 효과를 적용하는 필터 살펴보기 - Sketch
107 스타일을 변화시키는 필터 살펴보기- Stylize
108 고흐 화풍의 회화적인 초상화 표현하기
연습문제 외곽선 돋보이기와 원근감 유지하여 복사하기

아홉째마당 : 웹, 3D, 애니메이션 사용하기
109 파일 용량을 슬림하게, 웹 이미지 최적화하기 - Save for Web & Devices
110 웹 이미지와 웹 문서 만들기 - Save for Web & Devices
111 포토샵으로 3D 이미지 편집까지 - 3D 툴
112 입체 모자 오브젝트를 인물 사진과 합성하기 - 3D
113 질감과 조명을 추가해 자연스러운 입체 오브젝트 만들기 - 3D
114 프레임과 타임라인을 이용하여 이미지 움직이기 - Animation 패널
115 연결 프레임 추가하여 애니메이션 만들기 - Tween
116 동영상 소스로 GIF 애니메이션 만들기
연습문제 이미지를 이용한 입체 오브젝트와 애니메이션 만들기

찾아보기
포토샵 단축 글쇠 모음
포토샵 영문/한글 비교표

 

---

* 2006년 예과 2학년 여름방학, 포토샵과 스타일러스펜을 재미있게 공부하던 시절 적은 메모

[basic summary]

1. pixel=화소, bitmap 이미지의 기초 단위

2. 하나의 픽셀에 얼마나 많은 색상을 사용하느냐? : 픽셀해상도

예) 트루컬러 --> 24bit 픽셀해상도 필요(1개의 픽셀에서 2의 24승개의 색상을 표현할 수 있다는 말)

3. 해상도resolution: 하나의 이미지를 구성하기 위해 사용되는 픽셀의 개수 예) 10 pixel/inch : 가로세로1inch 크기에 픽셀 10개

4. 팔레트는 window메뉴에서 관리/ 팔레트를 다시 default하려면 window-workspace-reset pallet Location

5. file browser의 강력한 batch 기능 : 여러 파일 이름 동시에 바꾸기/ browser에서 모두 선택하고 '마우스 오른쪽-batch rename' 선택하고 하기

6. save as에서 PDF 파일로 저장가능

7. new(ctrl + N)대화상자에서, alt키 누르면 cancel이 reset 됨!

8. 잉크젯프린트 출력물용 = 100~150pixel/inch

홈페이지 및 모니터에서 확인할용 = 72pixel/inch 가 적당

9. image size와 canvas size 차이 구분

10. canvas size에서 relative 표시하면 +1, -1 등으로 조절가능

11. 보통 어떤 키의 반대작용(예: 확대-축소, cw-ccw 등)을 하려면 alt 키를 많이 씀

12. 어떤 상황에서든 spacebar 누르면 pan 툴(손바닥-이동툴) 활성화

13. navigator 팔레트에서 확대/축소 및 이동을 동시에 수행가능

14. 색hue/ 명도brightness/ 채도saturation

cf) 무채색: 검정,흰색,회색으로 색상,명도,채도 중 명도만 있음

15. 이미지의 전체 명도값 조절 = image-adjustment-levels

16. RGB와 CMYK : redgreenblue와 cyan청록색magenta짙은분홍yellow노랑black검정/ 전자는 모니터용 후자는 인쇄용

17. swatch 팔레트 : 자주 사용하는 색을 저장해놓는 곳

18. 색을 만드는 것은....느낌feel이다.

19. 보간법interpolation : '확대이미지에서 생성된 색상을 어떻게 구성할 것인가?'

ㄱ. bicubic(better) - 2개 픽셀사이에서 중간을 표시 so 부드러움

ㄴ. nearest neighbor(faster) - 직선위주 이미지에선 이게 더 좋음

20. general setting에서 alt 키 누르면, cancel이 reset 버튼으로 바뀜. 이때 누르면 초기화

21. 모니터 calibration : 작업한 색상과 출력물의 색상 차이를 최소화하는 작업/ 모니터에서 수행함

22. 각각의 custom 팔레트들을 preset에 저장할 수 있다. preset manager

---

[part 1]

전반적인 툴의 모습 - p.58 참조

<selection>

1. marquee tool : 사각,원형,한줄씩

2. lasso tool : 자유선택툴 - 그냥 시작점 클릭하고 드래그하면서 그리기

3. magnetic lasso tool : 이미지 경계의 색상을 따라 드래그하면서 그리기

4. magic wand tool : 비슷한 색상 정보의 픽셀들을 한번에 선택할 수 있는 툴/ 사실 크게 효용이 있는 것 같지는 않음 왜냐하면 색의 경계가 뚜렷해야 함, so ctrl키를 누른 상태에서 여러번 클릭해서 사용하는 것도 한 방편

5. 옵션에서 feather : '얼마나 부드럽게 처리하느냐'/ 높을수록 부드럽게 처리like 깃털

6. style 옵션 : fixed aspect ratio는 가로세로비율고정/ fixed size는 가로세로크기고정

7. 단축키

1. 선택영역 모두 clear = ctrl + D/ 잠깐 숨기기 = ctrl + H

2. fill 명령어 = shift + back_space

3. 팔레트부분만 사라지게 = shift + tab

4. 툴부분과 팔레트부분 모두 사라지게 = tab

5. 정사각형,정원 그리기 = shift를 누르고 조절

6. general preferences setting = ctrl + K

7. 화면상에 grid 표시 = ctrl + ,(comma)

8. 이미지의 편집transform = ctrl + T

9. 선택영역에 붙여넣기paste into = ctrl + shift + V

10. Brush 크기 조절 = [ 또는 ] 키를 누르면 됨

8. 올가미툴로 선택한 상황에서,

shift 누르면 : + 표시/ 이 상황에서 바로 드래그한 부분이 추가됨

alt 누르면 : - 표시/ 이 상황에서 바로 드래그한 부분이 사라짐

9. 다각형 올가미툴의 경우, 마지막 끝점 근처에 가면 살짝 o가 생기고 그때 클릭하면 완성됨

10. 다각형 올가미툴의 경우, backspace나 del 키를 누르면 바로 전의 위치로 돌아감

11. 다각형 올가미 툴도, shift키를 누르면 수평, 45도, 90도 방향으로 지정가능 함

12. magnetic lasso tool의 option - p.172

'이미지 경계가 분명할 때는 width, edgecontrast를 높게 설정

이미지 경계까 불분명할땐 width, edgecontrast를 낮게 설정'

13. tolerance공차, 허용범위, 허용오차 :

예: magic wand tool에서 tolerance 값이 높을수록 선택되는 색상범위가 넓어짐

14. contiguous 인접 :

예: magic wand tool에서 contiguous가 체크되면 샘플의 인접색상은 선택이 안됨

15. select메뉴는 어떤 선택범위를 정했을때 오직 그것에만 영향을 미침/ 이미지에는 영향 안미침

16. select메뉴에서 grow - 선택영역과 비슷한 인접색 자동선택

similar는 전체이미지에서 선택영역과 비슷한 인접색 자동선택/ 실행반복할수록 더 커짐(실제해보니 한 2~3번하면 stop..)

17. transform 이후에 enter 치면, transform 8점 사라짐

18. 선택한 영역을 save 할 수 있음: selection-save selection

19. select메뉴의 color range를 통한, 색의 선택 - p.181

20. paste와 paste into

ㄱ. paste : 이미지를 중앙에 붙여넣기

ㄴ. paste into : 지정한 선택 영역에 붙여넣기 / 클립보드에 복사한 상태에서, 선택영역을 지정한 후에 ctrl+shift+V

21. free transform - p.190 (단축키 ctrl+T)

ㄱ. shift키를 누른 상태로 모서리 조절점을 드래그하면서 크기를 정비례하게 변경할 수도 있고

ㄴ. shift키를 누른 상태로 조절점 밖에 커서위치하면 정확히 15도씩 이미지를 회전시킬 수 있음

ㄷ. edit메뉴의 tranform에서 여러 option을 선택 가능함

ㄹ. ctrl키 누르고, 모서리 조절점에 커서위치하면 distortion효과

ㅁ. ctrl+shift = 기울이기효과/ ctrl+shift+alt = 원근감 효과

ㅂ. 이동툴 option에서 show bounding box 체크하면, 조절점표시

22. crop 툴 : 영역설정하고, enter 누르면 확 짤림!

cf) crop의 option은 전/후가 다른데, 전 옵션에서 img size 고정시에 자르는 모습이 어떻든간에 그 안에 size에 맞게 들어감!

23. slice 툴 : 홈페이지 이미지제작에 필요함

ㄱ. 드래그하고 오른마우스버튼 - edit slice option

ㄴ. save for web에서 html로 저장하면, 하위폴더에 image 폴더생성

ㄷ. slice select tool을 사용하기 위해선, 먼저 slice tool로 선택을 한 후에, slice select tool로 바꾸고 그 option에서 divide slice선택

ㄹ. auto_slice와 user_slice개념 - p.201

ㅁ. slice slelect tool의 option에서 slice options 는 버튼정보~

24.

---

[포토샵 단축키]

1. 선택영역 모두 clear = ctrl + D

2. fill 명령어 = shift + back_space

3. 팔레트부분만 사라지게 = shift + tab

4. 툴부분과 팔레트부분 모두 사라지게 = tab

5. 정사각형,정원 그리기 = shift를 누르고 조절

6. general preferences setting = ctrl + K

7. 화면상에 grid 표시 = ctrl + ,(comma)

8. 이미지의 편집transform = ctrl + T

9. 선택영역에 붙여넣기paste into = ctrl + shift + V