Photoshop의 사실적인 네온 조명 효과(모든 설명!)

조회수 1008

이 튜토리얼에서는 Photoshop 2023의 새로운 재료와 이 놀랍고 사실적인 효과를 만드는 레이어 스타일에 대해 배웁니다. 배경 생성 및 네온 텍스트에서 분위기 효과까지. 모든 것이 설명되었습니다.


01단계 – 브릭 배경 만들기 

창 으로 이동하여 재료를 선택합니다 .

재료를 사용하면 이전 Photoshop 패턴과 유사하지만 더 많은 제어가 가능한 사용자 정의 가능한 속성으로 사실적인 표면을 만들 수 있습니다.


검색 표시줄에 "Brick"을 입력하고 프로젝트에 추가할 벽돌 재료를 선택합니다.

Material Properties 패널 에서 사용 가능한 최고 해상도를 위해 해상도를 Ultra로 조정합니다. 균일하게 반복 상자를
클릭합니다 .

숫자(예: 0.75)를 입력하고 Enter 키를 눌러 벽돌 크기를 조정합니다.

벽돌 색상을 조정하거나 드롭다운에서 사전 설정을 선택할 수 있습니다.

배경 복사 레이어를 축소하고 배경 레이어를 삭제합니다.

색조/채도 조정 레이어를 추가합니다 .

배경을 제어하려면 Ctrl Alt G(Windows) 또는 Command Option G(macOS)를
눌러 클리핑 마스크를 만듭니다 .

레이어 마스크는 필요하지 않으므로 삭제합니다.

레이어의 채도를 약 -50으로 낮추십시오.

곡선 조정 레이어를 만들어 이미지에 대비를 추가합니다.


클리핑 마스크 아이콘을 클릭하거나 동일한 키보드 단축키 Ctrl Alt G(Windows) 또는 Command Option G(macOS)를 사용하여 클리핑 마스크를 만듭니다 . 레이어 마스크를 삭제합니다.


Curves Adjustment Layer의 혼합 모드를 Luminosity 로 설정합니다 .


오른쪽 위 지점을 165로 드래그하여 흰색을 밝은 회색 음영으로 만듭니다.

중심점을 아래로 드래그하여 이미지를 어둡게 하고 대비를 높입니다.

모든 레이어를 선택하고 Ctrl G(Windows) 또는 Command G(macOS)를 누르고 Background라는 레이블을 지정 하여 그룹에 모든 레이어를 넣습니다 .

현실적인 네온 조명 효과 자습서 배경 완료

이제 배경이 완성되었습니다!

다음은 네온사인을 만들어 보겠습니다.


02단계 – 사각형 도구로 네온사인 만들기

도구 모음에서 사각형 도구를 선택하거나 U 키를 누릅니다

.

옵션 막대에서 모양이 선택되어 있는지 확인하고 사각형을 만듭니다.

원하는 크기로 사각형을 만들 수 있지만 이 자습서에서는 아래 크기를 따를 수 있습니다.

도구 모음에서 이동 도구를 선택하거나 V를 누릅니다 . 줄임표 아이콘을

클릭하여 Align To가 Canvas로 설정되었는지 확인합니다. 

그런 다음 아래 이미지에 표시된 정렬 설정을 클릭합니다.

사실적인 네온 조명 효과 튜토리얼 정렬

이제 직사각형이 캔버스 중앙에 완벽하게 배치되어야 합니다.

속성 패널 에서 채우기 견본을 클릭 하고 채우기를 제거합니다.

다음으로 획을 약 8픽셀로 만들어 사각형에 흰색 획을 추가합니다.

아이콘을 드래그하여 직사각형의 모서리를 약 66픽셀로 둥글게 만듭니다.

03단계 – 레이어 스타일을 적용하여 네온 글로우 만들기

직사각형 레이어의 측면을 두 번 클릭하여 레이어 스타일 창을 불러옵니다.

같은 것을 보고 있는지 확인하려면 FX 아이콘을 클릭하고 기본 목록으로 재설정하십시오.

먼저 Outer Glow를 추가하여 레이어가 빛나는 것처럼 보이게 합니다.

불투명도를 75%로 높입니다. 견본을 클릭하여 색상을 추가합니다.

이 경우 미리 결정된 값을 사용합니다.
색조를 200으로, 채도를 100으로, 밝기를 100으로 한
다음 확인을 누릅니다.

그런 다음 크기를 약 13픽셀로 늘리고 스프레드를 0으로 설정할 수 있습니다.

블렌딩 모드를 화면에서 선형 닷지 추가로 변경하여
배경에서 빛이 더 잘 나오도록 합니다.


글로우 효과를 강화하기 위해 다른 글로우를 추가하는 대신 Drop Shadow를 사용합니다.

혼합 모드를 곱하기에서 선형 닷지 추가로 변경하여 그림자 대신 광선을 만듭니다.

이전과 동일한 색상을 사용하고 채도는 100, 밝기는 100, 색조는 200으로 설정합니다. 

각도가 90으로 설정되어 있는지 확인하고 "전역 조명 사용" 상자를 선택 취소합니다.

