Photoshop을 사용하여 사진을 컬러 도트 패턴으로 전환

조회수 2717

이 튜토리얼에서는 Photoshop을 사용하여 사진을 컬러 도트 패턴으로 바꾸는 방법을 보여줍니다! 보시다시피 색상 점 효과를 만드는 데 필요한 것은 Photoshop의 필터 중 하나, 레이어 마스크 및 처음부터 만들 간단한 점 패턴입니다. 초기 효과가 완료되면 컬러 도트의 모양, 채도 및 밝기를 더욱 향상시킵니다. 점의 크기를 특정 이미지와 일치시키려면 약간의 시행착오가 필요할 수 있으므로 효과를 유연하고 편집 가능하게 유지하기 위해 Photoshop의 스마트 개체 및 스마트 필터를 활용합니다.

다음은 우리가 만들 "컬러 도트 패턴" 효과입니다.


1단계: 이미지 열기

컬러 도트로 바꾸고 싶은 이미지를 엽니다. Adobe Stock에서 다운로드한 이 사진을 사용하겠습니다 .

컬러 도트 패턴 효과에 사용할 이미지

원본 이미지입니다. 사진 제공: 어도비 스톡.


2단계: 배경 레이어를 스마트 오브젝트로 변환

레이어 패널을 보면 배경 레이어 에 이미지가 표시됩니다 .

배경 레이어의 이미지를 보여주는 Photoshop 레이어 패널

배경 레이어의 사진을 보여주는 레이어 패널.

배경 레이어를 스마트 오브젝트로 변환하여 시작합니다. 이렇게 하면 컬러 도트 패턴을 만드는 데 사용할 필터가 편집 가능한 스마트 필터로 적용됩니다. 레이어 패널의 오른쪽 상단 모서리에 있는 메뉴 아이콘을 클릭합니다 .

Photoshop에서 레이어 패널 메뉴 열기

메뉴 아이콘을 클릭합니다.

메뉴에서 스마트 개체로 변환을 선택합니다 .

Photoshop의 레이어 패널 메뉴에서 고급 개체로 변환 선택

"스마트 오브젝트로 변환"을 선택합니다.

Photoshop은 배경 레이어를 스마트 개체로 변환하고 이름을 "레이어 0"으로 지정합니다.

Photoshop에서 스마트 오브젝트로 변환된 배경 레이어

배경 레이어는 이제 스마트 오브젝트입니다.

"레이어 0"이라는 이름을 두 번 클릭하여 강조 표시한 다음 이름을 "사진"으로 바꿉니다. 키보드에서 Enter (Win) / Return (Mac)을 눌러 새 이름을 수락합니다.

Photoshop에서 스마트 개체 이름 바꾸기

스마트 개체에 더 유용한 이름을 지정합니다.

3단계: 단색 채우기 레이어 추가

컬러 도트 효과에 배경색을 추가하기 위해 단색 채우기 레이어를 사용합니다. 레이어 패널 하단에 있는 새 채우기 또는 조정 레이어 아이콘을 클릭합니다 .

레이어 패널의 Photoshop 새 채우기 또는 조정 레이어 아이콘

새 채우기 또는 조정 레이어 아이콘을 클릭합니다.

목록에서 단색을 선택합니다 .

Photoshop에서 단색 채우기 레이어 추가

단색 채우기 레이어를 추가합니다.

색상 피커에서 검정색 을 선택한 다음 확인을 클릭합니다. 문서가 일시적으로 검은색으로 채워집니다.

색상 점 효과의 배경으로 색상 피커에서 검은색 선택

색상 선택기에서 검정색을 선택합니다.

4단계: 채우기 레이어를 이미지 아래로 드래그합니다.

