웹 개발과 관련된 모든 것들

빛, 채도 - 이미지 보정 

* 제목을 '빛, 채도...'라고 붙였지만, 사실 적당한 것이 생각이 안나서구요. 아마도 읽다보면 무엇을 의미하는지 아시리라 믿습니다.

** 아래에서 사용한 Blend If 옵션은 '구름을 통과하는 번개(http://cafe.naver.com/pstutorial/4310 )' 편에서 자세하게 설명하고 있으니, 그 원리나 더 자세한 사용법을 알고 싶으신 분은 참고하시기 바랍니다. 더불어 'Layer Style(http://cafe.naver.com/pstutorial/12056 )'편도 읽어보시면 도움이 될 것으로 여겨지네요.

*** 이미지 내에서 특정 영역을 선택할 때, 대게 Magic Wand Tool(마술봉 도구)을 사용하거나, 또는 Channel을 사용하는 경우가 많을 것입니다. 'Color Range' 명령은 두 가지의 특성을 모두 가지고 있는 도구라고 할 수 있습니다. 각기 상황에 따라 적절하게 사용하는 것이 최선이겠지만, 제 개인적으론 다른 두 방법에 비해 보다 정밀하고 사용자의 의도대로 선택이 가능하다고 여기고 있습니다.

**** 여러 옵션을 조정할 때 예제에서 사용한 수치에 너무 연연하지 마시구요, 이미지에 따라서 또는 의도에 따라서 적절하게 사용해 주실 것을 권해드립니다.

Step 1. File > Open 명령을 이용하여 'chamnamu_02.jpg'파일을 연다

  Tip: 'chamnamu_02.jpg'파일은 상단 우측 링크를 클릭하시면 다운받으실 수 있습니다. 기타 적절한 이미지를 사용하셔도 무방합니다.

Step 2. Select > Color Range 명령을 클릭하여 Color Range 창을 연 다음 다음의 순서대로 선택을 한다.

1. 'Select' 옵션에서 'Sampled Colors'를 선택한다.
2. 'Eyedropper Tool'이 맨 왼쪽의 것이 선택되어 있음을 확인한 다음, 이미지 내에서 가장 밝은 부분을 클릭한다.
3. 'Fuzziness' 옵션을 적절하게 조절한다.

  Tip: Color Range 명령은 선택도구중 하나입니다. 언뜻 보면, Magic Wand Tool과 비슷해 보이지만, Color Range Tool은 그 단계(255)에 따른 선택이 이루어 진다는 점에서 차이가 있습니다. 또한 Channels를 이용하는 것보다도 보다 세밀하고 사용자의 의도에 따른 선택을 할 수 있다는 장점이 있습니다.

•   Select 옵션은 Channel 별, 또는 명도별 옵션으로 나뉘어져 있어, 보다 세밀한 선택이 가능하며, 이중 Sampled Colors 옵션은 이미지 내에서 사용자가 원하는 부분을 직접 선택할 수 있는 장점이 있습니다.
• Fuzziness 옵션은 그 수치를 입력(0~200)하거나, 조절점을 조정하여 선택영역을 확장하거나 축소할 수 있습니다.
• 미리보기 아래쪽의 Selection, Image 옵션은 선택영역을 보거나, 또는 원본 이미지를 보거나 할 수 있습니다.
• 맨 아래쪽의 Selection Preview 옵션은 미리보기의 상태를 설정할 수 있읍니다.
• 오른쪽 아래의 스포이드 모양의 도구는 'Sampled Colors' 옵션을 사용할 때, 이미지 내에서 원하는 부분을 선택할 때 사용하는 옵션입니다. 맨 왼쪽의 것은 기본선택, 두번째는 현재 영역에서 선택영역을 더할 때, 세번째는 선택영역을 제외할 때 사용할 수 있습니다.

Step 3. 아래 그림처럼 선택이 되었음을 확인한 후 Layer > New > Layer via Copy(단축키 Ctrl + J) 명령을 사용하여 선택영역을 새 Layer로 복사한다.

  Tip: Layer via Copy 명령은 선택영역을 복사하여 새로운 Layer로 만들어 주는 명령입니다. Layer via Cut 명령을 사용하면 기존의 Layer에서 선택영역을 잘라내어 새로운 Layer로 만들어 줍니다.

