Photoshop 기초 배우기

[김진호 베드로(새벽샛별)]

Photoshop 기초 배우기

1. 컴퓨터그래픽과 포토샵

1) 컴퓨터그래픽의 개념

- Dpt(Desktop Publishing) 사용

- 2D Graphic

- 3D Graphic의 매핑소스

- 멀티미디어

- 애니메이션

- 웹 디자인

2) 컴퓨터그래픽을 위한 도구

타블렛, 스캐너, 디지털카메라, Cd Writer, Printer

3) 컴퓨터그래픽 프로그램

- Photoshop : Adobe사의 2D그래픽 제작을 위한 대표적 프로그램

- Paintshop : Jasc사가 개발한 그래픽프로그램 Gif 애니메이션 프로그램

- Flash : Shock Wave의 Macromedia사에서 개발한 벡터이미지를 이용한 웹 애니메이션 제작 프로그램

- Auto Cad : 2D, 3D 설계를 위한 설계기술 프로그램

- 3D Studio : 3D 모델링, 렌더링 및 애니메이션 프로그램

4) 포토샵의 활용도

- 이미지 합성 Poster, Illustration 작업

- 3D 맵핑 소스 이미지 제작 매핑 재질 작성 가능

- 홈페이지 이미지 제작

- 광고이미지 제작 카탈로그나 브로셔 만들 때

- 이미지 수정

2. 포토샵의 기본적 사용법 이해

1) 포토샵 설치하기

2) 포토샵 실행하기

3) 포토샵 기본 화면 보기

① 메뉴바 ② 옵션 바 ③ 툴 프리셋 픽커 ④ 팔레트 웰, ⑤ 팔레트, ⑥ 도구모음

4) 포토샵이미지 레디 프로그램

포토샵과 함께 제공되는 프로그램으로 이미지를 웹디자인에 적합하도록 최적화하거나 Gif 애니메이션을 제작하는 기능을 제공

5) 포토샵 팔레트-포토샵에서 제공하는 모든 기능을 열거해 놓은 곳

- Navigator : 이미지의 확대, 원하는 곳으로의 이동

- Info : 커서가 위치한 곳의 색상과 위치 정보를 줌

- Color : 색상을 선택하는 곳

- Swatches : 많이 사용되는 색상을 모아놓은 곳

- Styles : 레이어 이팩트를 사용하여 만든 다양한 효과를 모아놓은 곳

- History : 이미지 편집에서 적용되었던 명령들이 순서대로 기록되는 곳

- Action : 작업과정이 모두 저장하여 다른 이미지에 보여지는 팔레트

- Preset : 자주 사용하는 툴의 옵션을 설정하여 등록하고 사용하는 곳

- Character : 글자색, 크기, 글꼴 모양 등을 설정

- Paragraph : 긴 문장의 정렬 방식과 모양을 설정

- Brush : 터치 느낌을 설정

- Channel : 이미지의 색상채널과 알파채널이 포함되어 있음

- Layers : 여러 장의 이미지 층을 나타내는 팔레트

- Path : 이미지의 선택 영역을 깨끗하게 지정, 여러 모양의 도형을 그리는 기능

- File Browser : 디스크에 저장된 그림파일을 볼 수 있는 곳

3. 선택 도구를 이용한 이미지 변경하기

1) 사각/ 원형/ 가로/ 세로선 도구로 이미지 편집

- Selection 옵션 : 선택 영역을 지정

- Feather 옵션 : 0~250 사이의 값을 입력. 클수록 경계선이 부드럽게 지정됨

- Style 옵션 :

- Normal : 드래그 하는 대로 선택 영역이 지정됨

- Constained : Width와 Height의 수치를 입력 정해진 비율대로 영역 지정

- Aspect Ratio :

- Pixed Size : 입력한 크기대로 영역을 지정

2) 라쏘/ 폴리곤 라쏘/ 마그네틱 라쏘 도구

- 라쏘 도구 : 마우스를 드래그 하는 방향에 따라 곡선형태로 영역을 지정하는 도구

- 폴리곤 라쏘 도구 : 직선 형태의 영역을 선택하는 도구

- 마그네틱 라쏘 : 외곽 배경 편집이나 특정 이미지 제거를 하는 경우에 사용 마치 자석에 끌리는 것처럼 이미지의 경계선 부분을 선택하는 도구

3) 마술봉 도구(Magic Wind)

색상의 변화에 따라 선택영역을 지정할 수 있는 도구. 처음 클릭한 부분의 색상을 기준으로 유사한 색상을 선택 영역으로 지정해 주는 도구

① 마술봉 도구 선택한다.

② 마술봉 도구를 그림의 배경 부분에 가져간 후 클릭한다.

③ 클릭한 부분의 색상(흰색)을 기준으로 유사한 색상이 선택영역으로 지정됨

4) Crop 도구

선택한 부분만 남기고 나머지를 잘라내는 도구

5) Tolerance

색상 범위를 지정하는 옵션으로 0~255 수치를 입력하고 높을수록 선택범위가 넓어진다.

4. 색칠하기와 스탬프 사용하기

1. 색상아이콘과 색상선택 방법

1) 색상을 선택하는 아이콘

Color Picker 이용하는 방법, Color 팔레트, Swatches 팔레트, Styles 팔레트를 이용하는 방법

2) 이미지에 색상을 칠하는 도구

Paint Bucket Tool과 Color 팔레트, Paint Bucket Tool과 Swatches 팔레트

3) 여러 가지 색을 혼합하여 지정하는 기능-Gradient Tool 옵션 바

4) 이미지를 복제하는 도구-Clone Stamp Tool 옵션 바

5) 배경이미지 지정하는 도구-Pattern Stamp Tool

5. 문자 만들기

1. 문자 도구 이용하기

Font & Font Style

- Text Size : 크기

- Anti-Alias : 경계선과 주변 색상을 자연스럽게 혼합해 줌

- Align Paragraph : 입력한 문자를 정렬

- Text Color : 문자의 색상을 지정

- Wrap Text : 문자나 수직 수평 곡선으로 모양을 지정하는 옵션

- Character 팔레트 : 줄 간격, 기준선

- Paragraph 팔레트 : 들여쓰기, 여백주기

- Horizontal Type Tool : 문자꾸미기

- Horizontal Type Mask Tool : 영역에 색상을 지정하여 완성

