10분만에 뚝딱 만드는 화려한 포토샵 네온효과 강좌 (원본소스 포함)

 

 

 

 

 

 

 

은은하게 빛나는 텍스트 네온사인 효과 만들기

 

 

오늘은 디자인작업에 자주 사용되는 포토샵 네온 효과에 대해 알아보겠습니다. 네온효과는 어두운 배경에서 주변부위가 은은하게 빛나게 하는 효과인데요. 멋진 결과물에 비해 생각보다 간단하게 제작이 가능합니다. 초보자도 쉽게 따라 하실 수 있으니 포기 하시지 말고 끝까지 진행해보세요.

 

아래 준비물을 미리 다운 받으시고 강좌를 봐주세요. 혹시 네온효과 원본만 필요하시다면 포스팅 하단에 소스 올려놓도록 하겠습니다.

 

 

네온효과 강좌 준비물

 

 

 

 

 

 

 

 

 

STEP 1

 

700X500 픽셀의 새문서를 만듭니다. 배경레이어를 더블 클릭하여 스타일창에서 그라데이션 수치를 아래와 같이 입력합니다.

 

 

 

 

 

 

 

 

STEP 2

 

기본 배경에 나무 질감을 넣어보도록 하겠습니다. 준비물중 우드이미지를 불러온후 CTRL+T 변형툴을 이용하여 사이즈를 조절해주세요.  레이어창 위에 Blending Mode를 Soft Light로 변경해주세요. 저는 채도를 좀 낮쳐서 자연스럽게 만들었습니다. CTRL+U를 눌러 원하는 채도로 조정해주세요.

 

 

 

 

 

 

 

 

 

STEP 3

 

텍스트를 입력해 보겠습니다. 다운받은 폰트를 설치후 원하는 글자를 입력한후 아래와 같이 스타일을 적용해주세요. 입력수치는 글자크기에 따라 조금 차이가 날수 있습니다. 상황에 맞게 조금씩 조정해보세요. 

 

이미지를 클릭하면 큰이미지로 보실 수 있습니다.

 

 

 

 

 

 

 

 

네온 색상은 #2e55db입니다.

 

 

네온 색상은 #2e55db입니다.

 

 

하늘색 색상은 #d8fofa입니다.

 

 

 

 

 

 

 

FINAL

 

총 작업시간은 10분정도로 아주 간단한 네온효과 강좌였습니다. 해보니 별거 없다고 생각하실지 모르지만 작업시간에 비해 활용도는 매우 높습니다. 작업한 소스는 스타일 복사로 재사용이 가능하니 저장해두셨다가 나중에 필요할때 사용해보세요.

 

 

 

 

 

 

 

 

 

 

 

<관련글>

2013/05/06 - 차별화된 포토샵 PSD 이력서 양식으로 인사담당자의 눈길을 사로잡자

2013/04/23 - 작업시간을 절약해주는 포토샵 CS6 단축키 키보드 시트

2013/04/01 - 10분만에 뚝딱! 포토샵 유리효과을 이용한 워터마크 만들기 강좌

2013/03/20 - [ 포토샵 우드 텍스쳐 ] 디자인 배경에 활용도 높은 사실적인 나무질감 무료 이미지

2013/01/29 - [ 포토샵 명함 디자인 ] 독특한 느낌의 하이퀄리티 무료 비지니스 카드 템플릿 15종

2013/01/14 - [ 포토샵 스트라이프 패턴 ] 배경이미지 제작에 유용한 스트라이프/도트/줄무늬 패턴 모음

2013/01/02 - [ 포토샵 배너 소스 ] 클릭을 유도하는 하이퀄리티 이벤트 배너 포토샵 PSD 모음

이 글을 공유하기

댓글(12)

  • 2013.05.23 11:58 신고

    우와~! 좋은 정보 감사합니다^*^
    찾던 포토샵과 일러 강좌가 모여있으니 앞으로 많이 배워갈듯합니다~
    오늘 좋은 하루 되세요^^

  • 2013.05.25 21:09

    안녕하세요^^ 웹디자인에 관심이 많은데 돔되는 자료가 많네여^^ 앞으로 자주 뵙겠습니다~

    • 2013.05.27 16:03 신고

      ^^ 블로그 만든 취지가 웹디자이너에게 오픈소스를 제공하기 위해 만들었습니다. 아직은 자료수가 그렇게 많이 있지는 않지만 자주 방문 하실수 있도록 지속적으로 올려드리겠습니다. 많은 관심 부탁드려요~~

  • 구브
    2013.06.05 19:31

    오홋! 좋은 정보네용 ㅎㅎ

    포멧하여 즐겨찾기가 사라져 겨우 찾아왔네용 ㅎㅎ

    • 2013.06.07 08:49 신고

      앗...구브님..요즘 왜 안오시나 했는데..그런 사정이 있으셨군요. ㅋㅋㅋ 즐겨찾기 다시 꼭 해주세요~

  • Yang
    2013.07.26 12:33

    으? 폰트다운이 안되네요 어떻게 하는건가요 ㅠ

    • 2013.07.26 16:20 신고

      어이쿠..죄송합니다.. 링크가 연결이 안됬네요.. 수정했구요..
      혹시 안되시면 http://www.dafont.com/neon.font
      주소 복사해서 다운 받으시면됩니다.~

  • klinge
    2014.12.07 10:36

    감사합니다~ 좋은것배웟습니다. 유용하게쓸게요

  • HEE
    2015.07.17 14:39

    넘 배우기 싶게 올려주셔서 감사합니다 정말 많은 도움이 되네요... 감사합니다

Designed by JB FACTORY