Step 4. Image > Adjustments > Curves(단축키 Ctrl + M) 명령을 사용한 다음 아래의 그림을 참고로 적당히 조절한다.

  Tip: Curves 명령은 이전에도 여러번 소개해 드렸습니다. Levels 명령과 그 원리는 같지만 보다 정밀한 조절이 가능합니다. 자세한 설명은 Curves편(http://cafe.naver.com/pstutorial/11576)을 참고 하시기 바랍니다. 아래의 경우 하이라이트 부분의 밝기가 약하다고 판단이 되어 좀더 밝게 조절을 하였습니다.

Step 5. Filter > Blur > Gaussian Blur 명령을 사용한 다음 아래의 그림을 참고로 적당히 조절한다.

  Tip: 이런 종류의 효과는 많이 보셨으리라 생각이 듭니다. 효과의 적절한 이름은 떠오르지 않습니다만, 좀더 은은하거나, 신비로운 또는 환상적인 표현을 할 때 많이 사용하는 기법이죠. 여러분들이 주로 표현하시는 '뽀샤시' 효과와도 비슷한 부분이 있다고도 볼 수 있겠네요. 

Step 6. Layer > Layer Style > Bleding Option 명령을 사용한 다음, 아래 그림을 참고로 Blend If 옵션을 조절한다.

  Tip: Layer Style 옵션은 해당 Layer의 이름 옆 빈 공간을 더블 클릭해도 열 수 있습니다. Blend If 옵션은 선택된 Layer와 아래쪽 Layer의 합성을 보다 세밀하게 조절하는데 사용이 됩니다. 자세한 설명은 '구름을 통과하는 번개(http://cafe.naver.com/pstutorial/4310) 편에서 설명하고 있으니 참고 하시기 바랍니다.

Step 7. 키보드 Alt키를 누른채로 아래 그림을 참고하여 조절한다.

  Tip: Blend If 조절점은 두개의 삼각형으로 이루어져 있습니다. 마우스로 드래그 하게 되면, 같이 움직이지만, Alt키를 누른 채로 조절하면 따로 조절이 가능합니다. 좀더 자연스러운 효과를 주기 위한 방법입니다.

Step 8. Adjustment Layer중 Hue/Saturation 명령을 사용한다.

  Tip: Adjustment Layer 명령은 이전에도 여러번 설명을 드렸죠. 별도의 Layer로 생성이 되기때문에 언제든지 재조정이 가능하며, 자체로도 효과를 부여할 수 있는 장점이 있습니다. 자세한 설명은, 이전 강좌를 참고하시기 바랍니다.

Step 9. 아래의 그림을 참고로 조절한다.

  Tip: Hue/Saturation 명령은 색의 3속성을 조절할 수 있는 옵션입니다. 자세한 설명은 '이미지 보정-Adjustment Layer 활용 (http://cafe.naver.com/pstutorial/23618 )' 편을 참고 하시기 바랍니다.

Step 9. 아래의 그림을 참고로 Blending Mode를 'Saturation'으로 변경한다.

  Tip: 이미지의 채도(Saturation)을 변경하면 채도뿐만 아니라, 기타 속성(색, 명도 등)까지 변하게 됩니다. 때문에 이미지가 뜨는 듯한 부작용이 일어날 수도 있습니다. Bleding Mode 중 Saturation은 선택된 Layer의 채도를 사용하고 나머지 속성은 아래쪽 Layer를 사용하게 됩니다. 중요한 Tip이니 꼭 기억해 두시기 바랍니다.

<원본과 최종본의 비교>

http://cafe.naver.com/pstutorial

반전 효과 활용하기 Ⅱ // 이미지에 반전효과를 활용해봅시다:D

Ⅰ탄은 여기→http://cafe.naver.com/pstutorial/262335

원래는. 한번에 만들어서 올리려고했는데 만들다보니 너무 길어져서, 나눠서 만들었어요.

1탄은 문구에 반전효과를 주는 것이었구요.

오늘 올린 2탄은 이미지에 반전효과를 주어 활용하기 입니다.

강의는 초급정도의 수준이에요. 이해가 안가시는 부분이나 잘 모르겠다는 점은 덧글로 질문해주세요 

저와 똑같은 이미지로 따라하고 싶으신 분들을 위해, 원본과 강의안에 사용된 다 꾸며진 이미지는

1탄 게시물에 첨부파일로 첨부되어 있습니다. ::  1탄 강의가서 다운받기 클릭!

< 반전효과에 사용된 원본입니다. 왼쪽사진은 꾸미기 전 원본 >

<6번 과정까지의 완성작과 색감을 달리한 응용작 입니다. >

< 강의에 사용된 이미지는, 사실 축전이랄까;; 합성 남발이랄까 만들어 놓은것을.. 잘라사용한거에요

왼쪽이 그 원본. 오른쪽이 응용작이랍니다 >

     http://cafe.naver.com/pstutorial  

합성사진.zip

선생님 되기전에 올렸던 강의를 정리겸 올려보아요.

원래 글은 여기있구요 http://cafe.naver.com/pstutorial/71538

구성이 복잡해 보이는점, 깊이.......반성하고??있습니다ㅠㅠ 이해해주세요~

강의 주제 자체가 이미지를 멋스럽게 꾸미는 것이기 때문에, 기타 합성 과정이 생략되어 있습니다.

( 주제에 맞는 강의 과정은 일단 8번 까지이므로, 합성과정은 생략해도 되어요 )

강의수준은 중급이라고 써놓았지만, 초~ 중급사이의수준...이랄까요-ㅋㅋ

생략된 기타 합성 과정은, 이것저것 많이 만져보시면서 개인적인 능력을 키워보시기 바랄께요♥

< 원본. 첨부파일에 있으니, 필요하신분 다운받아 사용하세요^-^ >

 < 8번까지, 완성작>

     http://cafe.naver.com/pstutorial  

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