6. Rayer를 이용한 이미지 만들기

Rayer의 개념과 레이어팔레트

하나의 파일에 표현될 가각의 이미지를 나누어 작업하여 모두 겹치게 하면 하나로 나타나는 투명창과 같은 기능

1. Rayer 팔레트의 초기화

Window-Workspace-Present Pallete Locations 선택

레이어 혼합모드

- Opacity : 투명도 지정

- 눈 아이콘 : 레이어를 보이게 하거나 감추는 옵션

- 링크아이콘 : 다른 레이어와 연결

레이어 이름

-Add A Layer Style 버튼

- Add Layer Mask 버튼

- Create A New Set 버튼

- Create New Adjustment 버튼

- Create A New Layer 버튼

- Delete 버튼

2. Layer 추가

- New Layer 선택

- 이름 입력하고 Ok 버튼

- 문자 입력

3. Layer 삭제

- Delete Layer 선택

- Yes 버튼

4. Layer 이동

5. Layer 이름 바꾸기

- Layer Properties 선택

- 이름 수정하고 Ok 버튼

7. 새로운 이미지 그리기와 저장하는 방법

1. File 메뉴의 New 선택하기

- 작업영역(Canvas) 만들기

- 해상도와 Color 유형

- 해상도(Resolution) - dpi(Dot Per Inch)

- 웹에서 보여지는 이미지 제작 72 dpi RGB

- 인쇄목적 이미지 제작 300 dpi CMYK

- Color 유형(Mode)

- Bitmap : 흑백 컬러 지정

- Grayscale : 회색

- RGB : Red, Green, Blue

- CMYK - Cyan, Magenta, Yellow

2. File 메뉴의 Save 와 Save As

3. 컴퓨터그래픽 파일

- 웹에서 사용되는 이미지 형식 : bitmap

- 가장 기본적인 파일 형식 : psd, jpeg, jpg, gif

- 가장 많이 사용되는 그래픽 포맷 : jpg, jpeg, gif

* 포토샵으로 이미지 제작하는 경우 나중에 다시 편집해야 한다면 반드시 psd형식으로 저장하는 것이 좋다.

- 웹 문서용으로 사용하려면 Save As 메뉴 이용

- 파일 형식을 jpg 또는 gif로 선택 저장한다.

8. Path를 이용한 이미지 만들기

도구 모음의 Pen 도구

- Pen Tool

- Freedom Pen Tool

- Add Anchor Point Tool

- Delete Anchor Point Tool

- Convert Point Tool

도구모음의 Path 선택 도구

- Path Selection Tool

- Direct Selection Tool

베지어 곡선

Pen 도구의 옵션 바

- Shape Layer, Work Path, Fill Pixels, 패스선 제작도구, 쉐이프도구

- Auto Add/Delete, Shape Area

Path 팔레트

- Fill Path, Stroke Path, Make Selection, Make Work Path, New Path, Delete Path

9. 마스크를 이용한 이미지 수정하기

마스크의 기능

브러시 도구를 이용하여 칠하는 방법으로 영역을 선택하는 기능.

주로 손상된 이미지의 수정이나 흑백사진을 컬러로 바꾸기 위해 부분을 선택할 때 사용된다. 머리칼 같은 섬세한 부분 선택하는 기능.

10. 이미지 합성하기

Biending : 이미지와 이미지를 합성할 때 자연스럽게 보이도록 밝기와 색상을 조절하는 기능. 브렌딩 기능은 레이어 뿐만 아니라 Brush Tool, Stamp Tool, Gradient Tool, Paint Bucket Tool에서도 사용한다.

레이어 파레트의 Biending Option 보기

Normal, Dissole, Darken, Multiply, Color Burn Multiply, Lighten Screen, Color Dodge, Linear Dodge, Overlay, Soft Light, Linear Light, Pin Light, Difference, Exclusion, Hue, Saturation, Color Luminosity

11. 명함 만들기

- View 메뉴의 Rulers

- Edit 메뉴의 Copy와 Paste

- Layer Style

- File 메뉴의 Automate-Picture Package

- File 메뉴의 Print With Preview

1. 명함에 로고 넣기

1) 파일 메뉴의 New 선택 : New 대화상자에서 Name을 명함 이미지 사이즈를 13 × 7.5, Contents를 White로 지정하고 Ok버튼

2) View 메뉴의 Rulers를 선택하여 눈금자를 보이게 한다.

3) File메뉴의 Open을 선택 명함에 삽입할 이미지를 열고 이미지 선택 도구를 이용하여 범위를 지정하고 Edit 메뉴의 Copy를 선택

4) 명함 창을 클릭하고 Edit 메뉴의 Paste를 선택하여 복사한 이미지를 붙여 넣는다.

5) 레이어 팔레트의 해당 레이어 이미지를 더블 클릭, 레이어 대화상자에서 Drop Shadow를 선택, 오른쪽 옵션에서 Opacity를 75 지정하고 Ok버튼.

6) 레이어 팔레트에는 Effects가 지정된다.

2. 명함에 Text 넣기

1) 가로 세로 눈금자에서 마우스로 드래그 하여 문자를 입력할 기준선을 나타낸다.

2) Horizontal Tool을 클릭하고 글자, 모양, 크기, 색상을 지정한다. 기준선에 클릭하고 문자를 입력한다.

3) 입력된 문자를 드래그 하여 기준선에 잘 맞춘다.

4) 새로운 문자를 새로운 레이어에 넣기 위해 레이어 팔레트 팝업 메뉴를 클릭하고 New Layer를 선택하여 새로운 레이어를 추가한다.

5) 새로 추가된 레이어에 Horizontal Tool을 이용하여 주소, 전화번호를 입력하고 드래그 하여 기준선에 맞춘다.

6) 선택도구 중 하나를 선택하여 문자 입력 상태에서 벗어나고, 기준선을 마우를 이용하여 밖으로 드래그 하여 제거한다.

7) 완성

3. 명함 인쇄 설정하기

- File 메뉴의 Automate-Picture Package 선택

- Picture Package 대화상자에서 Document 항목에는 “(9) 2.5×3.25”를 선택하여 A4 사이즈 용지에 9장의 이미지가 보여지게 하고 Ok버튼.

12. 이미지 합성하기(물위에 뜬 자동차)

1. 먼저 자동차의 이미지를 클릭하여 선택

