본문 바로가기
디자인/디자인 관련 자료

Ps 디자인할 때 유용한 네온사인 효과 만들기!

by 한을 2023. 1. 7.
반응형

 

 

안녕하세요. 오늘은 디자인할 때 유용하게 쓰이는 네온사인 효과를 알려드리려고 합니다.

실무에서 이벤트 페이지나 썸네일을 제작할 때 쓰이는 방법 중 하나이며 

어렵지 않아 쉽게 따라하실수 있으실 겁니다.

 

 

     01.  

배경 이미지를 고른 후 Ctrl + J를 눌러 하나 더 복사해 주세요.

 


     02.

아래 반달모양을 선택해 단색(Solid color) 선택 후 검은색으로 변경해 주세요.

 

그 후 상단 불투명도(Opacity)를 조절해 배경이 어느 정도 보이게 설정해 줍니다.

 


     03.

다시 아래 반달모양을 선택해 그라디언트(Gradient)를 선택 후 색상을 좌측 우측 둘 다 검은색으로 변경해 줍니다.

 

그리고 스타일을 방사형으로 선택하고 반전에 체크해 줍니다. 

* 비율로 원하시는 느낌이 나도록 수정해주면 좋습니다

 


     04.

배경 위에 폰트를 적어줍니다.

 

(사용한 폰트 사이트)

https://fontmeme.com/ktype/beon-font/


     05.

폰트를 그룹화시키고 NEON 글씨를 복사해 줍니다.

 


     06.

 

기존 NEON 글자에 [필터(filter)] - [흐림 효과(blur)] - [가우시안 흐림(gaussian blur)] 들어가서 

반경 10~ 20 사이로 조절해 줍니다.

* (ps design) 밑에 글자도 똑같이 적용해주면 됩니다.

 


     07.

복사한 NEON 글자 오른쪽 빈 공간을 더블클릭하여 위에 이미지와 같이 스타일을 자연스럽게 보정해 줍니다.

 

 


     08.

보정한 네온사인에 선을 나타내기 위해 펜툴로 글씨를 따라 그려주고

레이어를 글자 맨 아래로 옮겨줍니다.

 


 

     09.



펜툴로 그린 선도 6, 7번과 똑같이 효과를 적용해 줍니다.

 


     09.

레이어를 하나 더 만들어 주고 브러시로 불투명도를 55% 정도 맞춰 글씨를 덮어줍니다.

그 후 레이어를 소프트 라이트로 변경해 줍니다.

 


     09.

레이어 전체를 그룹화시켜 복사해 준 후 Ctrl + M(커브)로 색감을 조정해 줍니다.

 

 

완성

 

 

 

반응형

댓글