디자인따라하기 네온사인간판 효과만들기 - 일러스트,포토샵 둘다 가능한 방법!

디자인연습 (4)

포토샵, 일러스트로 네온사인간판효과 따라하기

어렵지 않아요 쉽지도 않아요

feat. 연애의 참견, 스탠딩UP

 

 

 

---

번쩍 발광하며 화려함을 밝히는 네온사인은 이제는 방송에서도 많이 봐왔고 익숙한 스타일 중 하나인데요. 나혼자산다에서 나래바의 간판이 유행을 한번 더 거치면서 집에서도 나만의 커스텀가능한 네온간판 제작이 가능해졌어요. 칵테일바를 연상시키게 되어서 부엌에 하나 걸어두면 멋질 것 같다 생각이 들면서도 엄마의 등짝스매싱이 더 멋질 것 같다는 생각에 차마 실행으로 옮기지는 못하고 있지만 언젠가..

 

 

 

구글에서 neon을 검색했더니

전광판은 타임스퀘어의 간판이나 영화 속에서 봐왔던 라스베거스의 영문이 가장 먼저 떠오를 수 밖에 없는데요. 지구의 모든 지식을 담아놓은 위키페디아에 의하면 1910년에 파리모터쇼에서 현대적인 형태?로 처음 시연되었다고 합니다. 그래서인지 실제 거리에서 볼 수 있었던 간판들은 레트로적인 느낌이 강했어요. 하지만 뉴트로가 도래하면서 네온스타일 역시 "세련된"느낌으로 밀레니얼세대들이 선호하게 된 부분 중 하나이지 않을까 싶습니다. 

 

 

 

이태원 클라쓰와 스탠드업에 쓰인 네온사인 느낌

사실 neon sign 효과는 4~5년 전부터 새로운 유행이 돌고 돌았는데 여전히 방송타이틀에서는 종종 볼 수 있는 컨셉입니다. 최근에도 밤톨머리 나오는 이태원클라쓰의 단밤도 그렇고 포차와 어울리는 컨셉으로 여기저기 많이 사용되고 있습니다. 실제 주점에서도 하나의 인테리어효과로 쓰이는 걸 종종 보셨을 거예요!

 

그럼, 현재 방영중인 연애의참견3 로고타이틀을 디따(디자인따라하기)해볼게요

 

 

 

---

 

오리지널과 모방작

디자인 해부

오리지날을 해부해보니, 기본도형으로 만들고 네온효과만 적절하게 주면 그럴듯하게 나올 수 있겠더라고요. 어렵지 않아요. 물론 쉽지도 않아요. 놀리는거 아녜요

 

1 shape만들기

2 폰트 탐구

3 채색하기

4 네온효과

 

 

 

1 shape 만들기

처음은 항상 그렇듯이 모양만 잘 만들어줘도 절반은 만든 셈입니다. 일러스트레이터에서 윤곽선 ctrl+Y만 봤을 때 모습입니다. 이번 편은 모양은 일러스트에서 만들고, 네온효과는 포토샵에서 주는 게 훨씬 편한 작업이 될 것 같은데요. 저는 약간의 노가다를 갈아 일러스트에서 모두 완성해서 예상시간보다 좀더 걸렸네요. 참고해주시고

 

 

 

2 폰트탐구

드디어! 포스팅 3번만에 폰트의 정체를 알아냈어요. 셜록이 범인의 정체를 밝혀냈을 때의 쾌감이 이런 것일까요. The game is on. 연애의 참견에 쓰인 폰트는 HY태백B와 거의 일치했답니다. stroke를 outer로 작업하면 훨씬 비슷하게 완성될 거 같아요. 이 로고에서 가장 인상적이었던 부분은 가장 작은 비중을 차지하고 있어 눈에 잘 띄지도 않는 "의"입니다. 할트브레이크와 글자를 적절히 조합해서 프로그램컨셉을 잘 표현한 부분인 거 같아요

 

 

 

 

 

3 채색

outer glow효과를 사용하면 어차피 약간의 색조정이 필요하기 때문에 눈대중으로 대략 배색을 해주면 되는데요. 포토샵으로 작업할 예정이면 글씨의 테두리를 이중으로 만들어둘 필요는 없습니다. shadow를 여러겹 쌓아주면 되니까요.

 

 

 

 

 

 

 

4 빛나는 효과

일러스트든 포토삽이든 outerglow는 모두 사용가능합니다. 1번만 적용했는데도 확실히 네온느낌을 낼 수 있고요. 아래 사람이미지도 동일한 방식으로 적용해주면 빛이 나는 효과를 연출할 수 있답니다. blending mode를 색에 따라서 오버레이나 스크린으로 적용하면 느낌이 삽니다.

 

 

 

 

 

 

녹색으로 표시한 부분처럼 겹쳐지는 영역은 레이어의 위치를 조정해가면서 정리해주시고, 이제 배경만 깔면 정말 끝이에요. 그리고 여기서 팁을 드리자면, 전광판의 효과를 내기 위해서는 벽에 부착하는 검은 바를 추가해주면 훨씬 자연스러워집니다.

 

 

 

완성작

 

 

 

 

 

 

 

 

---

비슷한 느낌으로 하나 더 디따해볼게요 (디따:디자인따라하기)

올해 1월에 시작한 스탠드업 코미디쇼 프로그램인데요 제작방식은 동일합니다. 이번엔 온리 포토샵에서 작업해봤어요. 역시 훨씬 쉽고 빠름ㅜㅜ

폰트는 빙그레 메로나체를 약간 변형해서 만들었어요. (구독자 여러분 올 때 메로나..소곤소곤)

기본 레이아웃

오리지날과 모방작

 

 

 

 

 

 

 

 

---

네온사인 효과에 관심있으시다면 tvn10주년 페스티벌 웹사이트를 추천드려요.

2016년 제작이지만 지금봐도 전혀 어색하지 않고 세련됨이 느껴집니다. 컨셉도 잘 잡았을 뿐더러 영상모션에서도 잘 표현되어 있어서 참고자료로 굿입니다. 

 

tvN10 Festival