2. Pen Tool을 클릭하여 물체이미지 선택, 자동차 이미지가 패스로 지정되면 등록된 패스를 선택하고 Road Path As A Selection 버튼을 클릭 이미지를 선택한다.

3. Edit 메뉴의 Copy를 선택하여 컴퓨터의 클립보드에 이미지를 기억시킨다.

4. 바다이미지를 선택한 다음 Edit메뉴의 Paste를 선택하여 기억시킨 자동차 이미지를 붙여넣기 한다.

5. 붙여 넣기 한 이미지를 Move Tool을 이용하여 적당한 위치로 이동시킨다.

6. Edit 메뉴의 Free Transform을 선택하여 사각범위가 생기면 Enter키를 누르거나 사각범위 안에서 더블클릭하면 이미지가 고정된다.

7. 완성

13. 물에 비치는 대칭 이미지 만들기

1. Layer1(자동차)과 같은 레이어를 하나 더 추가하기 위해 Layers팔레트의 팝업메뉴를 클릭하여 Duplicate Layer를 선택. 현재 레이어와 같은 레이어를 복사하는 기능

2. 복사되는 레이어를 입력하고 Ok버튼

3. 새로 추가된 레이어의 이미지를 수평으로 대칭이 되게 하기 위하여 Edit메뉴의 Transform - Flip Vertical을 선택, 이미지를 회전 확대 축소하는 기능

4. 완성

대칭이미지를 좀 더 자연스럽게 하는 방법

- Hue/Sateration 기능 : 이미지의 색상 채도 명도를 보충하는 기능

- Blur 기능을 사용 : 이미지가 자연스럽게 흐려지도록 하는 효과

- Filter 메뉴의 Blur

- Blur More

- Gaussian Blur

- Motion Blur

- Radial Blur

- Smart Blur

14. 컬러이미지를 흑백으로 변환시키는 방법

1. Grayscale 모드 이용하기

1) 컬러이미지를 열고 Channels 팔레트를 클릭하면 Red, Green, Blue의 컬러 채널을 확인할 수 있다.

2) Image 메뉴의 Mode - Grayscale을 선택

3) 색상 정보를 삭제할 것인가를 묻는 대화상자가 나오면 Ok버튼

4) Channels 팔레트에는 Gray 채널만 보인다.

5) 완성

2. Desaturate 기능 이용하기

1) 이미지를 열기하고 Image메뉴의 Adjustments - Desaturate를 선택

2) 흑백으로 변환되면서 Channels 팔레트에 색상 정보가 그대로 유지됨

3) Layer 팔레트의 Create New Fill Or Adjustments Layer 버튼을 클릭

4) 메뉴가 보이면 Color Balance를 클릭

5) Color Balance 대화상자가 나타나 색상을 조절하면 이미지의 색상이 변경되는 것을 알 수 있다.

6) 색상 조정이 완료되면 Ok 버튼 눌러 완료

3. 색상채널 이용하기

이미지의 색상정보는 Channels팔레트에서 확인될 수 있다. 따라서 Channels 팔레트의 색상 정보를 이용하여 Grayscale 메뉴로 변환하면 조금 더 효과적으로 흑백 변환이 가능하다.

4. Channel Mixer 이용하기

Channel Mixer는 현재 있는 채널의 색상 정보에 추가로 더 넣어서 흑백이미지로 변환시키는 기능이다.

1) Image 메뉴의 Adjustments - Channel Mixer 선택

2) Monochrome 옵션을 체크하면 Output Channel이 Gray로 보인다.

3) Source Channels에서 색상톤을 조절하고 Ok버튼

5. Calcuration 이용하기

두 가지 채널을 혼합하여 변환 가능한 방법으로 Calcuration 대화상자에서 Source1과 Source2를 지정하여 색상톤을 결정하고 Blending 옵션과 투명도까지 지정하여 이미지를 변환시킬 수 있다.

15. 회전에 의한 이미지의 변화

1. Blending 옵션 Edit 메뉴의 Transform 기능

- 레이어 팔레트의 Blending Option 보기

- Scale-확대, 축소

- Rotate-시계 방향으로 회전

- Skew-평행사변형

- Distort-자유롭게 변형

- Perspective-반대쪽도 같이 조정

- Rotate 180°-180°회전

- Rotate 90°Cw-시계방향 90°회전

- Rotate 90°Ccw-시계 반대방향 90°회전

- Filp Horizontal-수평 형태의 대칭

- Flip Vertical-수직 형태의 대칭

2. 배경색 칠하기

1) Magic Wand Tool 선택 - Tolerance를 50으로 하고 이미지를 범위로 선택

2) Edit 메뉴의 Copy를 선택

3) File 메뉴의 New를 선택

4) New 대화상자에서 Name을 ( ), RGB Color, Contents를 White로 하고 Ok버튼

5) Bradiant Tool을 선택

6) 색상 Tool을 클릭하여 연한 파랑색 선택하고 Ok 버튼

7) Dradiant Picket에서 Foreground To Background를 선택

8) 작업영역에서 아래에서 위로 드래그 하여 배경색 칠한다.

9) 완성

3. 대칭 및 회전하기

1) 복사물을 넣기 위해 Edit 메뉴의 Paste 메뉴 클릭

2) 복사물을 오른쪽으로 이동하고, 다시 Edit 메뉴의 Paste를 클릭하여 한 개 더 복사하고 왼쪽으로 이동

3) Layer2 레이어를 선택하여 Magic Wand Tool을 클릭하여 배경을 클릭. 그리고 나서 물체를 선택하기 위해 Select 메뉴의 Inverse를 선택

4) 수평으로 대칭 위해 Edit 메뉴의 Transform - Flip Horizontal을 선택

5) Edit 메뉴의 Transform - Rotate를 선택

6) 마우스를 드래그 하여 회전시키고 Enter키

7) Layer를 편집 상태로 선택하고 배경을 클릭. 다시 Select메뉴의 Inverse를 선택하여 물체를 선택

8) Edit 메뉴의 Transform - Rotate 선택

9) 마우스로 드래그 하여 회전하고 Enter키

10) 물체 마주보기 대칭 완성

이미지 크기 조절하기

1. 이미지 전체 크기 축소하기

1) 원본 이미지 준비하기

2) Image 메뉴의 Image Size를 선택

3) Image Size 대화상자에서 Width 70%로 변경하고 Ok 버튼

