백그라운드에 벽 질감 텍스쳐를 활용하여 좀 더 실감나는 네온사인 효과를 내 보겠습니다.

Neon Style Effect

Final Result

Step 1

먼저 벽 질감 텍스쳐를 다운받고 강좌를 따라해주세요. cgtextures에 간단하게 회원가입을(이메일인증) 하신 후,

 벽질감 텍스쳐 다운로드를 하시면됩니다. 

Step 2

텍스쳐를 복제를 하세요.  블랜딩모드를 Multiply로 지정한 후 Opacity를 50%로 줄여주세요.

Step 3

레이어팔레트 하단에 adjustment Layer > Hue/Saturation을 열고 위 그림처럼 채도와 밝기를 낮춰서 어둡게 만들어줍니다.

네온사인이라 밤 분위기에 네온 빛으로 벽 이미지가 보이게 되겠죠.

Step 4

새 레이어를 생성하고 전경색 검정색 / 배경색 흰색으로 설정한 뒤, Filter > Render > Clouds를 선택합니다.

Step 5

Clouds를 설정한 레이어의 블랜드모드를 Color Dodge로 지정하고 레이어 하단에  Layer Mask를 클릭하여 마스크를

생성하세요. 전경색이 검정색을 선택한 상태에서 소프트브러시로 레이어 마스트 외곽부분에 칠해줍니다.

위 그림에서와 같이 네온사인이 들어갈 가운데부분만 빛이 형성시키기 위함입니다.

Step 6

네온으로 사용할 폰트나 로고를 입력합니다.  강좌에 사용된 폰트를 사용하시려면 Neon Font를 다운받아서 설치 후

강좌를 따라하시기 바랍니다. 전 폰트 사이즈는 130pt Bold 입니다.

Step 7

저희 로고 마크를 넣어봤습니다. 두 레이어를 선택하고 합쳐줍니다. Ctrl+E . 그리고, 레이어 이름을 입력해줍니다.

Step 8

폰트와 로고 컬러를 넣어주세요.  #38c1f5 . 폰트는 입력시 컬러를 넣어주면 되는데요. 로고의 경우 위 그림처럼 Lock Transparent Pixels를

클릭하여 레이어를 잠그고 컬러를 채워주면(Ctrl+Delete, Alt+Delete) 투명한 레이어부분 외에 컬러가 채워지게 됩니다. 

컬러를 채워준 후 잠금을 풀어주세요

Step 9

레이어 마우스 우클릭하여 나타나는 메뉴에 Convert to Smart Object를 클릭하여 오브젝트화 시켜줍니다.

Step 10

다음, 레이어를 복제해주세요. Ctrl+J . 원본을 선택한 후 Filter > Blur > Gaussian Blur 10pixel를 선택해줍니다.

Step 11

이번에는 복제한 레이어를 선택하고 Fill 값을 0%로 만들어줍니다. 다음 레이어 스타일을 적용하기 위해 레이어를 더블클릭하여 Layer Style 창을 열어주세요.

위 그림처럼 적당한 치수를 입력해주세요. # 폰트나 로고의 크기에 따라 치수가 달라질 수 있습니다.

빨간박스에 체크해제한 이유는 Angle 각도를 다른 효과와 중복되지 않게 독립적으로 사용할 때 체크를 해제해 주시면 됩니다. 

위 그림과 비슷한 효과가 나왔나요? 결과물을 보고 레이어 스타일을 조금씩 조정하여 원하는 느낌을 뽑아보세요.