레이어 패널로 돌아가면 단색 채우기 레이어("색상 채우기 1")가 이미지 위에 나타나 이미지가 보이지 않게 차단됩니다. 채우기 레이어를 클릭하고 "사진" 레이어 아래로 드래그합니다. "사진" 레이어 아래에 흰색 강조 표시줄이 나타나면 마우스 버튼을 놓아 채우기 레이어를 제자리에 놓습니다.

단색 채우기 레이어를 레이어 0 아래로 드래그합니다.

단색 채우기 레이어를 이미지 아래로 드래그합니다.

이제 "사진" 레이어 아래에 채우기 레이어가 있으면 문서에서 이미지가 다시 한 번 표시됩니다.

단색 채우기 레이어가 이미지 레이어 아래로 이동되었습니다.

채우기 레이어는 이제 효과의 배경색입니다.

5단계: 모자이크 필터 적용

효과를 위한 도트 패턴을 만들기 전에 먼저 이미지를 컬러 사각형으로 변환해야 하며 Photoshop의 Mosaic 필터를 사용하여 이 작업을 수행할 수 있습니다. "사진" 레이어를 클릭하여 선택합니다:

레이어 0을 클릭하여 선택합니다.

"사진" 레이어를 선택합니다.

메뉴 모음의 필터 메뉴 로 이동하여 픽셀화 를 선택한 다음 모자이크를 선택합니다 .

모자이크 필터를 선택합니다.

필터 > 픽셀화 > 모자이크로 이동합니다.

모자이크 대화 상자가 열립니다. 하단의 셀 크기 옵션은 사각형의 크기를 제어 합니다 . 슬라이더를 드래그하여 값을 조정할 때 이미지를 주시하십시오. 값이 클수록 사각형이 커집니다. 사각형은 결국 컬러 도트가 되므로 효과에 사용할 도트 크기에 따라 값을 선택하십시오. 내 경우에는 값을 60 으로 설정 하지만 다시 이미지에 따라 달라집니다. 어떤 값을 선택하든 점 패턴을 만들 때 필요하므로 기억하거나 적어 두십시오. 완료되면 확인을 클릭합니다.

모자이크 필터 대화 상자에서 셀 크기 선택

모자이크 필터 대화 상자의 셀 크기 옵션.

다음은 모자이크 필터를 적용하여 이미지를 매우 픽셀화한 효과입니다.

포토샵에서 모자이크 필터를 적용한 후의 이미지

모자이크 필터를 적용한 후의 이미지입니다.

스마트 오브젝트에 모자이크 필터를 적용했으므로 레이어 패널의 이미지 바로 아래에 스마트 필터로 나타납니다. 다른 셀 크기 값을 시도하려면 필터 이름을 두 번 클릭하여 대화 상자를 다시 열고 변경한 다음 확인을 클릭합니다.

모자이크 스마트 필터를 보여주는 레이어 패널

모자이크 스마트 필터를 보여주는 레이어 패널.

6단계: 새 문서 만들기

도트 패턴을 만들어 봅시다. 이를 위해서는 새로운 Photoshop 문서가 필요합니다. 파일 메뉴 로 이동하여 새로 만들기를 선택합니다 .

새 Photoshop 문서를 만듭니다.

파일 > 새로 만들기로 이동합니다.

새 문서 대화 상자에서 너비 와 높이를 모자이크 필터의 셀 크기에 사용한 것과 동일한 값으로 설정합니다. 제 경우에는 셀 크기 값이 60이었으므로 너비와 높이를 모두 60픽셀로 설정하겠습니다(측정 유형이 픽셀로 설정되었는지 확인). 이렇게 하면 사각형의 크기와 일치하는 문서가 생성됩니다. 해상도 값 에 대해 걱정하지 말고 배경 콘텐츠가 흰색 으로 설정되어 있는지 확인하십시오 . 만들기(Photoshop CC) 또는 확인(CS6)을 클릭하여 새 문서를 만듭니다.

사각형의 크기와 일치하는 새 Photoshop 문서 만들기

사각형과 같은 크기의 새 문서를 만듭니다.