4) 전체 크기가 축소됨

2. 이미지 일부분 잘라내기

1) 이미지를 활성화하고 Crop Tool을 클릭

2) 이미지 위에서 드래그 하여 사각 범위 지정

3) 사각범위 조절점을 마우스로 드래그 하여 크기를 재지정하고 Enter키

4) File 메뉴의 Save를 하면 저장되고 Save As에의해 다른 이름으로 저장하면 원래 이미지는 그대로 있고 새로운 이미지를 저장할 수 있다.

3. 전체 작업영역 확대하기

1) 이미지를 활성화하고 Image 메뉴의 Canvas Size 선택

2) Canvas Size 대화상자에서 Width를 120%, Anchor를 선택하고 Ok 버튼

3) 완료

16. 레이어클리핑 그룹 만들기

- 문자레이어를 이미지 레이어로 변경하기

1) 이미지에 문자로 입력하고 변환하기 위해 Horizontal Type Tool을 클릭. 글꼴은 Impact, 크기는 48Pt로 한다.

2) 색상 아이콘 클릭. Color Picket에서 색상을 선택하고 Ok버튼

3) 이미지 위에 클릭하고 해당문자를 입력하면 문자레이어가 추가된다.

4) 문자 부분을 사각선택도구로 범위를 지정

5) Edit 메뉴의 Copy를 선택.

6) Edit 메뉴의 Paste를 입력하여 문자를 이미지로 붙여넣기

7) 단축메뉴로 Pelete Layer 선택

8) Yes 버튼 클릭하여 레이어를 삭제

9) 원래 이미지 레이어와 문자를 이미지로 복사한 레이어만 남음

10) 레이어의 이름을 변경하기 위해 Layers 대화상자의 Layer1 이름에서 단축메뉴로 Layer Properties를 선택

11) Layer Properties 대화상자에서 Name을 ( )으로 입력하고 Ok버튼

- 레이어 클리핑하기

1) 해돋이 Psd이미지를 열기하여 사각형 선택도구를 이용하여 문자 이미지만큼 범위로 지정

2) Edit 메뉴의 Copy 선택

3) Edit 메뉴의 Paste 선택

4) 추가된 레이어인 Layer1을 선택하고 레이어메뉴의 Group With Previous를 선택

5) 문자이미지와 Layer1 미미지를 겹치게 하기 위해 Move Tool을 클릭

6) 문자이미지의 문자 색상 대신 소속 레이어의 이미지가 보임

7) Layers 팔레트의 팝업메뉴에서 New Layer을 선택 Group With Previous Layer를 체크하고 Ok버튼

8) Gradient Tool 클릭

9) Gradient Picker에서 Orange, Yellow, Orange를 선택

10) 작업영역에서 왼쪽에서 오른쪽으로 마우스를 드래그

11) Layers 팔레트의 Welcome 레이어 이미지를 더블클릭

12) Layer Style 대화상자에서 Drop Shadow를 선택하고 Ok버튼

13) 추가된 Layer2를 선택하고 Blending Option을 Multiply, Opacity를 70으로 지정

14) 문자이미지에 Layer1과 Layer2를 겹쳐보이게 완성

- 레이어 그룹 해제하기

1) Layer2를 선택 Layer 메뉴의 Ungroup 선택

2) Layer2는 이미지 전체에 영향을 줌

3) 눈 아이콘을 클릭하여 Layer2는 모든 레이어에 영향을 주지 않게 됨

4) 레이어클리핑 완성

17. 사진을 회화 그림처럼 만들기

1. Filter 메뉴의 Artistic 효과 익히기

- Filter Artistic 기능은 Grayscale 모드와 Rgb모드에서만 가능

- Colored Pencil Cutout Dry Brush Film Grain Fresco Neon Glow Paint Daubs Palette Knife Plastic Wrap Poster Edges Rough Pastels Smudge Stick Sponge Underpainting Watercolor

2. Filter 메뉴의 Brush Strokes 보기

Accented Edges Angled Strokes Crosshatch Dark Strokes Ink Outlines Spatter Sprayed Strokes Sumi-e

3. Filter 메뉴의 기타 기능 보기

Extract Liquify Pattern Maker Blur Distort Noise Pixelate Sharpen Sketch Stylize Texture

18. 그리기 도구를 이용한 이미지 제작

1. 포토샵 그리기 도구

1) Brush Tool-이미지 그리기

2) History Tool- 이미지 복원

3) Eraser Tool

4) Rectangle Tool-모양 이미지 작성

2. 페인트브러시로 그리기

1) 브러시 옵션 바

- Brush - 브러시의 굵기

- Mode : 혼합모드 선택

- Opacity : 투명도 선택(수치가 작을수록 흐려짐)

- Flow : 색상이 채워짐

2) 브러시 팔레트 보기

- Brush Presets : 브러시의 지름

- Brush Tip Shape : 브러시의 지름과 각도, 둥근 정도, 간격을 설정

- Diameter 지름, Angle 각도, Roundness 둥근 정도, Hardness 부드러운 정도

- Spacing : 터치 간격

- Shape Dynamics : 브러시 형태의 흐트러진 정도를 설정

- Scattering : 브러시 흐트러짐의 범위와 개수 등을 설정

- Texture : 붓 터치에 재질을 적용하여 패턴이미지의 혼합모드 설정

- Scale 크기, Mode 혼합모드, Depth : 수치 100이 선명함

- Daul Brush : 추가로 독특한 형태의 브러시를 혼합하여 제작하는 설정

- Color Dynamics : 브러시의 명도와 채도, 색상을 설정

- Other Dynamics : 브러시의 불투명한 정도와 붓터치의 강약을 설정

- Noise : 노이즈를 추가하는 설정

- Wet Edges : 물에 젖은 수채화 효과를 설정

- Airbrush : 브러시에 부드러운 효과를 설정

- Protext Texture : 브러시를 이용한 작업시 재질효과를 보호

* 선 그려보기 실습

1) Brush Tool 클릭

2) Color Picker에서 원하는 색을 클릭하고 Ok버튼

3) Brush 팔레트 Brush Presents에서 브러시 지름이 5인 도구 선택

4) 그림영역에서 드래그 하여 그림

3. 선택도구와 브러시 도구

1) 선택도구를 클릭하고 Rectangle Marquee Tool을 클릭

