• SEARCH

    통합검색
  • GAMEZONE
    • 커뮤니티
      • 공지사항
      • 유저게시판
        • 등업게시판
        • 출석체크
        • 정회원 무료자료실
      • 스크린샷
      • 인증자료실
    • 리니지
      • 게임공략 & 팁
      • 홍보게시판
      • 유틸자료실
      • 소스자료실
      • 자유게시판
      • 노하우 게시판
    • 메이플스토리
      • 게임공략 & 팁
      • 홍보게시판
      • 유틸자료실
      • 소스자료실
      • 자유게시판
      • 노하우 게시판
    • 바람의나라
      • 자유게시판
      • 홍보게시판
      • 자료게시판
        • 유틸자료실
        • 소스자료실
        • 클라이언트
        • 팩 자료실
      • 연구게시판
        • 개발내역
        • 질문과답변
        • 기타
      • 강의게시판
        • DR
        • CR
        • 구버전
        • 클라이언트 개조
        • 노하우 게시판
        • 게임공략 & 팁
    • 다크에덴
      • 게임공략 & 팁
      • 홍보게시판
      • 유틸자료실
      • 소스자료실
      • 자유게시판
      • 노하우 게시판
    • 믹스마스터
      • 게임공략 & 팁
      • 홍보게시판
      • 유틸자료실
      • 소스자료실
      • 자유게시판
      • 노하우 게시판
    • 라그나로크
      • 게임공략 & 팁
      • 홍보게시판
      • 유틸자료실
      • 소스자료실
      • 자유게시판
      • 노하우 게시판
    • 기타게임
      • 게임공략 & 팁
      • 홍보게시판
      • 유틸자료실
      • 소스자료실
      • 자유게시판
      • 노하우 게시판
    • 게임강의
    • 비베&포토샵
      • 자유게시판
      • 자료실
        • 일반자료실
        • 포인트 자료실
      • 노하우게시판
      • 포토샵게시판
    • 모바일
      • 게임공략
      • 포인트 자료실
      • 유틸자료실
      • 자유게시판
  • 비베&포토샵 포토샵게시판
    • 비베&포토샵 포토샵게시판 ()
    • 네온사인 효과 만들기

      • 칸쵸
      • 2017.02.04 - 22:53 372

    Adobe 포토샵 강좌 네온사인 효과 만들기

     

    이번 포토샵강좌에서는 많이 접해보셨을법한 네온사인 효과에 대해 알아보려고 합니다.

    아주 오래전에 유명했던 효과인데 최근 들어서 다시 많이 사용되고 있더라고요. 패션에도 복고풍이 있듯이 이런 효과들도 유행이 돌고 도나 봅니다.

    간단하게 공간감을 표현하고 기본적인 이펙트를 활용해서 네온사인 효과를 만들어보는 시간을 가져보도록 하겠습니다. 

    ​

    ​

     

    먼저 좌측 이미지와 같은 벽돌 원본 이미지를 준비합니다. 그런 다음 우측처럼 흑백으로 표현을 해줄 텐데요.

    흑백으로 변경해주는 방법은 참 다양한데요. 저는 바로 밑에 회색 컬러를 입혀주고 벽돌 이미지를 블렌딩 모드 Luminosity를 사용해서 해봤습니다.

    여러분들은 쉽게 Image > Adjustmetn > Desaturate를 사용하시면 됩니다.   

    ​

    ​

     

    벽돌 이미지를 잘 만들어놓고 해당 레이어를 계속 복사하여 상, 하, 좌, 우 면을 만들어줍니다.

    이때 Free Transform을 이용하여 투시에 맞게 잘 조절하여 입체적인 공간이 되도록 해줍니다.

     

     

    ​

     

    이렇게 해서 총 5개의 면을 만들어주었는데요. 각 면마다 Inner shadow로 모서리 부분을 어둡게 처리하면 더욱 공간감이 살아난답니다.

    마치 컴컴한 지하실을 표현한 것 같죠?  굳이 3D 프로그램을 활용하지 않고도 충분히 포토샵으로 이런 스타일의 이미지는 만들어낼 수 있답니다.
     

    ​

    ​

     

    그다음은 가운데 벽면에 표현하고 싶은 글씨를 입력해줍니다. 폰트 종류는 나눔바른펜으로 해주시면 자연스럽답니다.

    저는 티슈의 포토샵 강좌와 영문을 작성해보았는데요. 아직은 어떻게 표현될지 궁금하시죠?

     

    ​

    ​

     

    해당 글씨 레이어를 선택한 후 오른쪽 마우스 버튼을 눌러 Blending Options를 선택해서 Outer Glow 효과를 추가해줍니다.

    Outer Glow 효과를 주게 되면 글씨 주변에 내가 선택한 컬러가 약간 번지듯 은은한 효과가 나타나는 것을 보실 수 있습니다.

    네온사인 효과에 가장 기본이 되는 부분이죠.

     

     

    ​

    ​

     

    그런 다음 입체감을 좀 더 주기 위해서 Drop Shadow 효과를 추가합니다. 수치를 조절하면서 네온사인이 약간 벽과 떨어지도록 적절하게 조절해줍니다.

    정말 아주 기본적인 기능들만 다루니 중간중간 어렵지는 않으시죠?

    ​

    ​

     

    그런 다음 조금 더 빛이 퍼져 보이도록 만들어 줄 텐데요.

    이번에는 글씨 위에 새로운 레이어를 만들어서 푸른빛이 감도는 컬러로 글씨 있는 영역에만 문질러 줍니다.

    브러시로만 칠해주니 약간 부자연스러운데요. 다음 스텝을 꼭 진행해주셔야 합니다.

     

    ​

    ​

     

    브러시로 칠한 레이어를 선택한 후 블렌딩 모드에서 Overlay를 체크해주고 투명도를 60% 정도로 조절해주세요.

    조금 더 자연스러운 네온사인 효과를 볼 수 있죠? 정말 빛이 들어온 것 같이 느껴지네요.

     

     

    ​

    ​

     

    그다음으로는 글씨 밑으로 검은색 지지대를 그려주어서 조금 더 자연스러운 상황을 연출해줍니다.

    여기에 전선과 코드까지 그려서 넣어주거나 합성을 한다면 더욱 감쪽같겠죠.

    그려준 지지대에도 똑같이 Drop Shadow를 통해 그림자를 살짝 넣어줍니다.

     

    ​

    ​

     

    드디어 완성!

    포토샵으로 만들어보는 네온사인 효과 그리 어렵지 않죠?
    Outer glow와 Drop Shadow 효과만 잘 이용하면 충분히 잘 표현해 낼 수 있습니다. 공간감을 내기 위해서 벽돌 이미지로 면을 채워보는 것도 신기하셨나요? 3D MAX 같은 프로그램으로 모델링한 것처럼 감쪽같은데요. 표현하고자 한다면 못할게 없다는 것을 항상 보여주고 싶은 티슈입니다.

    그럼 여러분도 티슈가 소개한 방법으로 쉽고 빠르게 네온사인 효과 만들어보시길 바랄게요.

    Attached file
    MDAxNDgzODI5NzU0ODE5.-YLMDZ2SQdBJtYV_CxXMWhHH9X9WdTDsvJzc3HemAXgg.MnBQHLzJiXckFs-wyYJHT8NzJslpCv7nAP5jp1wGBcAg.JPEG 370.7KB 0MDAxNDgzODI5NzU1MDA0.YuVjlN8Gc1diXaC6i89WrgAX-6dTeKkGsDxHY5d9wjMg.FS0HCq7wwcCDeKZBfy5WRumoOKvyyHWLEwURuaNe5LAg.JPEG 223.6KB 0MDAxNDgzODI5NzU1MTI5.m2VlFI0F7l3sN1aXDFsv3UOmV2K_auqMPUdaS_bQDzwg.BxoSFGa2cDTiHR5uf6VNMljMXXsZx1YZtoXjGOz6r5cg.JPEG 350.2KB 0MDAxNDgzODI5NzU1MzQx.PmgA4Rkp9ZhMHK8zfJFClGq95NPpXkGk-y2oj6HW3jAg.NU_ZHK1B6_VOgXon42XYWh9RC0nAoWk5A_kSzbGXX7kg.JPEG 370.1KB 0MDAxNDgzODI5NzU1NDc0.r5NAztB0G0KgP89ODjW5ZJGvSt39M0RKnc_6jRoOOIwg.FqFYG34fcdzOvkAp5S9udrVapjbqftRg87aVMoVRaGUg.JPEG 360.3KB 0MDAxNDgzODI5NzU1NjA0.GBsgY4Hx1wgRKcBKFvTDkbeYrTrTy35RzMNCtIlZ0M0g.w_Kr0SlNfZ4mHi5Jrn7jGHza6SWXOUdTFKvmdZnsCAMg.JPEG 369.8KB 0MDAxNDgzODI5NzU1NzIz.9toteO0JHyj5YYGlLC9R5G0sfIX_C7eoEv8zQ56F-Isg.ve0ehjDU8TDwzDPhbKmj-M9EI3FU0mezS8F55dsCptwg.JPEG 375.4KB 0MDAxNDgzODI5NzU1ODMw.J2XDXquvIXB37rsLmJLWrsAZ5NFr-Ky8rDpegy6rlcYg.WFJkAFPUr2SvcD9DfLF8wXFrPUnGl5ru56eBaSoV6Pwg.JPEG 487.9KB 0MDAxNDgzODI5NzU2MDA4.F869CsYfvLafOaM_XzAZDahLWeXyBLeUxY32oxqguJUg.7yJX_TF98Vz2A6-ifxOJ3EBHiqMaUl59V8_mn09CCw0g.JPEG 425.2KB 0MDAxNDgzODMzMzk0MDgx.wcCE_h3JzaeSjL6fke2Hv-YzzFk1Hm1QDNHVnCGak9kg.5uH9agEvhrUU_ZTVM2YBwJ7QLuyIE69BsuEIT2_xTZQg.JPEG 496.0KB 0
    이 게시물을..
    N
    0
    0
    • 연기, 쉐이드 합성 완성예시짜르쭈웅
    • 0
      칸쵸

    칸쵸 님의 최근 글

    니스클라2 23 2 2017 04.05 니스서버 클라 38 1 2017 04.05 글자에 사진넣기 28 2017 02.04 역광 사진 보정하기 31 2017 02.04 스피드하고 역동적인 효과내는 방법 77 2017 02.04

    칸쵸 님의 최근 댓글

    작성 댓글이 없습니다.
    글쓴이의 서명작성글 감추기 
    댓글 쓰기 에디터 사용하기 닫기
    • view_headline 목록
    • 14px
    • 연기, 쉐이드 합성 완성예시
    • 목록
      view_headline
    × CLOSE
    기본 (192) 제목 날짜 수정 조회 댓글 추천 비추
    분류 정렬 검색
    192
    포토샵 5강
    harma 2023.12.31 - 02:54 51
    191
    포토샵 4강
    harma 2023.12.31 - 02:53 15
    190
    포토샵 3강
    harma 2023.12.31 - 02:53 17
    189
    포토샵 2강
    harma 2023.12.31 - 02:52 25
    188
    포토샵 1강
    harma 2023.12.31 - 02:51 43
    187
    단축키
    psjump 2023.09.08 - 09:32 37
    186
    단축
    psjump 2023.09.08 - 09:32 23
    185
    작업툴 단축키
    psjump 2023.09.07 - 02:58 35
    184
    설정 메뉴
    psjump 2023.09.04 - 02:50 25
    183
    만들기 메뉴
    psjump 2023.09.04 - 02:49 29
    182
    색상조정
    psjump 2023.09.04 - 02:49 24
    181
    편집 메뉴
    psjump 2023.09.04 - 02:49 28
    180
    파일 메뉴
    psjump 2023.09.04 - 02:48 25
    179
    포토샵 강의 7강 - 자연스럽게 사람/사물 옮기기
    하북이 2021.06.05 - 19:05 142
    178
    포토샵 강의 6강 - 개체지우기
    하북이 2021.06.05 - 19:03 52
    177
    포토샵 강의 5강 - 자연스럽게 사진 합치기 / 이미지 합치기
    하북이 2021.03.22 - 02:04 182
    176
    포토샵 강의 4강 - 초간단 얼굴 합성하기!
    하북이 2021.03.22 - 02:03 78
    175
    포토샵 강의 3강 - 노란끼 빼기 / 색보정
    하북이 2021.03.21 - 00:44 1407
    174
    포토샵 강의 2강 - 어두운 사진 밝게 보정하기!
    하북이 2021.03.21 - 00:43 61
    173
    포토샵 강의 1강 - 복잡한 사진 / 머리카락 이미지 따기!
    하북이 2021.03.21 - 00:42 85
    172
    포토샵 없이 누끼 쉽게 따기
    더기덕이 2021.03.19 - 11:56 41
    171
    채도,채널 색상조절 연습용 레이어파일
    짜르쭈웅 2021.01.19 - 09:05 44
    170
    복서 이미지 psd
    짜르쭈웅 2021.01.19 - 09:04 61
    169
    캘린더 표지이미지 모음
    짜르쭈웅 2021.01.19 - 09:00 45
    168
    캘린더 완성예시
    짜르쭈웅 2021.01.19 - 08:58 31
    167
    달력표지 연습용 psd
    짜르쭈웅 2021.01.19 - 08:57 34
    166
    역광효과 완성예시
    짜르쭈웅 2021.01.19 - 08:56 46
    165
    역광효과 연습용 사진
    짜르쭈웅 2021.01.19 - 08:55 45
    164
    포토샵 호환되는 일러스트레이션 아이콘 모음(소셜)
    짜르쭈웅 2021.01.18 - 08:53 48
    163
    문자합성, 폰트 꾸미기 예시
    짜르쭈웅 2021.01.18 - 08:41 58
    162
    폰트문자를 위한 종이,누끼용 이미지
    짜르쭈웅 2021.01.18 - 08:36 30
    161
    리터칭 연습용 사람얼굴,순서 txt
    짜르쭈웅 2021.01.18 - 08:33 67
    160
    종합예제(벽,채도,채널,상자)활용 완성예시본
    짜르쭈웅 2021.01.18 - 08:30 41
    159
    상자 텍스쳐들 psd
    짜르쭈웅 2021.01.16 - 23:42 37
    158
    배경합성용 벽 텍스쳐모음
    짜르쭈웅 2021.01.16 - 22:31 50
    157
    배경합성(명암,채도) 흰공간 이미지
    짜르쭈웅 2021.01.16 - 22:27 29
    156
    배경합성(톤조정) 완성예시
    짜르쭈웅 2021.01.16 - 22:00 25
    155
    배경합성용, 톤조정(채널) 이미지
    짜르쭈웅 2021.01.16 - 21:54 32
    154
    종합예제용 이미지 기본, 완성예시
    짜르쭈웅 2021.01.16 - 08:40 44
    153
    잡티제거(브러쉬) 완성예시
    짜르쭈웅 2021.01.16 - 08:37 32
    152
    포토샵 폰트아트용 ttf
    짜르쭈웅 2021.01.16 - 08:35 38
    151
    포토샵 패턴, 모자이크용 psd파일
    짜르쭈웅 2021.01.16 - 08:33 44
    150
    디스플레이스 완성예시
    짜르쭈웅 2021.01.16 - 08:32 39
    149
    디스플레이스용 포토샵 이미지 레이어파일
    짜르쭈웅 2021.01.14 - 07:17 37
    148
    힐톤패턴 완성예시
    짜르쭈웅 2021.01.14 - 07:14 28
    147
    포토샵 힐톤패턴용 이미지
    짜르쭈웅 2021.01.14 - 07:12 28
    146
    망점효과 (그라데이션 예시)
    짜르쭈웅 2021.01.14 - 07:11 29
    145
    포토샵 망점효과용 이미지(폰배경용)
    짜르쭈웅 2021.01.14 - 07:10 36
    144
    연기, 쉐이드 합성 완성예시
    짜르쭈웅 2021.01.12 - 10:49 44
    143
    패턴, 모자이크 psd
    짜르쭈웅 2021.01.12 - 10:48 35
    • 1 2 3 .. 4
    • / 4 GO
  • GAMEZONE
 GAMEZONE all rights reserved.
by OrangeDay