본문으로 바로가기

Adobe PHOTOSHOP Working Level 2

category Web Programming/Design 2020. 2. 18. 17:10

안녕하세요. 씨앤텍시스템즈 홍정화 연구원입니다.

 

이번 포스트에서는 Adobe Photoshop에서 많이 사용하는 기능들에 대하여 정리해 보았습니다.

 

Adobe Photoshop cc 2019

 

Adobe Photoshop cc 2019 (한글판) 기준으로 작성되며, 
버전이 달라도 화면 요소들과 작업 방식은 동일함으로 진행하는데 문제가 없습니다.

 

지난 포스트 Adobe PHOTOSHOP Working Level 1에서 설치하는 방법과 인터페이스에 대해 이해하셨다면

이번 포스트에서는 포토샵을 활용할 수 있는 실무기능에 대해 알아보겠습니다.

 

 

Adobe PHOTOSHOP Working Level 1을 아직 못 보셨다면 아래 링크를 클릭해주세요!

https://cntechsystems.tistory.com/65

 

 

Adobe PHOTOSHOP Working Level 1

안녕하세요. 씨앤텍시스템즈입니다. 이번 포스트에서는 Adobe Photoshop에 전반적인 기능과 실무에 기초 능력에 대해서 정리해 보았습니다. Adobe Photoshop cc 2019 (한글판) 기준으로 작성되며, 버전이 달라도..

cntechsystems.tistory.com


1. 선택변형

2. 도형펜툴

3.  색 보정


 

 

 

1. 선택 및 변형

Photoshop에서 가장 많이 사용되며 이미지를 합성하거나, 대상의 크기 및 왜곡 효과를 줄 수 있습니다.

이동 도구 [ V ]
선택 윤곽 도구 [ M ]
올가미 도구 [ L ]
빠른 선택 도구/자동선택 도구 [ W ]

 

이동 도구  [ V ] - 대상을 이동시킬 때 사용

 

이미지를 불러오기 후 키보드 [ V ] 키를 누르고, 마우스로 드래그하여 이동해봅시다.
마우스 드레그 시 이동값이 표시됩니다. 

Tip. Shift 키를 누르면 마우스를 드래그하면 좌우와 상하가 일정한 값으로 이동됩니다.

 

 

선택 윤곽 도구  [ M ] - 일정한 구역을 설정하여 해당 구역 대상만 선택

 

키보드 [ M ] 키를 누르고, 마우스로 드래그하여 구역 설정

 

Tool 바 하단에 도구 모음을 클릭하면 다양한 도형에 선택 윤곽 도구를 설정할 수 있습니다.

 

Tool 바 도구 모음

 

Tip. Shift 키를 누르면 마우스를 드래그하면 넓이와 높이가 일정한 값으로 이동됩니다.

 

 

올가미 도구 [ L ] - 마우스로 원하는 구역을 드로잉 하여 선택 (자유형 선택)

 

원하는 모양으로 선택 가능

 

Tip. 마우스 드로잉 시 돋보기 도구 [ Z ] / Alt + 마우스 휠을 이용해 확대하여 정확도를 높일 수 있습니다.

 

 

빠른 선택 도구 [ W ] - 이미지 또는 동일한 컬러의 가장자리를 선택

가장 많이 사용되며 인물의 외곽을 따거나, 특정 이미지 대상을 추출할 때 사용됩니다.

 

빠른선택도구 선택 후 영역을 드레그하여 인적한 색상을 빠르게 선택

 

Tip. 선택 시 돋보기 도구 [ Z ] / Alt + 마우스 휠을 이용해 확대하여 정확도를 높일 수 있습니다.

Tip. 잘못 선택된 경우 Alt 키를 눌러 선택( - )을 취소할 수 있습니다. ( 잘못 선택된 영역을 Alt를 누른 상태로 드로잉)

 

 

자동선택 도구 [ W ] - 비슷한 색상의 영역을 선택

 