2) 그림영역에서 영역을 지정

3) 먼저 Brush Tool을 선택한 후 전경색 도구를 클릭하여 Color Picker에서 원하는 색을 클릭하고 Ok버튼

4) Brush 팔레트 Brush Presents에서 브러시의 지름이 19인 도구를 선택

5) Opacity를 50%Fh 지정

6) 지정된 영역에서 마우스로 드래그하면 선택된 영역 안에서만 드래그 됨

7) 완성

19. 브러시를 활용한 이미지

1) 패턴으로 등록할 이미지를 열기하고 Crop도구 클릭

2) 패턴으로 등록할 부분만 범위로 지정하고 Enter키

3) Edit 메뉴의 Define Pattern을 클릭

4) Pattern Name 대화상자에서 패턴이름을 입력하고 Ok버튼

5) Brush 팔레트에서 Brush Tip Shape를 클릭하고 굵기를 60으로 지정

6) Brush 팔레트에서 Texture를 클릭하고 재질종류에서 패턴으로 등록할 이미지를 선택

7) 이미지의 크기를 59%로 지정

8) Brush 팔레트에서 Dual Brush를 클릭하고 추가로 지정할 브러시 형태를 74를 선택하면 기존 브러시에 선택한 브러시가 합쳐져 설정된다.

9) 그림 영역에서 마우스로 드래그하면 완료

20. 채널을 이용한 문자 만들기

1. 색상이 다른 그림자 효과 지정하기

1) 배경이미지 파일을 열기하고 Channels팔레트의 Create New Channel 아이콘을 클릭

2) 문자도구 중 Horizontal Type Tool을 클릭하고 글꼴, 크기, 글자색을 흰색으로 지정

3) 문자를 입력하고 Move Tool을 클릭하여 입력을 완료한 후 추가한 Alpha 1의 채널 이름 위에서 단축메뉴로 Duplicate Channel을 선택

4) Duplicate Channel 대화상자에서 복사될 채널의 이름을 Alpha 2로 입력하고 Ok 버튼

5) 그림자 효과를 지정하기 위해 복사된 채널을 선택하고 Filter 메뉴의 Blur-Gaussian Blur을 선택

6) Gaussian Blur 대화상자에서 Radius 값을 조정하여 그림자를 지정하고 Ok 버튼

7) Channel 팔레트의 Rgb채널을 클릭하여 원본이미지를 나타나게한 후 Ctrl 키를 누른 채로 Alpha 2 채널을 클릭하여 선택범위 외곽선이 나타나게 한다.

8) 그림자를 위해 Image 메뉴의 Adjustments-Levels를 선택

9) Input Level의 검정색 조정하고 슬라이더를 오른쪽으로 이동하여 어둡게 하고 Ok버튼

10) 이어서 Ctrl키를 누른채 Alpha2 채널을 클릭하여 선택도구 중 하나를 클릭하고 선택범위로 이동

11) 선택범위에 색을 넣기 위해 전경색으로 하늘색을 선택하고 Edit 메뉴의 Fill을 클릭

12) Fill 대화상자에서 Foreground Color를 선택하고 Ok버튼

13) 선택범위에 전경색이 채워진다.

14) 완성

2. 하이라이트와 그림자 효과를 넣은 엠보싱

1) 이미지파일을 열기하고 Channels 팔레트의 Create New Channel 아이콘을 클릭

2) 문자도구 중 Horizontal Type Tool을 클릭하고 글꼴, 크기를 지정하고 문자를 입력

3) 추가된 채널이름에서 단축메뉴로 Duplicate Channel을 선택하여 하나 더 채널을 추가하고 이름을 Alpha2로 한다.

4) 엠보싱을 위해 Filter 메뉴의 Blur-Gaussian Blur을 선택한 다음 Gaussian Blur 대화상자에서 Radius 값을 조정하고 Ok 버튼

5) 계속해서 엠보싱 효과를 위해 Filter 메뉴의 Stylize - Emboss를 선택한 다음 Emboss 대화상자에서 Angle, Height, Amount를 조정하여 하이라이트와 그림자 부분의 영역을 조정하고 Ok버튼

6) 엠보싱 처리된 복사본 채널을 하나 더 추가하기 위해 Alpha 2 채널을 클릭하고 단축메뉴로 Duplicate Channel을 선택하여 Alpha 3를 추가

7) 추가된 Alpha 3 채널의 하이라이트와 그림자 범위가 반대로 지정되게 하기 위해 Image 메뉴의 Adjustment-Invert를 선택

3. 레이어 효과를 이용한 입체문자

1) 컬러도구에서 Background 색상을 선택한 다음 File 메뉴의 New를 클릭하고 New 대화상자에서 이름을 Sample, Width를 400, Height를 150, Mode를 Rgb Color, Contents를 Background Color를 선택

2) 문자도구를 클릭하고 Horizontal Type Tool을 클릭

3) 글꼴을 Courier New로 선택

4) 글꼴 유형을 Bold, 글자크기를 50Pt로 선택하고 문자색 Color Picker를 선택하여 문자색을 빨강색(Rgb:255.0.0)으로 선택하고 Ok 버튼

5) 그림영역에 클릭하여 Homepage를 입력

6) 입체효과를 지정하기 위해 Layer 메뉴의 Layerstyle-Drop Shadow를 선택

7) Drop Shadow의 Opacity를 70%로 지정

8) Inner Shadow를 클릭하여 Opacity를 50%, Angle을 120, Distance를 20, Size를 25로 지정

9) Berel And Emboss를 클릭하고 Direction Size를 10, Altitude 70, Highlight Mode를 Screen, Highlight Mode Opacity를 100% Shadow Mode를 Color Burn, Shadow Mode의 Opacity를 20%, Gross Contour를 선택

10) Pattern Overlay를 클릭하여 Pattern Molecular를 선택하고 Ok 버튼

21. 문자 애니메이션 만들기

1. 문자 위치이동 애니메이션

1) Adove Photoshop 7.0 프로그램 창에서 File 메뉴의 Jump To-Adove Image Ready 7.0을 선택하여 Image Ready를 실행한 다음 File 메뉴의 New를 선택하여 Name을 Morningl, Width를 300, Height를 200, Contents Of First Layer를 White로 선택하고 Ok 버튼

2) Type Tool을 클릭하여 글꼴을 Georgia, 유형을 Bold, 크기를 30, 색상을 진한파랑색으로 선택