불투명도를 100%로 높이고 빛나는 효과를 확인합니다.

다음으로 대기 조명 효과의 크기를 늘립니다.

광선의 크기를 250으로 늘리고 거리를 0으로 변경하고 스프레드를 15%로 변경합니다.

이렇게 하면 더 많은 대기 조명이 있는 듯한 착각이 생겨 전체적인 효과가 향상됩니다. 우리가 만든 조정에서 이 결과를 얻어야 합니다.

(+) 아이콘을 클릭하여 Drop Shadow 효과를 복제하고 설정을 조정합니다.
불투명도는 50픽셀까지, 크기는 90픽셀까지. 

사실적인 네온 조명 효과 튜토리얼 레이어 스타일

더 나은 효과를 만들기 위해 레이어 스타일을 쌓을 수 있으며 이는 보다 사실적인 빛을 만드는 데 도움이 됩니다.

네온 불빛과 벽돌 벽 사이에 공간의 환상을 만들기 위해 효과에 그림자를 추가합니다.

Drop Shadow를 복제하고 색상을 검은색으로 변경합니다.

혼합 모드를 곱하기로 변경하고 불투명도를 75%로 설정합니다.

거리를 35픽셀로 조정하고 약 21픽셀로 퍼뜨립니다. 

이 값을 가지고 놀면서 원하는 그림자 효과를 만들 수 있습니다.

사실적인 네온 조명 효과 튜토리얼 그림자

다음으로 Drop Shadow를 다시 복제하여 효과를 더욱 사실적으로 만듭니다.
각도를 -90px로 조정하고 불투명도를 60%로 조정합니다. 확인을 누릅니다. 

사실적인 네온 조명 효과 자습서 그림자 2

다음 단계를 위해 더 많은 공간을 작업할 수 있도록 Rectangle 레이어를 축소합니다.

직사각형 레이어 축소


04 단계 – 네온 텍스트 입력

가로 문자 도구를 활성화하고 글꼴을 선택합니다.

핸섬 이라는 Adobe 스톡 글꼴을 사용하겠습니다 .

텍스트 상자 외부에 텍스트 레이어를 생성했는지 확인하십시오.

텍스트 상자를 클릭하면 아이콘이 어떻게 변하는지 확인할 수 있습니다.

텍스트 상자를 만들거나 경로를 따라 입력하고 싶지 않습니다.

사각형에서 떨어진 곳에 "Neon"이라는 단어를 입력합니다.

Neon 텍스트를 선택한 상태에서 Properties 패널의 Character 아래에서 글꼴 두께를 346으로 변경하고 Bold를 Thin으로 변경하여 더 얇은 텍스트를 얻습니다.

캐릭터 아래의 속성 패널

그런 다음 키보드에서 V를 눌러 이동 도구를 활성화합니다.

Neon 텍스트를 제자리에 배치하거나 줄임표 아이콘을 클릭하여 이전과 동일한 트릭을 사용합니다.

캔버스에 정렬하고 중앙 버튼을 클릭하여 이미지를 중앙에 배치하십시오.

이 경우 약간 위로 드래그합니다.

05단계 – 사각형 마스크

다음으로 레이어 마스크를 만들고 브러시 도구로 이동합니다.


브러시 도구에 일반 원형 브러시, 경도, 흐름 및 불투명도가 100으로 설정되어 있는지 확인하십시오.

검은색을 사용하여 마스크를 칠하고 이 부분에서 일부 네온 사인을 숨깁니다.


키보드의 왼쪽 대괄호를 사용하여 브러시 크기를 줄이고 흰색을 전경색으로 만들어 네온 사인의 작은 세부 사항을 닦습니다.

 

06단계 – 레이어 스타일 복사 및 레이어 스타일 편집

그런 다음 Alt(Windows) 또는 Option(macOS)을 누른 상태에서 사각형의 레이어 스타일을 "Neon"이라는 단어로 복사하고 FX 아이콘을 텍스트 레이어로 클릭 앤 드래그합니다.

Photoshop은 텍스트에 동일한 효과를 적용합니다.


다음으로 텍스트를 빨간색으로 만들기 위해 몇 가지 조정을 합니다. 

외부 광선의 색상을 빨간색으로 변경하고 불투명도를 40%로 낮춥니다.

마지막 두 개의 Drop Shadow에서 주변 색상의 색상을 빨간색으로 변경합니다.

크기를 250픽셀로, 불투명도를 상단 그림자의 100%로 늘립니다.
크기를 50px로 변경하고 불투명도를 하단 그림자의 50%로 변경합니다.

확인을 누르고 레이어 스타일을 축소합니다.

조정을 적용한 후 이 결과를 얻어야 합니다.

Ctrl G(Windows) 또는 Command G(macOS)를 누르고 "Neon Sign"이라고 부르면 이 두 레이어를 그룹으로 묶어
모든 것을 정리할 수 있습니다.

배경 및 네온 사인 그룹을 보여주는 레이어 패널


07단계 – 연기/대기 레이어 생성