자동선택도구는 비슷한 색상의 영역을 자동으로 선택

 

Tip. 선택 시 돋보기 도구 [ Z ] / Alt + 마우스 휠을 이용해 확대하여 정확도를 높일 수 있습니다.

Tip. 잘못 선택된 경우 Alt 키를 눌러 선택( - )을 취소할 수 있습니다. ( 잘못 선택된 영역을 Alt를 누른 상태로 드로잉)

Tip. 전체 선택 취소 단축키 [ Ctrl + D ]

 

변형 - 대상 도형 및 이미지의 [크기, 비율, 회전, 왜곡, 기울기, 원근, 뒤틀기]

 

자유 변형 - 대상의 크기와 회전을 자유롭게 변형

자유 변형  [ Ctrl + T ]

 

변형하고자 하는 레이어를 선택 후 [ Ctrl + T ] 키를 눌러 변형 대상 선택

 

변형 대상의 가장자리 사각형[패스]을 드래그 하여 크기 조절, 각 모서리 점 1PX 정도 떨어진 곳을 드레그 회전

 

Tip. Shift를 누른 상태로 크기 조절을 하면 일정한 비율을 유지하여 조절 가능

Tip. Shift를 누른 상태로 회전을 하면 +-15도씩 회전 가능

 

변형 - 기울이기, 왜곡, 원근, 뒤틀기

입체감을 주거나, 곡선을 만들 때 주로 사용

 

기울이기

 

주로 삼격형을 만들때 사용

변형 대상의 가장자리 사각형[패스]을 드래그 하여 조절

 

Tip. Shift를 누른 상태로 조절을 하면 일정한 비율을 유지하여 조절 가능

 

왜곡

 

기울이기와 비슷한 변형

변형 대상의 가장자리 사각형[패스]을 드레그 하여 조절

 

Tip. Shift를 누른 상태로 조절을 하면 일정한 비율을 유지하여 조절 가능

 

원근

 

입체감을 만들고 싶을 때 사용

변형 대상의 가장자리 사각형[패스]을 드레그 하여 조절

 

Tip. Shift를 누른 상태로 조절을 하면 일정한 비율을 유지하여 조절 가능

 

뒤틀기

 

대상에 곡선을 주어 뒤틀어진 느낌을 만들 떄 사용

변형 대상의 가장자리 원형/ 가이드선을 드레그 하여 조절

 

 

예제 1  -  사진의 일부분을 추출하여 글자를 변형해 봅시다.

 

1) 먼저 사진을 불러오기를 하여 새로운 레이어에 넣어줍니다.

 

파일 - 열기를 하여 새파일에서 시작하거나, 포함 가져오기를 하여 기존의 작업파일에 삽입할수 있습니다.

 

2) 사진에서 Ps라는 글자만 추출

선택 활성화된 대상을 복사하여 새 레이어에 붙여 넣기

 

점선무늬로 선택 활성화 후 Ctrl + C -> 새로운 레이어 생성 -> Ctrl + V

 

Tip. 자동선택 도구를 사용하여 떨어져 있는 대상 2개를 한 번에 선택 시 Shift 키를 누른 채 다음 대상을 클릭

Tip. 색상이 같고 색상의 구분이 명확할 때는 자동선택 도구가 유리합니다.

But. 색상의 구분이 애매하거나 선이 정확하지 않을 경우 빠른 선택 도구를 사용하거나, 복잡할 경우 올가미 툴을 사용

 

3) 뒤틀기와 원근을 사용하여 글자를 변형

 

평면적인 글자를 입체적으로 바꿀수도 있습니다.

 

4) 다양한 응용을 통해 평면이었던 이미지를 입체적으로 바꿀 수 있습니다.

 

다양한 기능을 사용해 봅시다.

2-1. 도형 

Photoshop에서 도형을 삽입

도형 [ U ]

 

도형

도형툴
도형 옵션 바

 

