사이트 로그인
2017.02.04 20:53
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 같은 프로그램으로 모델링한 것처럼 감쪽같은데요. 표현하고자 한다면 못할게 없다는 것을 항상 보여주고 싶은 티슈입니다.
그럼 여러분도 티슈가 소개한 방법으로 쉽고 빠르게 네온사인 효과 만들어보시길 바랄게요.
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
42 |
눈동자색바꾸기
![]() | 칸쵸 | 2017.02.04 | 20 |
41 |
브러쉬로 형광펜효과 만들기
![]() | 칸쵸 | 2017.02.04 | 213 |
40 |
잡티 많은 피부 보정하기
![]() | 칸쵸 | 2017.02.04 | 25 |
39 |
예쁜글씨 만들기
[1] ![]() | 칸쵸 | 2017.02.04 | 73 |
» |
네온사인 효과 만들기
![]() | 칸쵸 | 2017.02.04 | 370 |
37 |
필요없는 부분 제거하기
![]() | 칸쵸 | 2017.02.04 | 83 |
36 |
포토샵이 없을때! 웹기반, 막강 이미지 편집툴 Pixlr Editor
![]() | 칸쵸 | 2017.02.04 | 32 |
35 |
흑백전환 시키기
![]() | 칸쵸 | 2017.02.04 | 12 |
34 |
배경지우기
![]() | 칸쵸 | 2017.02.04 | 31 |
33 | 오래된 사진 복원 (영문) | 흑월 | 2017.01.25 | 40 |
32 |
포토샵 전문가로 만들어 주는 33가지 사진 편집 예제
[1] ![]() | 흑월 | 2017.01.25 | 53 |
31 |
포토샵 구름(=연기) 효과
![]() | 흑월 | 2017.01.25 | 49 |
30 |
PSD 를 JPG 로 폴더째 변환 유틸리티 (무설치 단일파일) 퍼옴
![]() | 흑월 | 2017.01.25 | 24 |
29 |
빛이 퍼지는 효과 내기
![]() | 흑월 | 2017.01.25 | 60 |
28 |
스타버스트 효과 내기
![]() | 흑월 | 2017.01.25 | 29 |
27 | 포토샵 CS5, 최고 성능으로 빠르게 사용하는 설정 방법 | 흑월 | 2017.01.25 | 110 |
26 |
레이어 블렌딩 모드
![]() | 큐돌 | 2017.01.12 | 20 |
25 |
기하학적인 도형으로 콜라주 사진만들기
![]() | 큐돌 | 2017.01.12 | 18 |
24 |
유리 느낌 텍스트 효과 만들기
![]() | 큐돌 | 2017.01.12 | 28 |
23 |
돌잔치 덕담 카드만들기
![]() | 큐돌 | 2017.01.10 | 24 |
22 |
사라지는 듯한 분산 효과 만들기
![]() | 큐돌 | 2017.01.10 | 38 |
21 |
홈페이지 이벤트 아이콘 만들기
![]() | 큐돌 | 2017.01.10 | 25 |
20 |
반짝이는 문자 이미지 만들기
![]() | 큐돌 | 2017.01.10 | 31 |
19 |
음식사진보정하기
![]() | 큐돌 | 2017.01.10 | 22 |
18 |
머리카락 한올 한올 쉽게 따기
![]() | 큐돌 | 2017.01.10 | 40 |
17 |
스케치한듯한 그림 이미지 만들기
![]() | 큐돌 | 2017.01.10 | 28 |
16 |
불타는 효과 문자 만들기
![]() | 큐돌 | 2017.01.10 | 51 |
15 |
여러장 겹쳐진 사진만들기
![]() | 큐돌 | 2017.01.10 | 28 |
14 |
쿽마스크로 부분흑백사진 만들기
![]() | 큐돌 | 2017.01.10 | 15 |
13 |
메뉴 밑에 잇는 로고를 만들어봣어요..
![]() | Hiyo | 2016.12.25 | 57 |
12 | 포토샵기본정보3 | 깡통 | 2016.12.10 | 27 |
11 | 포토샵기본정보2 | 깡통 | 2016.12.10 | 27 |
10 | 포토샵 기본정보1 | 깡통 | 2016.12.10 | 57 |
9 | 3d 디자인 관련 소스 사이트 입니다. | 홀릭디자인 | 2016.09.26 | 44 |
8 |
cs6 크랙
![]() | 플랜키 | 2016.07.10 | 47 |
7 |
서든어택 스킨 제작플러그인 ( PhotoShop 7.0 ~ 7.1)
[1] ![]() | 티모 | 2016.06.11 | 86 |
6 |
심심해서 만들어본 꽃 모바일 배경
![]() | 크리퍼 | 2016.04.25 | 94 |
5 |
프리건즈차릴떄쓰려고만든건데 평가부탁합니다 !
[1] ![]() | 루타 | 2016.04.14 | 100 |
4 | 포토샵 유저라면 꼭봐야할 동영상 | 세연 | 2016.03.25 | 90 |
3 | 웹 포토샵 (간단하게 쓰기 좋아요) | 광이85 | 2016.03.04 | 107 |
2 | 일러스트레이터 강좌주소[2탄] | 홀릭디자인 | 2016.02.11 | 81 |
1 | 합성기본배우기![1탄] | 홀릭디자인 | 2016.02.10 | 143 |