포토샵으로 네온사인 효과 만들기
포토샵 네온사인 효과 만들기
포토샵으로 빛나는 글씨, 네온사인 효과를 내는 방법을 알아 봅시다. 더불어 만들어진 네온사인의 색상을 간단하게 바꾸는 방법까지 알아보겠습니다.
배경 사진을 불러옵니다. 나무 벽면인데 조금 밝군요. 어둡게 만들어 주도록 하겠습니다.
레이어창 밑에 있는 동그란 버튼을 눌른 후 "Exposure"를 눌러주세요.
Exposure 값과 Gamma Correction 값을 수정해서 사진을 어두침침하게 바꿔 줍니다.
배경 분위기를 다 바꿨다면 네온사인 효과를 줄 글씨를 적어줍니다. 그리고 맨 위에 로고도 그려주었스니다. 그리고 오른쪽 레이어 창에서 글자 레이어를 선택해 줍니다.
글자 레이어가 선택된 상태에서 Layer > Rasterize > Type을 클릭합니다. 텍스트를 이미지 파일로 변환하는 기능입니다. (텍스트 레이어 위에서 마우스 오른쪽 버튼을 눌러서 "Rasterize Type"을 누르셔도 됩니다.)
이미지화 된 텍스트 레이어의 앞 부분(빨간색으로 체크된 부분)을 Ctrl을 누른 상태에서 마우스로 클릭해 주세요. 그러면 글자 전체가 선택되어 집니다.
그 다음 Select > Modify > Contract 를 눌러주세요.
Contract의 설정값을 적당히 줍니다. 저는 5pixels를 주었는데 이미지의 크기에 따라서 조절하시면 됩니다.
그러면 화면처럼 선택영역이 균일적으로 줄어들게 됩니다.
그 상태에서 "Del"키를 눌러서 선택된 이미지 부분을 삭제해 줍니다. 그러면 글씨의 가운데가 비어진 라인으로 된 글씨가 됩니다. (네온사인 효과를 주기위해서는 글씨가 얇아야 하기 때문에 이 작업을 하였습니다.)
로고 이미지도 동일한 방식으로 안쪽을 지워 주었습니다.
그 다음 본격적으로 네온사인 효과를 주기 위해서 레이어창 밑에 있는 fx버튼을 눌러서 "Outer Glow"를 클릭합니다.
"Outer Glow"는 글씨의 바깥부분에 번지는 효과를 주는 기능입니다. 맨 위의 Blend Mode를 "Normal"로 맞춰주시고 설정값을 위와 맞춰주세요. 색상 부분은 원하시는 색상으로 변경하시면 됩니다. (작업하시는 이미지의 크기에 따라 설정값이 다를 수 있습니다. 이미지를 보시면서 작업해 주세요.)
그 다음은 "Inner Glow"를 선택하고 위 설정에 맞춰주세요. "Inner Glow"는 글씨 안 쪽에 색상을 번지게 만들어주는 기능입니다.
그 다음은 "Drop Shadow"를 클릭해서 그림자를 주겠습니다. 그림자 색상은 위에서 선택한 색상보다는 조금 밝은 색상으로 하시면 효과가 좋습니다.
레이어 하나의 네온사인 효과가 완료되었습니다. 작업한 레이어스타일을 복사해서 나머지 레이어에 복사하도록 하겠습니다. 네온사인 스타일이 적용된 레이어 위에서 마우스 오른쪽 버튼을 눌러서 "Copy Layer Style"을 클릭합니다.
그리고 나머지 레이어 위에 마우스 오른쪽 버튼을 누르고 "Paste Layer Style"을 클릭해서 레이어 스타일을 복사해 줍니다.
나머지 글자에도 레이어스타일이 적용된 모습입니다. 이제 만들어진 네온사인의 색상을 바꿔보도록 하겠습니다. 원래 일일히 레이어 스타일에서 색상을 바꾸어 주어도 됩니다만 한꺼번에 색상을 바꾸는 방법을 알려드리겠습니다.
색상을 바꾸려는 레이어를 그룹으로 지정합니다. 레이어를 선택한 다음 Ctrl+G를 누르면 그룹으로 지정이 됩니다. (한 개의 레이어도 그룹지정이 가능합니다.)
그리고 그룹 지정된 레이어를 선택하고 동그란 버튼을 눌러 "Hue/Saturation"을 클릭해 주세요.
빨간색 체크된 버튼을 꼭 눌러주세요. 바로 아래 레이어에만 설정이 적용되게 하는 버튼입니다. 그리고 "Hue"의 값을 조정해서 색상을 바꾸시면 됩니다.
"Hue/Saturation" 설정은 레이어로 생성됩니다. 위치를 마우스로 끌어다가 옮길 수 있기 때문에 혹시나 Group레이어 아래로 설정이 내려갔다면 위로 올려주시면 됩니다. 색상 수정이 필요한 경우 더블클릭을 하시면 다시 작업도 가능합니다.
마찬가지로 로고 뿐만 아니라 tutorials 글자도 색상을 바꿔주었습니다. 네온사인 효과 배워보시고 멋진 이미지에 활용해 보세요. ^^
추가로 조금 더 강렬한 네온 효과를 만드시려면 아래의 포스팅에서 확인해 보세요.
2019/02/19 - [디자인 정보/포토샵 강좌] - 포토샵으로 네온사인 효과 만들기
댓글