웹 개발과 관련된 모든 것들

before

01. [File]-[Open] 하여 적용시킬 이미지를 불러오세요.

02. 레이어 팔레트에서 Background를 선택하고, 아래 그림과 같이 Create a new Layer버튼에

     드래그&드롭해주시면 Background copy본이 생깁니다.

      항상 작업을 하실 때는 원본레이어를 맨 하단에 살려두신후, 복사한 레이어에 작업하시는게 좋습니다.

      Tip. Background레이어를 선택하신 후, [Ctrl]+[J]를 누르셔도 레이어가 복사됩니다.

03. [Image]-[Adjustments]-[Levels]를 선택해주세요.

      Tip. [Ctrl]+[L]을 누르셔도 됩니다.

04. 아래 그림과 같이 Input Levels : 40/1.00/255 정도로 조절, Output Levels : 15/210 정도로 수치를

     조절하여 주세요.

      Tip. Input Levels : 명도대비의 히스토그램으로 화살표의 색상이 ▲ ▲ △ 순으로 가장 어두운 톤, 중간 톤, 밝은 톤으로

             구성되어 있으며, 각각의 화살표를 움직여 명도대비를 보정할 수 있습니다.

             Output Levels : ▲ △ 아이콘을 움직여 이미지의 전체적인 밝기를 조절할 수 있습니다.

05. 자, 그럼 아래와 같은 작업화면이 되죠?

06. [Image]-[Adjustments]-[Color Balance]를 선택해주세요.

      Tip. Color Balance의 단축키는 [Ctrl]+[B]입니다.

07. Color Balance의 Color Levels의 값을 30/0/-40  정도로 수치를 조절하여 주세요.

      Tip. Color Balance는 보색을 이용해 색상을 보정하거나 수정하는데 사용됩니다.

08. 자, 완성본입니다. 빈티지 이미지 느낌의 이미지가 참 많져? 이제 쉽고 간단하게 만들으세요~^^

http://cafe.naver.com/pstutorial

02. [Image]-[Adjustment]-[Desaturate]를 선택하여 회색조로 변환해주세요.

03. 그럼 아래 그림과 같은 이미지가 되었지용?

03. [Ctrl]-[U]를 눌러 Hue/Saturation대화상자를 열고 오른쪽 하단에 Colorize를 체크해주신 후,

     아래 그림과 같이 수치를 조절해주세요.

04. 자, 그럼 아래 그림과 같이 한톤의 연두색상으로 변경되었지요?

05. [Image]-[Adjustment]-[Selective Color]를 선택하여 아래 그림과 같이 적용시켜주세요.

06. 아래 그림처럼 검은색이 더 강해집니다.

07. 레이어를 하나 추가해주세요. [Ctrl]+[Shift]+[N]

08. 전경색과 배경색을 흰색과 검정색으로 지정된 상태에서 [Filter]-[Render]-[Clouds]를 선택해주시면,

     흰색과 검정색이 섞인 연기모양의 이미지가 됩니다. 만들어진 이미지 레이어를 선택 후

     블렌딩 옵션에서 Overlay를 선택해주세요. [Ctrl]+[J]를 눌러 레이어를 복사합니다.

09. [Filter]-[Texture]-[Grain]을 선택한 후, 아래 그림과 같이 수치을 조절하시고 OK를 해주세요.

10. 레이어 팔레트에서 블랜딩 모드를 Overlay로 바꿔주세요.

[완성작]

http://cafe.naver.com/pstutorial