새로운 정사각형 문서가 화면에 열립니다. 문서가 다소 작기 때문에 키보드에서 Ctrl+스페이스바 (Win) / Command+스페이스바 (Mac)를 누른 상태에서 일시적으로 확대/ 축소 도구 로 전환한 다음 문서 내부를 몇 번 클릭하여 확대합니다.

도트 패턴을 만드는 데 사용할 새 정사각형 문서

새로운 정사각형 문서.

7단계: Elliptical Marquee Tool 선택

도구 모음에서 Elliptical Marquee Tool을 선택합니다 . 기본적으로 Elliptical Marquee Tool은 Rectangular Marquee Tool 뒤에 숨어 있습니다. 직사각형 선택 윤곽 도구를 마우스 오른쪽 버튼으로 클릭 (Win)/ Control-클릭 (Mac)한 다음 플라이아웃 메뉴에서 타원형 선택 윤곽 도구를 선택합니다.

Photoshop에서 Elliptical Marquee Tool 선택

Elliptical Marquee Tool을 선택합니다.

8단계: 원형 선택물 그리기

점을 그리려면 문서의 왼쪽 상단 모서리를 클릭하고 마우스 버튼을 누른 상태에서 오른쪽 하단 모서리까지 대각선 아래로 끕니다. 선택 윤곽선을 완벽한 원으로 만들려면 키보드의 Shift 키를 누른 상태에서 드래그합니다. 오른쪽 하단 모서리에 도달하면 마우스 버튼을 놓은 다음Shift 키를 놓습니다. 이제 문서 자체만큼 큰 원형 선택 영역이 있어야 합니다.

도트 패턴이 될 원형 선택 영역 그리기

선택 항목을 그릴 때 Shift 키를 누른 상태에서 강제로 원으로 만듭니다.

9단계: 선택 영역을 검은색으로 채우기

선택 영역을 검은색으로 채워야 합니다. 편집 메뉴 로 이동하여 채우기를 선택합니다 .

편집 메뉴에서 채우기 명령을 선택합니다.

편집 > 채우기로 이동합니다.

채우기 대화 상자에서 내용 옵션을 검은색 으로 설정한 다음 확인을 클릭합니다.

채우기 대화 상자에서 내용 옵션을 검은색으로 설정

내용을 검은색으로 설정합니다.

Photoshop은 원을 검은색으로 채웁니다. 원 주변에서 선택 윤곽선을 제거하려면 선택 메뉴 로 이동하여 선택 취소 를 선택하거나 키보드에서 Ctrl+D (Win) / Command+D (Mac) 를 누릅니다 .

이제 원형 선택 영역이 검은색으로 채워집니다.

이제 원형 선택 영역이 검은색으로 채워집니다.

10단계: 색상 반전

이미지 메뉴 로 이동하여 조정 을 선택한 다음 반전을 선택합니다 .

Photoshop에서 반전 명령 선택

이미지 > 조정 > 반전으로 이동합니다.

이것은 색상을 반전시켜 원을 흰색으로 만들고 그 주변 영역을 검은색으로 만듭니다.

색상 반전 후의 문서.

색상 반전 후의 문서.

11단계: 도트를 패턴으로 정의

점을 패턴으로 바꾸려면 편집 메뉴로 이동하여 패턴 정의를 선택합니다 .

편집 메뉴에서 패턴 정의 명령을 선택합니다.

편집 > 패턴 정의로 이동합니다.

새 패턴에 이름을 지정합니다. 내 문서는 60x60픽셀이므로 이름을 "서클 60x60픽셀"로 지정합니다. 크기가 각각 다른 더 많은 원형 패턴을 만들 수 있으므로 이름에 크기를 포함하는 것이 좋습니다. 확인을 클릭하여 패턴 이름 대화 상자를 닫습니다.

도트 패턴 이름 지정