3) 그림영역에서 클릭하여 Moving Channel을 입력하고 Move Tool을 클릭하여 위치를 그림영역 상단에 위치하도록 지정

4) 애니메이션 팔레트에 1개의 프레임이 등록되어 있는 것을 알 수 있다. 추가 등록을 위해 애니메이션 팔레트의 팝업메뉴를 클릭하여 New Frame을 선택

5) 그림영역에 입력된 문자를 Move Tool로 선택

6) 키보드의 아랫방향 화살표를 눌러 그림처럼 그림영역의 하단에 위치하도록 이동

7) 애니메이션 팔레트의 첫 번째 프레임을 클릭

8) 애니메이션 팔레트의 팝업메뉴를 클릭하여 Tween 메뉴를 클릭

9) Tween 대화상자에서 Tween With를 Next Frame, Frames To Add를 3, Layers를 All Layers, Parameters를 Position과 Effects를 선택하고 Ok 버튼

10) 애니메이션 팔레트 창에 자동으로 위치가 이동되면서 3개의 프레임이 추가됨

11) 애니메이션 팔레트의 Play/Stop Animation 버튼을 클릭하면 애니메이션을 실행하고 중지하면서 테스트할 수 있다.

12) 저장을 위해 File 메뉴의 Save를 선택

13) Save 대화상자에서 경로를 지정하고 파일 이름은 미리 지정된 이름 그대로 저장 버튼.

14) 인터넷에서 사용할 그림형식으로 다시 저장하기 위해 File 메뉴의 Save Optimized를 선택

15) Save Optimized 대화상자에서 경로와 이름을 확인하고 저장 버튼 클릭(이때 인터넷에서 사용할 움직이는 그림의 확장자를 gif로 해야 한다.)

16) 완성

2. 다른 문자가 보여지는 애니메이션

1) Adove Photoshop 7.0 프로그램 창에서 File 메뉴의 Jump To-Adove Image Ready 7.0을 선택하여 Image Ready를 실행한 다음 File 메뉴의 New를 선택하여 Name을 Morning2, Width를 250, Height를 100, Contents Of First Layer를 White로 선택하고 Ok 버튼

2) Type Tool을 클릭하여 글꼴을 Georgia, 유형을 Bold, 크기를 30, 색상을 진한파랑색으로 선택 그림영역에 Welcome을 입력

3) Move Tool을 클릭하여 Welcome 레이어의 입력을 완료

4) 다시 Type Tool을 클릭

5) 글꼴 유형 크기를 그대로하고 색상으로 빨강색 선택

6) 그림영역에 클릭하여 Thankyou를 입력하면 레이어가 자동으로 추가

7) Move Tool을 클릭화여 문자입력 완료션 팔레트의 첫 번째 프레임을 클릭

8) Move Tool을 이용 Welcome 레이어와 Thankyou 레이어에 입력된 문자를 그림과 같이 가운데로 맞춘다.

9) 애니메이션 팔레트의 첫 번째 프레임이 선택되어 있는 상태에서 Background와 Welcome 레이어만 나타나게 한다.

10) 애니메이션 팔레트의 팝업메뉴를 클릭하고 New Frame을 선택

11) 애니메이션 팔레트의 1번 프레임에서 아래 사간표시를 클릭 시간을 1.0으로 지정하고 같은 방법으로 2번 프레임의 시간도 지정

12) 애니메이션 팔레트의 Play/Stop Animation 버튼을 클릭하여 애니메이션을 실행하고 중지하면서 테스트

13) 완료

22. 스캐너와 디지털카메라 사용하기

1. 스캐너와 디지털카메라 알아보기

* 스캐너 선택 시 고려사항

- 컬러비트 : 스캐닝 한 이미지의 컬러 색상 값

- 해상도 : 스캐너가 1인치당 읽어 들일 수 있는 픽셀 수 단위는 dpi(1200dpi는 무난하고 필름을 스캔할 경우는 1600dpi)

- 연결방식 : 패럴, USB, SCSIi가 있다.

* 디지털카메라 알아보기

- 화소 수 : 이미지를 구성하는 점의 최소단위. 일반적으로 5×7 사이즈의 사진은 200만대 화금의 카메라로 무난함

- 액정모니터 : LCD 액정모니터가 제공되는 카메라가 편리하다.

- 저장매체 : 컴팩트 프래징 메모리, 스마트미디어, 마이크로드라이브를 사용

- 배터리 : 전용충전지 사용

2. 포토샵에서 스캐너 사용하기

1) 스캐너에 사진을 넣은 다음 File 메뉴의 Import!-Hp Precision Scan LT를 선택(HP Scanjet 4100C 기종 기준)

2) 스캐닝프로그램이 포토샵 창 위에 나타나면 새 스캔 시작 버튼을 클릭하여 스캔 시작

3) 스캐너 램프 작동 준비 중이라는 메시지가 보여지고 잠시 후 스캔이 시작된다.

4) 스캔된 이미지의 크기를 조정하기 위해 선택한 가장자리 조정버튼을 클릭

5) 마우스를 이용하여 그림과 같이 크기로 조절

6) 스캔 지금 보내기 버튼 클릭

7) 스캔 보내는 중 메시지 창이 뜨면 기다린다.

8) 스캔 완료

3. 디지털카메라 활성화 사진 열기

1) 케이블로 카메라와 컴퓨터를 연결하고 바탕화면에서 디지털카메라 프로그램 아이콘(Camedia Master1.2)을 더블클릭

2) 프로그램 창의 왼쪽 창이 두 개로 분할되어 있어서 위 창에서는 드라이브를 선택 아리 창은 디지털카메라 폴더를 선택할 수 있다. 이때 아래 창에서 카메라 폴더를 선택하고 오른쪽 창에 나타나는 사진 중에서 사용할 사진 위에서 단축메뉴로 Download를 선택

3) 폴더찾아보기 대화상자에서 다운로드n될 경로를 선택하고 확인 버튼

4) 다운로드 과정이 보여지고 100% 완료되면 자동으로 디스크에 저장된다.

5) 포토샵에서 File 메뉴의 Open을 클릭하고 Open 대화상자에서 경로를 선택하여 다 운로드된 사진을 선택하고 열기 버튼 클릭

6) 포토샵 창에 이미지가 보여지면 완료