마지막으로 이미지에 분위기를 더해 더 사실적으로 보이게 합니다.

새 레이어를 만듭니다.


Filter > Render > Render Clouds로 이동합니다.

렌더링 구름은 전경색과 배경색을 기반으로 구름을 만듭니다.

우리는 구름과 더 많은 대조를 원합니다. 곡선 조정 레이어 또는 이와 유사한 것을 사용할 수 있습니다.

그러나 여기에 트릭이 있습니다. Filter, Render로 이동하고 Alt 키(Windows) 또는 Option 키(macOS)를
누른 상태 에서 Render Clouds를 다시 클릭하여 구름의 대비를 더 높입니다.

혼합 모드를 선형 닷지(추가) 로 변경합니다 .



색조/채도 조정 레이어를 추가합니다 . 연기/대기 레이어를 제어하려면 Ctrl Alt G(Windows) 또는 Command Option G(macOS)를


눌러 클리핑 마스크를 만듭니다 . 속성 패널에서 색상화 상자를 선택하고 색조를 203으로, 채도를 76으로, 밝기를 -82로 조정합니다.



가장 잘 작동한다고 생각하는 모든 값을 가지고 놀 수 있습니다.

Smoke / Atmosphere 레이어를 선택하고 Alt(Windows) 또는 Option(macOS) 키를 누른 상태에서 레이어 마스크 아이콘을 클릭하여 검은색 반전 마스크를 만들고 레이어의 모든 항목을 숨깁니다.


다음으로 브러시 도구가 활성화된 상태에서 브러시 크기를 늘리고 경도, 불투명도 및 흐름을 줄이고 이 마스크의 일부 연기를 다시 흰색으로 칠합니다.

이 대기 효과는 바 밖의 연기 또는 안개 낀 밤을 통해 네온 사인에서 방출되는 빛의 환영을 판매하여 더욱 사실적으로 보이게 합니다.

Shift 키를 누른 상태에서 상단 및 하단 레이어를 클릭하고 마우스 오른쪽 버튼을 클릭하고 스마트 개체로 변환을 선택하여 모든 것을 스마트 개체로 포함합니다.


08단계 – Camera Raw 조정 적용

Camera Raw 조정을 적용하여 이미지를 돋보이게 만드십시오! 필터
로 이동하여 Camera Raw 필터 를 선택합니다 .

여기에서 온도를 낮추어 좀 더 차갑게 보이게 하고, 대비를 높이고, 그림자와 하이라이트를 조정하여 이 이미지를 더욱 드라마틱하게 만들 수 있습니다.

효과 패널에서 비네팅 슬라이더를 줄여 해당 네온 사인에 집중할 수 있도록 합니다.
질감을 더하기 위해 약간의 곡물을 추가할 수도 있습니다.


기본 패널에서 활기를 높여 채도가 낮은 픽셀의 채도를 높일 수도 있습니다.

색상 혼합기에서 개별 색상을 조정하여 원하는 효과를 얻고 확인을 누릅니다.

마지막으로 네온 사인 브래킷을 추가하여 마지막 단계를 진행합니다.

스마트 오브젝트 축소판을 두 번 클릭하면 새 문서 탭이 열립니다.

디자인을 조정할 수 있으며 스마트 오브젝트에서 업데이트됩니다.


09단계 – 네온사인 괄호 만들기

네온 사인에 금속 브래킷을 추가하면 디자인에 현실감과 깊이를 더할 수 있습니다. 

도구 모음에서 타원 도구를 선택합니다 .

네온 사인보다 약간 큰 원을 만듭니다.

레이어 측면을 두 번 클릭하고 Bevel and Emboss 효과를 추가합니다.

Global Light를 선택 취소하고 원하는 대로 윤곽선을 조정하십시오.

윤곽선을 추가하고 깊이와 크기를 조정합니다.

금속 질감을 추가하고 사용 가능한 패턴 중에서 선택합니다.

색상 오버레이를 추가하고 색상을 어두운 회색으로 변경할 수 있습니다.

질감의 깊이를 조정하여 더 금속처럼 보이게 하고 원하는 결과를 얻습니다. 레이어 스택에서 레이어를 아래로 이동하려면 Ctrl [


키를 누른 상태에서 네온 사인 뒤에 브래킷을 놓습니다 .

브래킷을 원하는 위치에 놓고 Alt 키를 누른 상태에서
아래 또는 오른쪽으로 드래그하여 복제합니다.


원하는 대로 브래킷을 계속 복제하고 배치합니다.

완료하려면 Ctrl + S를 눌러 저장하고 작업 문서로 돌아갑니다.

Camera Raw 필터 조정이 최종 이미지에 적용됩니다.

그리고 그게 다야! Photoshop에서 현실적인 네온 텍스트 효과를 만드는 방법을 성공적으로 배웠습니다. 레이어 스타일, 색상 및 설정을 실험하여 독특하고 시각적으로 멋진 디자인을 만듭니다. 훌륭한 디자인을 만드는 비결은 재미있고 창의적이라는 점을 기억하세요!