이미지의 어두운 부분과 밝은 부분을 구분해서 조정하는 'Shadow/Highlight' 기능은 CS(8.0) 버전에 새롭게 추가된 기능입니다. 앞에서 이 기능에 대해 소개해 드렸지만(이미지 보정 – Shadow/Highlight, 이미지 보정 – Adjustment Layer 활용'편), 7.x 이전 버전을 사용하시는 분들을 위해서 'Color Range' 기능을 이용하여 이미지의 원하는 부분을 선택하고, 조정하는 방법을 소개해 드리겠습니다. 앞의 강좌에서 7.x 이전 버전 사용으로 불편을 겪으신 분들은 이 예제를 활용하면 되리라 생각합니다.

'Color Range' 기능은 언뜻 보기에는 'Magic Wand Tool'에서 'Contiguous'옵션을 해제하고 선택하는 것과 비슷해 보이지만 분명한 차이가 있습니다. 전에도 말씀드린 적이 있지만 선택에도 단계(Levels)가 존재합니다. 역시 8bit(256) 단계가 존재하며 이 단계에 따라 선택영역에 적용되는 효과가 달라지게 됩니다. 쉬운 예로 선택 옵션에 존재하는 'Feather'값을 주었을 때 선택영역의 가장자리를 생각하면 되리라 생각됩니다. 선택영역에 'Feather' 옵션을 적용한 후 색을 넣어주는 등의 효과를 부여하면 그 가장자리에는 점차 약하게 효과가 들어가는 것을 확인할 수 있습니다. 이 외에도, 'Mask'(Channel, Layer Mask, Quick Mask Mode 등)를 이용한 선택에도 Levels을 적용할 수 있습니다. 'Color Range' 기능은 이 외에도 색상별로 선택할 수 있는 옵션을 제공하기 때문에, 이미지에 따라서는 보다 효과적인 선택을 할 수 있다는 장점이 있습니다. 다만, 정밀한 선택은 어렵다는 단점을 가지고 있습니다.

Step 1. File > Open 명령으로 수정을 원하는 이미지를 열고, Select > Color Range 명령을 실행한다.

Step 2. Color Range 창에서 Select 옵션을 클릭하여 하위 메뉴를 연 다음 'Shadows'를 선택하고, 'OK' 버튼을 눌러 적용한다.

Step 3. 아래 그림처럼 이미지의 어두운 부분만 선택되었음을 확인한다.

Step 4. Image > Adjustments > Curves 명령을 실행하고 적당하게 조절한다.(Curves 뿐 아니라, Levels, Brightness/Contrast 도구를 이용해도 관계 없습니다. 자신의 입맛에 맞는 도구를 사용하면 됩니다.)

http://cafe.naver.com/pstutorial 

Step 1. Phtoshop을 실행하고 File > Open 명령을 통해 보정할 이미지를 불러온다.

Step 2. Image > Adjustment > Levels 명령을 실행하고 아래 그림을 참고로 조절한다.

  Tip: 흐리게 나온 이미지의 Level을 살펴보면 아래 그림처럼 그래프가 고르게 분포되어 있지 않고 가운데로 몰려 있음을 볼 수 있습니다. 대부분 조절점을 그래프가 시작하는 부분과 끝나는 부분에만 맞추어 주어도 어느정도의 보정은 이루어지게 됩니다. Level에의 자세한 설명은 '문자디자인' 게시판의 '3D 문자 만들기' 편(http://cafe.naver.com/pstutorial/1421)을 참고하시기 바랍니다.

Step 3. Image > Adjustment > Curves 명령을 실행하고 아래 그림을 참고로 그래프를 S자 모양으로 조정해 준다.

  Tip: Cuve는 Level과 같은 원리의 보정도구이지만 Level에 비해 한층 더 정교한 보정을 할 수 있습니다. Curve의 자세한 설명은 '기본기다지기' 게시판의 '이미지 보정도구 - Cuve' 편(http://cafe.naver.com/pstutorial/11576)을 참고하시기 바랍니다.

Step 1. File > Open 명령으로 준비된 이미지를 불러온다.

Step 2. Layers 팔레트에서 'Background'을 복사하여 'Background copy' Layer을 만든다.

Step 3. 'Background copy' Layer의 Blending Mode을 'Overlay'로 바꾸어 준다.

Step 4. Filter > Blur > Gaussian Blur(Radius: 10.5) 효과를 준다.

Step 5. 'Background copy' Layer을 복사하여, 'Background copy 2' Layer을 만든다.

 

 Step 6. Layer > New Adjustment Layer > Hue/Saturation 명령을 내리고 아래 그림을 참고로 옵션을 조정한다.

  Tip: 이 과정은 약간의 색을 조정하는 과정으로 반드시 필요한 과정이라고 할 수는 없습니다. 또한 여기서 사용된 수치도 절대적이라고 할 수 없습니다. 각 사용자의 취향이나 의도에 따라 생략하거나 적당한 수치를 입력하길 바랍니다.

 

흑백 사진 만들기

Vacation.tif

  Color 사진을 흑백으로 만든다는 것은 색의 3 속성중 명도만을 남기고 색상과, 채도를 모두 없앤다는 의미를 가집니다. Photoshop에서 흑백 사진을 만드는 방법은 여러가지가 있습니다. 모두 비슷하게 보이지만 방법에 따라 차이가 있으며 여기서는 방법에 따른 결과가 어떤 차이점이 있는지에 대해서 알아보겠습니다.

Step 1. File > Open 명령을 실행하여 준비된 이미지를 연다.

  Tip: 예제에서 사용된 이미지는 우측 상단에서 다운 받으실 수 있습니다.

Step 2. Layer > New > Layer 명령을 실행하여 'Layer 1'을 만들고 Edit > Fill(White) 명령을 실행한 다음 Blending Mode을 'Color'로 바꾸어 준다.

  Tip: Color 모드는 선택된 Blend Layer의 Hue(색상), Saturation(채도)를 사용하고 하위 Layer의 명도를 사용하는 합성방법을 사용합니다. 즉, 여기서는 Blend Layer가 색상과 채도를 모두 포함하지 않고 있기 때문에 하위 Layer의 명도만을 보여주는 결과를 가져오는 것입니다. 여기서 사용된 Blend Layer는 무채색 계열(명도만을 가진 이미지: 흑백 이미지와 그 사이의 회색 이미지)의 색상을 사용하면 모두 같은 결과를 가져옵니다.

Step 2. History 팔래트에서 'Create new snapshot' 버튼을 클릭하여 현재 이미지를 Snapshot으로 저장한 후 적당한 이름으로 바꾸어 준다.

Step 3. Layer > New > Layer 명령을 실행하여 'Layer 2'를 만들고 역시 흰색으로 채워준 다음, 'Layer 1'과 'Layer 2'를 안보이게 한다.

Step 4. Channels 팔레트에서 키보드 Ctrl 키를 누른 채로 RGB Channel을 클릭하여 선택 영역을 만든다.

  Tip: Channel에서의 선택영역 로딩은 Level 단계에 의해서만 이루어집니다. Red Channel의 경우 완전한 붉은 색인 Red 255의 경우 100% 선택이 이루어지고 Red 128의 경우는 50%의 선택이 이루어 집니다. Green, Blue Channel도 마찬가지입니다. 그 외의 RGB Channel과 Alpha Channel의 경우 명도 단계에 의해서 선택이 결정됩니다. 즉, 가장 밝은 색인 255 Level의 명도를 가졌을 경우 100% 선택이 이루어지고, 가장 어두운 색인 0 Level의 명도를 가졌을 경우 선택이 이루어지지 않습니다.

Step 5. Select > Inverse(단축키 Shift + Ctrl + I) 명령을 실행하여 선택 영역을 반전 한 후 Edit > Fill(Black) 명령을 실행한다.

  Tip: Step 4 의 과정에서 선택된 부분은 명도가 높은, 즉 밝은 부분의 선택이 이루어 진 상태입니다. 때문에 선택을 반전하여 검은 색으로 채워주는 것입니다. 위의 과정은 선택을 반전하지 않고, 검은 바탕에 흰색을 채워주어도 같은 결과를 가져옵니다.

Step 6. 선택을 해제한 후 역시 Snapshot으로 저장하고 적당한 이름으로 바꾸어 준다.

Step 7. Layer 팔레트에서 'Background'을 선택한 후 Layer > New Adjustment Layer > Hue/Saturation 명령을 실행하고 Saturation 옵션을 -100으로 한 다음 'OK' 버튼을 눌러 적용한다.

Step 8. 'Layer 1', 'Layer 2'를 안보이게 해 준다.

Step 9. Snapshot으로 저장한다.

Step 10. Hue/Saturation Adjustment Layer의 Blending Mode을 Color로 바꾸어 준다.

Step 11. Snapshot으로 저장한다.

Step 12. 'Background' Layer를 제외한 모든 Layer를 삭제하고 Image > Mode > Grayscale 명령을 실행한다.

  Tip: 이번 과정은 Color Mode을 Grayscale로 바꾸어 주는 것입니다. Grayscale Mode는 가장 밝은 상태인 255 단계와, 가장 어두운 상태인 0 단계와 그 사이의 단계만을 가지는, 모두 256 단계만을 가지는 색상 모드입니다.

Step 13. Snapshot으로 저장한다.

Step 14. History 팔레트에서 Snapshot을 차례로 선택하며 서로 비교해 본다.

{오래된 사진 수정하기}

다음 예제는 오래된 사진을 수정하는 방법에 대해 설명하고 있습니다.

지금도 마찬가지이겠지만 과거 포토샵은 사진사들에게 인기가 많은 프로그램이었다고 합니다.

과거 한 때 오래된 사진을 사진사에게 맞겨 새 사진처럼 만드는 일이 유행한 적이 있었습니다. 저희 집에서도 새롭게 복구된 사진을 보고 감탄하며 즐거워 하던 기억이 있습니다. 그때 저는 포토샵이라는 프로그램을 몰랐지만 여러분들은 부모님의 오래된 사진을 직접 수정하여 선물로 드려보는 것도 좋으리라 여깁니다.

앞의 강좌 "흑백이미지를 칼라 이미지로 바꾸기"를 함께 참고하여 오래된 흑백사진을 새로 찍은 사진처럼 만들어 보시기 바랍니다.

오래된 사진들은 색이 바래고 흠집이 생기게 마련입니다. 이 예제에서는 바랜 색을 교정하고 흠집을 없애는 방법에 대해 기술하였습니다.

예제에서 사용한 원본은 오래된 사진을 구하기 힘들어 직접 변형을 가하여 훼손시켰음을 참고하시기 바랍니다.

원본 사진

1. 훼손된 이미지를 File/Open 명령으로 연다.

2. Filter/Sharpen/Sharpen 명령을 실행한다.
Tip : Sharpen Filter는 이미지를 선명하게 해 주는 도구입니다. 너무 과도하게 사용하면 이미지가

       홰손될 수 있으니 적당하게 사용하여야 합니다.

* Sharpen : 가장 낮은 단계의 Sharpen 명령.
* Sharpen Edges : 이미지의 경계부분에 Sharpen Filter를 적용
* Sharpen More : Sharpen보다 좀더 강하게 적용
* Unsharpen Mask : Sharpen이 적용될 색의 단계를 조정 가능

3. Image/Adjust/Curves 명령을 실행하고 뜨는 옵션창에서 왼쪽 그림을 참고로 그래프를 조정한다.

Tip : 오래된 사진은 대체적으로 색의 대비가 약해 선명하지 못한 이미지를 가지고 있습니다. 이 단계는 이를 보완하기 위한 작업입니다.

4. Background Layer를 복사하여 Background Copy를 만든다.

Tip : 이제 Layer를 복사하는 방법을 모르는 분들은 없으리라 여깁니다. 혹시 모르시는 분은 아래강좌를 먼저 읽어보시기 바랍니다.

5. Filter/Noise/Median 명령을 실행하고 뜨는 옵션창에 흠집이 뭉개질만큼 Radius 값을 적당하게 주고 OK 버튼을 누른다.

Tip : Noise Filter 그룹은 Noise(잡티)를 만들어주거나 제거해 주는 도구로 모여 있습니다. Median Filter는 명도차이가 심한 픽셀의 색을 바꾸어 주는 방법으로 Noise를 제거하는 도구입니다. 때문에 이미지가 뭉개지는 듯한 효과를 가져옵니다. Radius값을 지나치게 높게 주면 이미지가 너무 뭉개지므로 적당하게 사용하여야 합니다.

6. 완전히 제거되지 않은 흠은 도장툴을 사용하여 수정해 준다.

Tip : 도장툴의 자세한 사용법은 기초다지이의 - Stamp Tool 편을 참고하시기 바랍니다.

7. Edit/Define Pattern 명령을 실행하여 전체 이미지를 Pattern으로 등록시킨다.

Tip : Define Pattern의 설명은 "사진을 이용한 특수효과"를 참고하시기 바랍니다.

8. Background copy의 눈 아이콘을 클릭하여 안보이게 하여 주고 Background를 선택한다

Tool Box의 도장툴을 길 게 누르면 나타나는 확장 메뉴에서 Pattern Stamp Tool을 선택하고 상단 옵션 바 Pattern 옵션에서 전 단계에서 등록한 Pattern을 선택한다.

9. 옵션 바에서 Mode를 Lighten을 선택하고 어두운 부분의 흠을 문질러 없애준다.

Tip : Mode 옵션은 Layer파레트에 있는 Blend Mode와 같은 원리입니다. Lighten을 선택하면 원본 이미지보다 입혀질 색이 밝은 경우에만 효과가 들어가게 됩니다. 즉, 어두운 흠이 있는 부분은 등록시킨 Pattern 이미지보다 어둡기 때문에 Pattern의 이미지가 입혀지고 그 외의 부분은 같은 명도를 가지기 때문에 효과가 들어가지 않게 되는 것입니다.
Blend Mode에의 사용법은 후에 Layer에 대해 알아보면서 자세히 살펴보겠습니다.

10. 이번에는 옵션 바의 Mode옵션에서 Darken을 선택하고 밝은색의 흠을 문질러 없애준다.

Tip : Darken Mode는 Lighten Mode의 반대성질을 가진 Mode입니다.

11. Backgrond copy Layer를 삭제한다.

12. 다시 Background를 복사하여 새로운 Background copy를 만든다.

13. Image/Adjust/Hue/Saturation 명령을 실행하고 뜨는 대화창에서 Saturation 옵션을 높게 올려준다.

Tip : 이 과정은 Saturation (채도)을 높여주어 바랜 색을 수정하는 부분입니다. Hue/ Saturation의 자세한 설명은 "청바지 로고 만들기" 예제를 참고하시기 바랍니다.

14. Background copy의 Blending Mode를 Color로 바꾸어 준다.

Tip : Color Mode는 선택된 Layer의 색상을 그대로 유지하면서 아래쪽 Layer의 명도를 사용하는 합성 방법입니다. 이미지의 채도를 높여주면 명도까지 변하게 되는데 이를 보완해 주기 위해서 사용한 명령입니다.
역시 Layer에 대해 공부하면서 자세히 알아보도록 하겠습니다.

15. Image/ Adjust/ Curves 명령을 실행하고 적당하게 조정하여 준다.

16. 완성된 이미지