23. 사진의 밝기와 선명도 조절하기

1. Sponge Tool로 채도 조절하기

1) 사진(Image,Jpg) 열기하고 Toolbar에서 Sponge Tool을 클릭

2) 스폰지툴 옵션 바에서 브러시 크기를 30으로 지정

3) 스폰지툴 옵션 바에서 Mode를 Saturate, Flow를 25% 지정

4) 마우스를 이미지의 채도를 조정할 영역에서 클릭한 채로 드래그하면 채도가 조절됨

2. Levels로 노출 조절

1) 사진(Image,jpg) 열기하고 Image 메뉴의 Adjustments-Levels를 선택

2) Levels 대화상자의 그래프의 왼쪽 슬라이더를 이동하여 새도우 톤을 조절

3) Levels 대화상자의 그래프의 오른쪽 슬라이더를 이동하여 하이라이트 톤을 조절

4) Levels 대화상자의 그래프의 가운데 슬라이더를 이동하여 밝기를 조절하고

5) Ok버튼 눌러 완료.

3. Curves로 색상 보정

1) 사진(Image.jpg),을 열기하고 Image 메뉴의 Adjustments-Curves를 선택

2) 하이라이트톤 영역에서 곡선에 마우스를 고정하고 마우스 모양이 +로 바뀌면 좌측으로 드래그

3) 새도우톤 영역에서 곡선에 마우스를 고정하고 마우스 모양이 +로 바뀌면 우측으로 드래그 하여 색상을 보정하고 Ok버튼 클릭 완료

4. Brightness/Contrast로 밝기와 선명도 조절

1) 사진(Image.jpg)을 열기하고 Image 메뉴의 Adjustments-Grightness/Contrast를 선택

2) Grightness 슬라이더를 오른쪽으로 드래그 하여 +30으로 밝기 조절

3) Contrast 슬라이더를 오른쪽으로 드래그 하여 +6으로 선명도를 조절하고 Ok버튼

4) 완료

24. 흑백사진을 컬러사진으로 수정하기

1. Magnetic Lasso Tool로 머리색 수정하기

1) 흑백사진(Image.jpg)을 열기하고 Magnetic Lasso Tool을 클릭

2) Feather를 0으로 하고 이미지의 머리 부분을 그림과 같이 섬세하게 선택

3) Magnetic Lasso Tool을 이용하여 이미지의 머리가 범위로 지정

4) 컬러링하기 위해 Variations 대화상자에서 More Yellow를 클릭하고 Ok버튼

6) 범위 지정을 해제하기 위해 Select메뉴의 Deselect를 선택

7) 완료

2. Quick Mask로 얼굴색 수정하기

1) 브러시 툴에서 Brush Tool을 클릭

2) 도구 툴에서 Edit In Quick Mask Mode 아이콘을 클릭하여 지정

3) 브러시의 옵션 바에서 브러시의 굵기를 13으로 선택

4) 브러시로 얼굴을 칠한다.(퀵 매스크 모드는 색을 지정하지 않아도 붉은색이 칠해진다)

5) 섬세한 부분을 칠하기 위해 이미지를 확대한다. 도구 툴에서 Zoom Tool을 클릭하고 이미지를 클릭하여 확대한다.

6) 이미지가 확대된 상태에서 브러시툴을 사용하면 섬세한 부분도 편리하게 칠할 수 있다.

25. 이미지 출력과 포토갤러리

File 메뉴의 Page Setup 선택

File 메뉴의 Print With Preview 선택

* 프린트 대화상자

- Position : 출력할 이미지의 위치 지정

- Scale Print Size : 이미지의 크기

- Background : 여백 부분의 색상 지정

- Screen : 출력물의 해상도 설정

- Border : -이미지의 테두리 설정

- Transfer : 출력 이미지의 음영을 조정

- Bleed : 재단선 조정

- Resistration Marks : 십자형마크 표시

- Corner Crop Marks : 재단선 표시

- Center Crop Marks : 상하좌우 십자형 재단선 표시

- Lebels : 파일 이름 표시

1) 인쇄용지 설정을 위해 File 메뉴의 Page Setup 선택

2) 페이지 설정 대화상자에서 용지크기, 방향 프린트를 선택하고 확인 버튼

3) 화면 미리보기는 Print With Preview 선택

4) Page Setup 버튼 클릭하면 옵션을 지정할 수 있다.

5) Print 버튼 클릭 - 인쇄

여러 개의 이미지를 한 페이지에 인쇄하는 법

1) File 메뉴의 Automate - Picture Package 선택

2) Picture Package 대화상자의 Layout 옵션에서 (1) 5×7, (4) 2.5×3.5를 선택하고 레이아웃으로 이미지가 보인다.

3) 미리보기 란의 이미지중 하나를 클릭하여 Select Image File 대화상자에서 저장되어 있는 다른 이미지를 선택할 수 있다. 마지막으로 Ok 버튼

4) 레이아웃이 포토샵 창에 보인다.

5) File 메뉴 Print With Prevew를 클릭하고 조건을 지정하여 인쇄한다.

Web Photo Gallery 기능

1) File 메뉴의 Automate-Web Photo Gallery 선택

2) Web Photo Gallery 대화상자의 Style 옵션에서 Horizontal Blue & Gray를 선택

3) Browse 버튼 클릭하여 폴더찾아보기 대화상자에서 웹에 올릴 이미지가 있는 폴더를 선택하고 확인 버튼

4) Destination 버튼을 클릭하여 새 폴더를 만들어 버튼을 클릭하고 Web Gallery라는 이름의 폴더를 작성

5) 새로 작성된 Web Gallery 폴더를 선택하고 확인 버튼

6) Options 항목의 값을 지정하여 레이아웃을 보기 좋게 한다.

7) Web Photo Gallery 대화상자의 필요한 모든 값을 지정하고 Ok 버튼

26. 웹디자인을 위한 그래픽

1. 그래픽의 파일 형식

jpg, jpeg(Joint Photographic Experts Group)

인터넷에서 가장 많이 사용하는 포맷 중의 하나로 사진처럼 많은 색상수를 사용하는 경우 지정하는 파일 형식

- Setting 이미지의 압축률을 선택

- File Format 저장할 파일 형식을 지정

- Quality Low부터 Maximum까지 4단계 선택하고 슬라이더 바를 조정하여 지정

