네온사인·LED 전광판 만들기 사용법
- 위쪽 탭에서 네온사인이나 LED 전광판을 고르고 문구를 입력합니다.
- 색상과 글꼴을 고르고 네온은 빛 번짐, 전광판은 줄 수와 흐르는 속도와 방향을 정합니다.
- "전체 화면"으로 응원 문구나 방송 배경처럼 켜 두거나 "PNG 저장"으로 지금 화면을 이미지로 저장합니다.
CSS text-shadow와 빛 산란 효과를 활용한 네온 디자인 연출법
네온사인은 가스가 든 유리관에 전류를 흘려 빛을 내는 간판입니다. 화면에서 이를 흉내 낼 때 핵심은 빛이 번지는 모양입니다. 웹에서는 CSS의 text-shadow나 캔버스의 shadowBlur로 글자 주변에 흐릿한 그림자를 같은 색으로 여러 겹 겹쳐 빛이 산란하는 느낌을 냅니다. 흐림 반경이 작은 층은 글자 가까이에서 진하게, 큰 층은 멀리까지 옅게 퍼집니다.
실제 네온관은 가운데가 매우 밝아 거의 흰색으로 보이고 바깥으로 갈수록 색이 짙어집니다. 그래서 글자 본체는 색을 흰색 쪽으로 섞어 밝게 칠하고, 그 바깥에 원래 색의 번짐을 둡니다. 배경은 어두울수록 대비가 커서 빛이 돋보입니다. 이 도구도 같은 원리로 번짐 여러 겹, 가장자리 선, 밝은 가운데를 차례로 그립니다.
LED 전광판의 원리와 활용
LED 전광판은 작은 점(도트)이 격자로 배열되어 각 점을 켜고 꺼서 글자를 만드는 표시 장치입니다. 글자를 점 단위로 바꾼 다음 한 칸씩 옆으로 옮기면 글자가 흐르는 것처럼 보입니다. 이 도구는 글자를 작은 이미지로 그려 밝은 칸만 점으로 바꾼 뒤 옆으로 이동시킵니다. 줄 수가 많을수록 글자가 매끄럽고, 적을수록 도트 느낌이 강합니다.
응원 문구나 행사 안내, 방송과 모임의 배경, SNS 프로필 배너에 쓸 수 있습니다. 전체 화면으로 표시하는 경우에는 주변이 어두운 곳에서 더 잘 보입니다. 글자는 짧을수록 읽기 쉽고, 흐르는 속도는 한 번에 읽을 수 있는 정도로 두는 것이 좋습니다. 밝은 화면을 오래 켜 두면 눈이 피로하니 필요한 시간만 사용하세요.
보기 좋게 만드는 요령
- 문구는 짧고 굵은 글꼴이 네온에 잘 어울립니다.
- 색은 한 가지로 통일하면 깔끔합니다.
- 전광판은 줄 수가 16~24줄일 때 읽기 편합니다.
- 흐르는 속도는 글자를 눈으로 따라갈 수 있게 느리게 둡니다.
- 깜빡임은 필요한 경우에만 켜고 느리게 사용합니다.
자주 묻는 질문
전체 화면에서 소리나 이동이 계속되나요?
이 도구는 소리가 없고 화면만 표시합니다. 전체 화면 버튼을 누르면 그림이 화면을 가득 채우고 흐르는 글자가 계속 움직입니다. 키보드의 Esc 키나 화면 지시에 따라 나올 수 있습니다. 기기 화면이 꺼지지 않게 하려면 기기의 화면 자동 꺼짐 설정을 바꿔야 할 수 있습니다.
네온 효과는 어떻게 만들어지나요?
글자 뒤에 같은 색의 빛 번짐을 여러 겹으로 겹쳐 그리고, 가운데에는 색을 흰색 쪽으로 섞은 밝은 글자를 올립니다. 실제 네온관이 가운데는 아주 밝고 가장자리로 갈수록 색을 띠며 번지는 모양을 흉내 낸 것입니다. 빛 번짐 값을 올리면 번짐이 넓어집니다.
깜빡임이 위험하지 않나요?
빠르게 깜빡이는 화면은 광과민성이 있는 사람에게 문제가 될 수 있다고 알려져 있습니다. 이 도구의 깜빡임 효과는 기본으로 꺼져 있고, 켜도 몇 초에 한 번 짧게 어두워지는 정도로만 작동합니다. 그래도 불편하면 멈추기를 누르고, 증상이 있다면 사용을 중단하세요.
주의사항
깜빡이는 효과와 움직이는 화면은 일부 사람에게 불편할 수 있습니다. 이 도구는 기본적으로 깜빡임을 끄고 있으며, 불편하면 멈추기를 누르세요. 글꼴은 사용 중인 기기에 따라 다르게 보일 수 있습니다.