예제 2  -  도형을 이용하여 구름을 만들어 봅시다.

 

1) 먼저 원형 도형을 3개를 그려봅시다.

 

도형을 이동 도구로 선택하여 겹쳐줍니다.

Tip. Shift를 누른 상태로 조절을 하면 일정한 비율을 유지하여 조절 가능

 

2) 도형을 겹쳐서 놓았다면, 하단에 원형 도형을 추가로 삽입

 

이해를 돕기 위해 윤곽선을 사용하여 테두리를 보이게 하였습니다.

 

3) 선택 도구 [ V ]로 해당 도형을 드레그 하여 모두 선택 후 속성에 패스 작업 클릭

속성이 없는 경우 메뉴바에 [ 창 - 속성 ]

창 - 속성
구름 완성

2-2. 펜툴

펜 도구는 도형과 달리 원하는 도형이나 선을 자유롭게 만들 수 있습니다.

펜 도구 [ P ]

 

펜 도구 모음

Tip. 펜툴로 도형 및 그리기 작업 시 항상 새로운 레이어를 생성 후 진행해야 합니다.

 

새 레이어를 생성

펜 도구

펜 도구는 시작점을 클릭 후 직선을 만 들 경 우는 클릭만 곡선을 만들경우 다음 점에서 누른 상태에서 각도를 설정

펜 도구를 이용해 도형을 만 들 경 우 마지막 점이 시작점과 일치해야 합니다.

 

펜 도구를 사용해 그린 삼각형

Tip. Shift를 누른 상태로 점을 찍으면 직선을 쉽게 만들 수 있습니다.

 

자유 형태 펜 도구

자유롭게 선을 그려 도형을 그릴 수 있습니다.

 

자유 형태 펜도구로 그림을 그릴시 사각점(패스)가 자동으로 생성

Tip. 마우스의 감도를 낮추거나, 와콤 태블릿을 사용하면 좀 더 정교한 그림을 그릴 수 있습니다.

 

곡률 펜 도구

모든 선을 곡선으로 그리는 펜 도구

 

곡률 펜 도구를 사용하여 다양한 형태를 표현

 

Tip. Shift 누른 채 작업 시 일정한 각도로 조절 가능

 

기준점 (추가/삭제/변형)  도구

이미 그려진 도형 또는 펜으로 만든 기준점[패스]을 추가하거나 삭제 변형을 할 수 있습니다.

 

사각형에 기준점을 추가하거나 삭제, 변형하여 반원을 만들수 있습니다.

Tip. 펜툴을 사용해 그림을 그리기 어렵다면 도형을 삽입하여 기준점 도구를 사용해 다양하게 표현할 수 있습니다.

 

예제 3 - 펜툴과 도형 툴을 이용해 하트를 만들어 봅시다.

 

1) 원형 도형툴을 사용해 원을 삽입

 

Shift를 사용하여 지름이 일정한 원을 삽입

2) 기준점 변환 도구를 사용하여 하단 부분을 변형

 

기준점 선택 후 드래그 하여 각이 생기게 만들어줍니다.

3) 기준점 추가 도구를 사용하여 기준점 추가 후 기준점을 변형해 하트 모양 그리기

 

어렵지만 익숙해 진다면 이쁜 하트를 만들수 있습니다.

4) 하트 모양 완성

 

참 쉽죠? ^^

 

 

3. 색 보정

Photoshop에서 흑백을 만들거나 색을 보정, 특정 색을 도출시킬 때 사용합니다.

색조/채도 [ Ctrl + U ]
레벨 [ Ctrl + L ]
곡선 보정 [ Ctrl + M ]
색상 균형 [ Ctrl + B ]
색 반전 [ Ctrl + I ]
흑백 조정 [ Alt + Shift + Ctrl + B ]

 

이미지 - 조정 [ I + J ]

색조/채도 [ Ctrl + U ]