- Progressive 웹에 올리면 흐릿하다가 뚜렷하게 나타나게 되는 이미지를 제작

- Optimized 가장 최적화된 값을 지정

- Blur 이미지를 흐릿하게 지정하여 압출률을 높이는 기능 jpeg 파일에만 적용

- Matte 이미지 배경색이 투명일 때 배경색상을 지정할 수 있게 하는 옵션

- Image Size 현재 이미지 크기와 픽셀 수치를 변경

gif(Graphic Interchange Format)

- Setting 이미지의 압축률을 선택

- File Format 저장할 파일 형식을 지정

- Dithering 디더링 옵션의 유형을 제공하여 이미지 용량을 줄인다.

- Traqnsparency 투명화 시키려는 색상을 선택하고, 투명이미지 제작

- Interlaced 흐릿하다가 뚜렷하게 나타나게 되는 이미지를 제작

- Lossy 이미지 손실을 줄이면서 파일 용량을 줄여주는 기능

- Colors 이미지의 색상수를 줄여서 파일 용량을 줄여주는 기능

- Dither 이미지에 디더를 지정하여 최상의 이미지를 만든다.

- Matte 배경색이 투명일 때 배경색상을 지정할 수 있게 하는 옵션

- Web Snap 웹상에서 가장 안전한 색상으로 보일 수 있도록 지정

png(Portable Network Graphic)

2. 웹에서 사용하는 이미지의 최적화

1) 이미지 제작이 끝나고 나면 웹 이미지 최적화를 위해 File 메뉴의 Save For Web을 선택

2) Save For Web 대화상자에서 2-Up탭을 클릭하면 용량이 표시된다. 먼저 미리보기 오른쪽 상단의 팝업메뉴를 클릭하고 로딩 속도를 선택

3) jpeg형식을 최적화하기 위해 Setting에서 jpeg Medium을 선택

4) 4단계 Quality 중에서 Medium을 선택하여 최적화 상태를 확인

5) 상태가 좋지 않을 때는 Quality의 슬라이더를 이용하여 다시 로딩한 후 확인

6) 문자나 쉐이프 레이어가 있는 경우라면 별도의 최적화를 위해 Quality 슬라이더 오른쪽에 있는 Use A Channel To Modify Quality Setting을 클릭

7) Modify Quality Setting 대화상자가 보이면 문자 또는 쉐이프 레이어에 대해 Quality를 지정하고 Ok 버튼

8) 이번에는 gif 형식으로 최적화하기 위해 Setting에서 gif 128, Dithered를 선택

9) Colors 항목에서 색상수를 64로 선택하여 이미지의 상태를 확인해 본다.

10) 다시 파일 형식에서 Jpg를 선택하여 조금전 jpeg로 최적화한 옵션으로 보이게 된다.

11) 최적화가 완료되면 Save For Web 대화상자의 Save 버튼을 클릭하고 경로, 파일명을 확인한 후 저장하면 완료

27. 패턴을 이용한 배경이미지 만들기

1. 패턴 등록하기

1) File 메뉴의 New를 선택하고 Width 255 Height 200 Contents를 Transparent로 지정하고 Ok 버튼

2) 눈금자를 나타나게 하기 위해 View 메뉴의 Rulers를 선택

3) View메뉴의 Show-Grid를 선택하여 Grid 라인이 나타나게 한다.

4) 패턴이 될 그림을 그리기 위해 선택도구 중 Rectanguler Marquee Tool을 클릭

5) Grid 라인을 이용하여 가로 세로 3㎝가 되도록 영역을 선택

6) 선택툴 옵션 바에서 Add From Selection을 클릭하고 Eliptical Marquee Tool 클릭

7) 먼저 선택한 영역의 오른쪽 위에 가로1 세로1.5 영역 안에서 범위로 지정하면 영역이 선택된다. 계속해서 옵션 바에서 Subtract From Selection을 클릭

8) 조금 전 선택한 영역 아래 부분에서 영역을 선택하면 그림처럼 선택한 영역만큼 없어짐

9) 색상 지정을 위해 전경색 도구를 클릭하여 Color Picker에서 색을 선택하고 Ok 버튼

10) 색칠 위해 Paint Bucket Tool을 클릭하여 영역에서 클릭한다.

11) 패턴으로 등록하기 위해 선택도구로 영역을 다시 지정. 이때 Grid 라인을 이용하여 그려진 이미지를 정확하게 범위로 지정한다.

12) 가로 3.5 세로 3으로 지정

13) Edit 메뉴의 Define Pattern을 선택하여 이미지를 패턴으로 지정

14) Pattern Name 대화상자에서 패턴이름을 입력하고 Ok 버튼

15) 그려진 이미지는 저장할 필요가 없으므로 그냥 닫기 한다.

16) 패턴으로 등록 완료

2. 등록된 패턴으로 배경이미지 만들기

1) File 메뉴의 New를 선택하여 Width 1024픽셀 Height 3㎝ Contrnts를 White로 지정하고 Ok버튼 클릭

2) 레이어를 추가하기 위해 Layers를 팔레트의 팝업메뉴에서 New Layer를 선택

3) 레이어 이름을 입력하고 Ok 버튼

4) 선택도구의 Rectangular Marquee Tool을 클릭

5) 이미지 영역의 가장 왼쪽에 가로3.5 세로3㎝ 영역 지정

6) 선택영역에 색칠하기 위해 Paint Bucket Tool을 클릭

7) 옵션 바에서 패턴을 선택

8) 패턴에서 등록한 패턴을 선택

9) 선택한 영역에서 클릭하여 패턴으로 칠한다.

10) 레이어 효과를 위해 Layers 팔레트의 Layer1에서 단축메뉴로 Blending Options를 선택

11) 레이어 스타일 대화상자에서 Drop Shadow를 선택

13) Save As 대화상자에서 저장된 경로와 파일명을 지정하여 저장 버튼

14) 이번에는 웹에서 사용할 이미지로 최적화하기 위해 File 메뉴의 Save For Web을 선택

15) gif 형식으로 최적화하고 Save 버튼 클릭

16) Save Optimized As 대화상자에서 경로 파일명을 확인하고 저장 버튼

17) 작성된 이미지를 웹문서 제작을 위한 나모와 같은 프로그램을 이용하여 배경이미지로 넣어보면 이와 같이 나타나게 된다.

Photoshop기초배우기.hwp