전문적인 디자인을 위한 깔끔하고 간단한 오버레이를 만드는 방법
오버레이 색상 및 프로젝트 설정 시작하기
그래서, 제가 초기에 막혔던 부분은 바로 엉망진창처럼 보이지 않는 깔끔한 오버레이를 만드는 것이었습니다.기본적인 아이디어는 새 프로젝트로 처음부터 시작하는 것입니다. Photoshop, GIMP, Canva 등 소프트웨어에 따라 프로세스는 매우 유사하지만 세부 사항은 약간 다릅니다. Photoshop에서는 보통 파일 > 새로 만들기 (또는 Shift + Ctrl + N)를 누르고 캔버스 크기를 72dpi에서 1920×1080픽셀 정도로 설정합니다.이는 표준 HD이기 때문입니다.배경을 투명 으로 설정해야 합니다.일부 프로그램에는 새 대화 상자에 드롭다운이 있습니다.없으면 나중에 배경 레이어를 삭제하면 됩니다.솔직히 이 부분을 건너뛰는 튜토리얼을 본 적이 있지만, 믿어주세요.투명하게 시작하는 것이 훨씬 낫습니다.나중에 흰색 배경을 삭제할 필요가 없습니다.
캔버스가 준비되면 가장 먼저 선택할 것은 오버레이 색상입니다.보통은 페인트 팔레트 아이콘이든 색상환이든 색상 상자를 클릭하고 분위기에 맞는 색상을 고르면 됩니다. GIMP에서는 도구 상자에서 전경색을 두 번 클릭했습니다.파란색, 초록색, 보라색 등 콘텐츠와 대비되는 색상을 선택하세요.주의할 점은 대비가 잘 되는 색상을 선택하면 오버레이가 돋보이지만, 너무 밝거나 네온빛이 도는 색상은 원치 않는 경우 피하는 것이 좋습니다.색조는 아주 작은 결정만으로도 전체적인 분위기를 결정하므로, 신중하게 선택하는 것이 좋습니다.잘 모르겠다면 Adobe Color 와 같은 도구를 사용해 보세요.조화로운 팔레트를 만드는 데 좋은 방법입니다.
모양 도구를 사용하여 바깥쪽 프레임 그리기
다음으로 오버레이를 정의하는 바깥쪽 테두리를 만들어야 합니다.대부분의 디자인 도구에는 모양 도구가 있는데, Photoshop에서는 일반적으로 사각형 아이콘입니다.최상의 모양을 위해 모양 채우기를 None투명으로 설정하고 획(윤곽선)을 원하는 색상으로 설정합니다.저는 보통 윤곽선 두께를 50픽셀 정도로 설정합니다.두꺼워 보이지만 이 두께 덕분에 오버레이가 견고하고 전문적으로 보입니다.내용 영역에 맞게 사각형을 드래그합니다.솔직히 말해서, 제 눈에 따라 얼굴이나 콘텐츠를 깔끔하게 프레임하는 것입니다. Photoshop에서 상단의 옵션 막대를 확인하여 채우기가 꺼져 있고 획이 설정되어 있는지 확인했습니다.이를 건너뛰려고 할 때마다 모양이 채워지거나 이상하게 보였습니다.따라서 채우기를 없음으로 설정하는 것을 건너뛰지 마세요.
이 경계선은 페이스캠 영역이나 그 주변을 깔끔하게 감싸는 테두리처럼 작용하므로, 눈에 띄도록 충분히 두껍게 하되 만화처럼 보일 정도로 두껍게 해서는 안 됩니다.제가 사용하던 오래된 ASUS 노트북에서는 몇 가지 다른 옵션을 발견했습니다.이러한 미묘한 차이는 특히 OEM 버전이나 BIOS 차이에 따라 다를 수 있지만, 대부분의 소프트웨어에서는 간단합니다.
깊이를 위해 내부 사각형 추가
흥미를 유지하고 깊이감을 더하기 위해 첫 번째 사각형 안에 작은 사각형을 겹쳐 놓았습니다.새 레이어를 만들고(포토샵에서 레이어 > 새로 만들기 > 레이어) 획 색상을 검은색으로 변경합니다.이렇게 하면 안쪽 모양이 더욱 돋보입니다.윤곽선 두께를 약 25픽셀로 설정했으므로 바깥쪽 테두리보다 훨씬 얇습니다.첫 번째 사각형 안에서 이 사각형의 크기와 위치를 조정하는 것은 약간 까다롭습니다.Free Transform명령( Ctrl + T)이나 정렬 도구를 사용해야 합니다.목표는 사각형을 중앙에 배치하여 “겹겹이 쌓인” 느낌을 주는 것입니다.이렇게 하면 평평한 오버레이가 더욱 세련되게 보일 수 있습니다.솔직히 크기와 위치를 맞추는 데 몇 번이나 시도했지만, 인내심이 큰 차이를 만듭니다.
텍스트로 개인화 추가
이제 개인적인 이야기를 시작해 볼까요? 이름, 채널, 또는 오버레이를 독특하게 만들어 줄 라벨을 추가하는 겁니다.텍스트 도구 ( T)를 사용하여 텍스트를 추가하려면 클릭하세요.브랜딩에 어울리는 글꼴을 선택하세요.너무 화려하지 않고 명확하고 읽기 쉬운 글꼴을 선택하세요.다른 도형처럼 텍스트의 크기를 조절하고 위치를 조정할 수 있습니다.왼쪽 하단, 오른쪽 상단 등 원하는 위치에 배치해 보세요.중요한 것은 오버레이를 복잡하게 만들지 않으면서 시청자가 브랜딩을 즉시 인식할 수 있도록 균형을 맞추는 것입니다.
윤곽선을 사용하여 텍스트를 돋보이게 만들기
일반 텍스트는 배경이 바뀌거나 뷰어 크기가 조정될 때 특히 눈에 띄지 않는 경우가 있습니다.이 문제를 해결하기 위해 텍스트 주위에 획(윤곽선)을 추가했습니다. Photoshop에서 레이어 스타일로 이동하여 획을 활성화했습니다.보통 윤곽선 색상을 검은색으로 설정하고 두께를 2~3픽셀 정도로 설정합니다.텍스트를 과하게 강조하지 않으면서도 눈에 띄게 만드는 데 충분합니다. GIMP에도 비슷한 기능이 있습니다.이 기능이 없으면 텍스트 레이어를 복제하고 검은색으로 채운 후, 주 텍스트 뒤로 오프셋하여 윤곽선처럼 보이게 합니다.이러한 작은 조정은 특히 다양한 배경에서 가독성을 크게 향상시킵니다.
마무리 및 내보내기
색상, 모양, 라벨 등 모든 것이 마음에 들면 작업을 저장하세요.편집 가능한 파일은 Photoshop에서 PSD 또는 TIFF 파일로 저장하고 레이어는 그대로 유지합니다. OBS나 스트리밍 소프트웨어에서 실제로 사용하려면 PNG 파일로 내보내고 투명도를 유지해야 합니다.알파 채널을 포함하도록 내보내기 설정이나 PNG 옵션을 다시 확인하세요.투명도가 사라지면 오버레이 배경이 흰색이나 검은색으로 변할 수 있는데, 이는 원하는 결과가 아닙니다.저는 여러 버전이나 템플릿을 보관합니다.때로는 바깥쪽 프레임만 있는 버전을 만들기도 하고, 다른 색상 구성표를 만들어서 바로 사용할 수 있도록 준비하기도 합니다.이렇게 정리하면 나중에 골치 아픈 일을 예방하는 데 도움이 됩니다.
이 전체 과정은 그렇게 복잡하지는 않지만, 윤곽선 두께, 레이어 위치, 색상 대비 같은 작은 디테일에 주의를 기울인 것이 저에게는 큰 차이를 만들어 주었습니다.솔직히 말해서, 모든 것이 완벽해 보일 때까지 시간을 좀 더 투자했는데, 그럴 만한 가치가 있습니다.안쪽에 작은 사각형을 추가하고 텍스트 윤곽선을 넣으면 기본 오버레이를 과하지 않으면서도 전문가 수준의 오버레이로 만들 수 있습니다.가장 중요한 것은 깔끔하고 일관성 있게 보일 때까지 계속해서 실험하는 것입니다.
마무리하기 전에 간단한 체크리스트를 확인해 보세요.색상 대비를 다시 한 번 확인하고, 투명도가 제대로 유지되는지 확인하고, 오버레이가 콘텐츠에 잘 맞는지 확인하고, 다양한 해상도에서 테스트해 보세요.이 점들을 염두에 두면 번거로운 작업을 줄일 수 있습니다.또한, 팁: 일부 OEM BIOS 버전이나 이전 마더보드는 TPM과 같은 특정 기능에 제한이나 문제가 있을 수 있습니다.따라서 BIOS에서 보안 옵션이나 오버레이 관련 설정을 변경할 때는 특히 BitLocker와 같은 기능을 사용하는 경우, 어떤 기능을 사용할지 신중하게 고려해야 합니다.TPM을 지우면 키가 손실될 수 있으므로 암호화를 사용하는 경우 먼저 키를 백업해 두세요.
도움이 되었으면 좋겠습니다.이 모든 작은 세부 사항을 조정하는 데 너무 오랜 시간이 걸렸습니다.어쨌든 오버레이를 깔끔하고 전문적으로 보이게 만드는 데 행운을 빕니다!
관련 기사
이 글이 도움이 되었나요?