색조 / 채도 / 밝기를 한 번에 조정이 가능합니다.
사전 설정을 통해 기존에 세팅돼있던 [청사진, 흑백 등] 빠르게 변환 가능

 

이미지 - 조정 색조/채도

 

색조/채도 조정 예시

 


레벨 [ Ctrl + L ]

입력과 출력 값을 조절
어둡거나 밝게 조정 가능

 

레벨 조정 창

 

레벨 조정 예시

 

 

곡선 보정 [ Ctrl + M ]

곡선형으로 RGB 값의 입력 출력을 조정
다른 보정보다 세밀하고 자연스럽게 조정이 가능

 

곡선 보정 창

 

곡선 보정 예시

 


색상 균형 [ Ctrl + B ]

색상을 Red Green Blue를 조정
RGB를 통한 색상 조정

 

색상 균형 창

 

색상 균형 예시

 


색 반전 [ Ctrl + I ]

기존에 입힌 색상을 반전으로 조정
대비대는 색상으로 반전

 

색 반전 예시

 


흑백 조정 [ Alt + Shift + Ctrl + B ]

가장 많이 사용되며 손쉽게 컬러 이미지를 흑백으로 변환
이미지에 따라 컬러 및 색조 / 채도를 조정하여 세팅

 

흑백 조정 창

 

 

 

흑백 조정 예시

Tip. 모든 조정은 이미지의 해상도가 깨지기 때문에 최대한 자연스러움을 연출하기 위해선 작은 값 입력

Tip. 조정 시 기존의 이미지를 보호하기 위해서 이미지 레이어를 복사 후 진행[ 레이어 복사 Ctrl + J ]

 

 

예제 4 - 이미지를 흑백 조정과 반전 조정으로 만들어 봅시다.

 

1) 이미지를 불러오기 한 후 레이어를 복사

 

이미지 원본과 조정에 사용될 이미지 2장 복사

Tip. 레이어 복사 후 이름 변경은 레이어 창 해당 레이어 텍스트 더블클릭

 

 

2) 이동 도구[ V ]를 사용하여 이미지를 가로로 나열

 

이미지 나열

 

Tip. 레이어 이동 시 Shift 키를 누른 채 이동 시 맞춤 이동 가능 [ 이미지에 마우스 Hover + Ctrl 시 간격 표시 ]

 

 

3) 2번째 이미지 선택 후 흑백 조정

 

기본 세팅 값

 

4) 3번째 이미지 선택 후 반전 조정

 

왼쪽 이미지 [ 원본 ] - 2번째 이미지 [ 흑백 조정 ] - 3번째 이미지 [ 반전 조정 ]

 

 

추가 Tip.  간단한 얼굴 보정

원래 취지는 웹디자인에 초점을 맞췄지만 간단한 얼굴 보정과 증명사진 배경 변경 등 간단한 포토샵 기능에 대해 설명하겠습니다.
인터페이스를 사진에 맞춰 변경해주시면 작업하기 훨씬 수월해집니다. [ 창 - 작업 영역 - 사진 ]

 

인터페이스를 사진으로 변경하시면 못 보던 메뉴들이 눈에 들어옵니다.

 

작업 영역 - 사진

 

도구바

 스폿 복구 브러시 [ 인접 픽셀을 이용하여 사진을 보정 ]

스팟 복구 브러쉬 [ J ]
보통 얼굴의 잡티나 점을 제거할 때 사용

 

1) 스폿 복구 브러쉬 선택 후 브러쉬 크기 조절

 

스팟 복구 브러쉬 옵션바

 

2) 스폿 복구 브러시로 잡티 및 점, 피어싱을 제거

 

왼쪽 [ 보정 전 원본 ] 오른쪽 [ 스팟 복구 브러쉬 사용 ]

Tip. 스팟 복구 브러쉬 사용 시 드래그보다는 해당 지점을 클릭하는 형식으로 하는 것이 자연스러움