새 패턴의 이름을 지정합니다.

12단계: 문서 닫기

파일 메뉴 로 이동 하고 닫기 를 선택하여 서클의 문서를 닫습니다 . Photoshop에서 문서를 저장할지 묻는 메시지가 표시되면 아니요 (Win) / 저장하지 않음 (Mac)을 클릭합니다.

Photoshop에서 닫기 명령 선택

파일 > 닫기로 이동합니다.

13단계: 레이어 마스크 추가

기본 이미지 문서로 돌아가 레이어 패널에서 "사진" 레이어가 선택되었는지 확인한 다음 하단의 레이어 마스크 아이콘을 클릭합니다.

레이어 패널에서 레이어 마스크 아이콘 클릭

레이어 마스크 아이콘을 클릭합니다.

레이어 마스크 축소판이 "사진" 레이어에 나타납니다. 썸네일 주위에 흰색 하이라이트 테두리가 있어 레이어 자체가 아니라 마스크가 현재 선택되어 있음을 알려줍니다.

레이어 패널의 레이어 마스크 축소판.

레이어 마스크 썸네일.

14단계: 도트 패턴으로 마스크 채우기

도트 패턴으로 레이어 마스크를 채워야 합니다. 편집 메뉴 로 이동하여 다시 한 번 채우기를 선택합니다 . 이번에는 Contents 옵션을 Pattern 으로 설정한 다음 Custom Pattern이라는 단어 오른쪽에 있는 썸네일을 클릭합니다 .

채우기 대화 상자에서 내용을 패턴으로 설정합니다.

Contents를 Pattern으로 설정하고 Custom Pattern 썸네일을 클릭합니다.

축소판을 클릭하여 방금 생성한 도트 패턴을 선택합니다. 목록의 마지막 썸네일이어야 합니다. 확인을 클릭하여 채우기 대화 상자를 닫습니다.

Pattern Picker에서 도트 패턴 선택

도트 패턴을 선택합니다.

Photoshop은 도트 패턴으로 레이어 마스크를 채우고 초기 컬러 도트 효과를 생성합니다.

Photoshop의 초기 색상 도트 패턴 효과

도트 패턴으로 레이어 마스크를 채운 결과입니다.

무슨 일이 일어나고 있는지 더 잘 볼 수 있도록 이미지에 좀 더 가깝게 확대하겠습니다. 효과의 각 점은 이전에 적용한 Mosaic 필터 덕분에 단일 색상으로 채워지고 각 점을 둘러싼 검은색 영역은 이미지 아래에 있는 단색 채우기 레이어에서 가져온 것입니다.

Photoshop 컬러 도트 효과 근접 촬영

컬러 도트 효과를 가까이서 볼 수 있습니다.

다른 크기의 도트 시도(선택 사항)

작거나 큰 도트 패턴이 이미지에 더 잘 어울린다고 생각되면 다음과 같이 하십시오. 먼저 레이어 마스크가 선택된 상태에서 편집 메뉴 로 돌아가 채우기 를 선택하고 내용을 흰색 으로 설정 한 다음 확인을 클릭합니다. 이렇게 하면 마스크가 흰색으로 채워지고 현재 도트 패턴이 지워집니다. 레이어 패널에서 모자이크 스마트 필터를 두 번 클릭하여 대화 상자를 다시 열고 필요에 따라 셀 크기 값을 늘리거나 줄입니다. 새 값을 기억하고 확인을 클릭합니다.

6단계로 돌아가 새 셀 크기 값과 동일한 크기의 새 문서를 만든 다음 7~12단계를 반복하여 새 크기로 새 도트 패턴을 만듭니다. 이미 레이어 마스크를 추가했으므로 13단계를 건너뜁니다. 새 패턴으로 마스크를 채우려면 14단계로 바로 이동합니다.

15단계: 점 주위에 획 추가

