태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

HANNA


Tutorial I2009.12.11 00:00

Neon Style Effect

네온사인 문자 효과 (원문 작성자 : 뉴웹픽코리아 KS JADE)

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





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 각도를 다른 효과와 중복되지 않게 독립적으로 사용할 때 체크를 해제해 주시면 됩니다.










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






본 강좌는 뉴웹픽코리아의 튜토리얼에서 발췌된 것으로서 네이버카페 "포완카" 에 정식 게제 되는 강좌입니다. 개인소장 외의 무단불펌은 금지합니다. 











Posted by Hanna.Kim

티스토리 툴바