Tip. 너무 많이 사용할 경우 해상도 깨짐의 우려가 있습니다.

 

패치 도구 [ 영역을 선택 후 다른 영역에 복사 붙여 넣기 ]

패치 도구 [ J ]
얼굴의 주름이나 필요가 없는 선을 제거할 때 사용

 

1) 패치 도구 선택 후 붙여 넣기 할 영역 선택

 

붙여넣기 할 영역 드로잉

 

2) 해당 영역 활성화 시 드래그하여 복사할 대상으로 드로잉

 

복사할 영역으로 드래그

3) 다른 영역도 동일하게 작업

 

왼쪽 [ 보정 전 원본 ] 오른쪽 [ 패치도구 사용 ]

 

 

흐림 도구 / 손가락 도구 [ 드로잉 시 흐려지는 효과 / 드로잉 시 늘리는 효과 ]

흐림 도구 - 머리나 잔털 정리
손가락 도구 - 표정의 변화나 눈꼬리를 올릴 때 사용

 

1) 흐림 도구 선택 후 드로잉

 

왼쪽 [ 보정 전 원본 ] 오른쪽 [ 흐림도구 사용 ]

 

2) 손가락 도구 선택 후 드로잉

 

왼쪽 [ 보정 전 원본 ] 오른쪽 [ 손가락 사용 ]

 

 

닷지 도구 / 번 도구 / 스펀지 도구

닷지 도구 - 영역을 밝게 하여 얼굴에 광을 낼 때 사용
번 도구 - 얼굴의 윤곽선 및 턱선과 같이 어두운 부분을 강조할 때 사용
스펀지 도구 - 해당 영역의 채도를 높이거나 감소 입술 강조 피부 강조 등

 

1) 닷지 도구 사용 예시

 

왼쪽 [ 보정 전 원본 ] 오른쪽 [ 닷지 도구 사용 ]

 

2) 번 도구 사용 예시

 

왼쪽 [ 보정 전 원본 ] 오른쪽 [ 번 도구 사용 ]

3) 스폰지 도구 예시

 

왼쪽 [ 보정 전 원본 ] 오른쪽 [ 스폰지 도구 사용 ]

 

필터 - 픽셀 유동화

픽셀 유동화 [ Ctrl + Shift + X ]
자동 보정과 수동 보정이 가능
눈 코 입 얼굴 모양 등 전체적인 사이즈 조정

얼굴 보정 예시

픽셀 유동화로 마무리

 

 

응용 - 노란색을 제외한 흑백 얼굴에 배경으로 바꿔봅시다.

오늘 배웠던 기능들을 모두 종합하여 예제를 풀어봅시다.

 

 

1) 이미지를 불러오기 배경과 인물을 분리

자동 선택 도구 / 빠른 선택 도구 / 올가미 도구를 사용하여 인물을 추출

 

누끼 작업

 

 

2) 레이어 복사 후 배경 변경

포함 가져오기를 하여 흑백 배경으로 변경

 

 

배경 흑백 변경

 

 

3) 인물의 노란색을 강조

조정을 통해 노란색을 제외한 나머지 컬러는 흑백으로 처리

 

 

인물 노란색 강조

 

 


Adobe PHOTOSHOP Working Level  2 에서는 포토샵의 실무 기술과

간단한 작업 예제까지 알아보았습니다.

다음 포스팅에서는 심화된 포토샵 기본 능력에 대해 알아보겠습니다.

 


감사합니다.

                                                모든 설정 및 환경 구축은 개개인의 취향에 맞춰 설정하시는 것이 가장 좋습니다 :)

댓글을 달아 주세요

  1. 큰물 2020.02.18 17:25

    멋져부려요

  2. Favicon of https://carbonated-water-8.tistory.com 주연공대생 2020.02.18 19:55 신고

    유용한 포스팅 잘보고 공감하고 갑니다!!
    편안한 밤 되세요^^