이제 초기 컬러 도트 효과가 완성되었지만 더 향상시키기 위해 할 수 있는 작업이 몇 가지 더 있습니다. 먼저 점의 모양을 표현하기 위해 점 주위에 획을 추가합니다. 레이어 마스크가 선택된 상태에서 레이어 패널 하단에 있는 레이어 스타일 아이콘( fx 아이콘)을 클릭합니다.

레이어 스타일 아이콘을 클릭합니다.

레이어 스타일 아이콘을 클릭합니다.

목록에서 스트로크를 선택합니다 .

Stroke 레이어 효과를 선택합니다.

Stroke 레이어 효과를 선택합니다.

이렇게 하면 중간 열의 획 옵션으로 설정된 레이어 스타일 대화 상자가 열립니다. 색상은 검은 색 으로 설정 하고 크기는 1 픽셀 , 위치는 내부 로 설정 한 다음 확인을 클릭합니다.

컬러 도트 효과에 획 추가

스트로크 옵션.

이제 각 점 주위에 얇은 검은색 선이 있어 둥근 모양이 더 분명해집니다.

획이 적용된 Photoshop 컬러 도트 패턴

도트에 획을 적용한 효과입니다.

획이 있는 효과와 없는 효과를 비교하여 어떤 버전이 더 마음에 드는지 확인하려면 레이어 패널에서 획 효과 왼쪽에 있는 가시성 아이콘 (안구)을 클릭하여 획을 켜거나 끕니다.

Stoke 레이어 스타일 가시성 아이콘.

획 가시성 아이콘을 클릭합니다.

16단계: 활기 조정 레이어 추가

도트의 색상을 표현하기 위해 Vibrance 조정 레이어를 사용합니다. 레이어 패널 하단에 있는 새 채우기 또는 조정 레이어 아이콘을 클릭합니다 .

레이어 패널에서 새 채우기 또는 조정 레이어 아이콘을 클릭합니다.

새 채우기 또는 조정 레이어 아이콘을 클릭합니다.

목록에서 활력을 선택합니다 .

컬러 도트 효과에 바이브런스 조정 레이어 추가

Vibrance 조정 레이어를 추가합니다.

생동감 조정 레이어에 대한 컨트롤이 Photoshop의 속성 패널 에 나타납니다 . 채도 값을 약 +20 으로 높입니다 .

컬러 도트의 채도 증가

채도 값을 높입니다.

이제 색상이 더 풍부하고 생생하게 보입니다.

채도가 높아진 컬러 도트 패턴 효과

채도를 높인 후의 효과.

17단계: 레벨 조정 레이어로 이미지 밝게 하기

마지막으로 컬러 도트 효과의 한 가지 잠재적인 문제는 전체 이미지를 어둡게 하는 경향이 있지만 레벨 조정 레이어 와 레이어 혼합 모드를 사용하여 쉽게 다시 밝게 할 수 있다는 것입니다. 레이어 패널 하단에 있는 새 채우기 또는 조정 레이어 아이콘을 다시 클릭 하고 이번에는 레벨을 선택합니다 .

레벨 조정 레이어 선택.

레벨 조정 레이어를 추가합니다.

레벨 조정 레이어에 대한 컨트롤이 속성 패널에 표시되지만 설정을 변경할 필요는 없습니다. 대신 레이어 패널에서 레벨 조정 레이어의 혼합 모드를 일반에서 스크린 으로 변경합니다 . 화면 혼합 모드는 이미지를 너무 밝게 만들므로 불투명도 값 을 약 25% 로 낮춥니다 .

레벨 조정 레이어의 블렌드 모드 및 불투명도 변경.

레벨 조정 레이어의 혼합 모드 및 불투명도 변경.

이것으로 끝났습니다! 다음은 이미지를 밝게 한 후 최종 "색상 점에 대한 사진" 효과입니다.

컬러 도트 패턴 효과에 대한 Photoshop 사진

최종 결과.