예제 스크린샷은 원래 연습에 사용된 영어 인터페이스를 유지합니다.
Photoshop 없이 사진에 컬러 PNG 로고를 추가하는 방법
로고에 두 가지 색상이 포함된 경우 투명한 이미지로 유지하고 해당 이미지를 사진에 배치하세요. 이렇게 하면 마크를 단색 스탬프로 재구성하는 대신 작품의 색상이 보존됩니다.
이 연습에서는 제가 만든 일괄 워터마크 도구을 사용합니다. 이 예는 도구의 합성 샘플 이미지 위에 파란색과 주황색으로 이루어진 원본 데모 로고입니다. 데모 PNG 다운로드 연습할 수 있습니다. 이는 고객이나 다른 사진작가의 로고가 아닙니다.
로고가 색상을 잃거나 여전히 직사각형을 표시할 수 있는 이유
브러시나 스탬프는 원래 색상 픽셀을 유지하는 대신 아트워크를 모양이나 마스크로 사용할 수 있습니다. 소스 토론의 2색-단색 문제는 필요한 것을 유지하는 표현을 선택하라는 알림입니다. 이 작업 과정에서는 로고를 단색 모양으로 다시 구성하는 대신 이미지 레이어로 유지합니다.
투명성은 별도의 속성입니다. 파일에 구운 흰색 배경은 해당 픽셀이 투명해질 때까지 계속 표시됩니다. 전체 레이어의 불투명도를 줄이면 로고도 희미해집니다. 적절하게 투명한 로고라도 유사한 색상의 사진에서는 읽을 수 없게 될 수 있습니다. 원래 색상, 투명한 주변 환경 및 충분한 대비가 세 가지 다른 검사입니다.
이 작업에 대해 이 도구가 할 수 있는 것과 할 수 없는 것
- 기존 투명 PNG를 여러 사진 위에 배치하고 로고 스타일: 원본으로 아트웍의 색상을 유지하고 크기, 불투명도 및 배치를 조정할 수 있습니다. 아래 예에서는 다운로드한 JPEG에서 파란색과 주황색 로고를 확인합니다.
- 단색 소스에서 손실된 색상을 복구할 수 없고, 작은 로고에서 누락된 세부 정보를 만들어낼 수 없으며, 병합된 이미지에서 편집 가능한 디자인 레이어를 복구할 수 없으며, 모든 배경에서 판독 가능한 표시를 보장할 수 없습니다. 로고 디자이너나 벡터 편집기가 아닙니다.
- 정리가 제한되어 있습니다. 노출된 흰색/검은색 제거는 지능적인 피사체 추출이 아닙니다. 작품의 의도된 부분이 제거될 수 있습니다. 배경이 복잡하거나 소스가 손상된 경우 먼저 이미지 편집기에서 깨끗하고 투명한 로고를 준비하세요.
작품의 색상을 유지한다고 해서 모든 최종 파일의 정확한 색상 값이 보장되는 것은 아닙니다. 출력 인코딩 및 후속 플랫폼 처리는 가장자리 픽셀이나 모양을 변경할 수 있습니다. 다운로드 및 게시된 사본을 검사합니다.
1. 완전히 투명한 파일로 시작
투명한 배경으로 내보낸 PNG를 사용합니다. .png 확장자만으로는 투명성을 보장하지 않습니다. 흰색 직사각형은 PNG 픽셀의 일부가 될 수 있습니다.
합리적으로 선명한 소스 파일을 유지하십시오. 데모 로고는 560 × 160 픽셀입니다. 작은 로고를 원본 크기보다 훨씬 크게 확대하면 가장자리가 부드러워 보일 수 있습니다. 가능하면 더 큰 원본에서 시작하세요.
단지 배경을 제거하기 위해 전체 로고의 불투명도를 낮출 필요는 없습니다. 불투명도는 아트워크와 배경을 함께 희미하게 만듭니다. 흰색 픽셀을 투명도로 바꾸지는 않습니다.
2. 사진을 추가한 다음 로고 레이어를 추가합니다.
도구를 열고 사진 추가을 선택합니다. 워터마크 레이어 패널에서 로고 추가을 선택하고 로컬 투명 PNG를 선택합니다. 로고만 원하는 경우 기본 텍스트 레이어를 선택하고 삭제을 선택하여 추가 작성자 속성 텍스트를 제거하세요.
레이어 설정에서 이미 투명한 색상 로고를 위해 유지하다에 배경 제거을 유지하고 원래 색상에 로고 스타일을 유지합니다. 이 경로에는 로고 정리 적용이 필요하지 않습니다.
데모는 PNG 이미지 레이어입니다. 투명한 주변 환경으로 인해 샘플 배경이 비쳐 보입니다.
이 도구는 흰색/검은색 배경 정리도 제공하지만 이는 단순한 색상 기반 작업입니다. 아트워크에 의도적인 흰색 또는 검은색 영역이 포함되어 있는 경우 해당 색상을 제거하면 유지하려는 부분도 제거될 수 있습니다. 이 튜토리얼에서는 정리 설정을 그대로 둘 수 있도록 올바르게 내보낸 투명 PNG를 사용합니다.
3. 크기를 조정하고 읽을 수 있는 영역을 찾습니다.
크기 · 짧은 가장자리의 %은 로고 높이를 제어합니다. 데모에서는 12%, 1의 불투명도 및 왼쪽 위 배치를 사용합니다. 모양이 다른 로고에는 다른 설정이 필요합니다. 12%는 예시일 뿐 모든 브랜드에 권장되는 사이즈는 아닙니다.
실제 배경과 로고를 비교해보세요. 어두운 물 위에 파란색 로고가 있거나 일몰 위에 주황색 로고가 있으면 읽기 어려울 수 있습니다. 더 선명한 영역, 다른 위치 또는 해당 배경에 맞게 디자인된 적합한 대체 로고를 사용해 보세요.
하나의 이미지에 다른 모서리가 필요한 경우 해당 이미지를 선택하고 위치을 변경하기 전에 선택한 사진에 대해서만 워터마크 위치 변경 및 자르기을 활성화하십시오. 해당 작업 흐름에 대해서는 혼합 사진 배치 가이드을 참조하세요.
4. 출력 다운로드 및 검사
ZIP 다운로드을 선택한 다음 내보낸 파일을 엽니다. 투명한 로고는 사진의 일부가 됩니다. 완성된 JPEG에는 투명한 구멍이 생성되지 않습니다. 사진은 직사각형 배경으로 가려지지 않고 로고 주위에 표시되어야 합니다.
이 이미지는 도구를 통해 다운로드한 ZIP에서 추출되었습니다. 샘플의 1600 × 1000 크기를 유지합니다. JPEG 인코딩은 색상 값과 가장자리 픽셀을 약간 변경할 수 있습니다.
세 개의 이미지 실행이 실패 없이 완료되었습니다. 사람들이 실제로 볼 수 있는 크기로 자신의 출력을 검사하십시오. 특히 블로그에서 작은 축소판을 생성하는 경우 더욱 그렇습니다. 이미지가 훨씬 작게 표시되면 큰 미리보기에서 작동하는 미세한 문자가 사라질 수 있습니다.
로고가 여전히 잘못된 것처럼 보이는 경우
- 직사각형이 표시됩니다. 소스 PNG에 실제로 투명 픽셀이 포함되어 있는지 확인하세요. 불투명도를 낮추는 것만으로는 불투명한 배경이 수정되지 않습니다.
- 색상이 변경되었습니다. 로고 스타일을 확인하고 검정색, 흰색 또는 반전 정리를 적용한 경우 원본 파일에서 다시 시작하십시오.
- 마크가 부드러워 보입니다. 원본 로고 해상도와 다운로드한 출력을 확인하세요. 미리보기 확대/축소, 작은 소스 로고 및 JPEG 인코딩은 각각 표시되는 내용에 영향을 줄 수 있습니다.
- 피사체를 다룹니다. 크기를 줄이거나 모든 이미지에 한 모서리를 강요하는 대신 사진별 위치 지정을 사용합니다.
자신만의 로고를 시도한다면 투명성, 색상, 선명도 또는 배치 중 어려운 점을 알려주십시오. 프라이빗 브랜드 파일을 보내시기보다는 소스파일과 출력설정을 기술해 주시기 바랍니다.
이 문제는 어디서 발생했나요?
Anne의 Photoshop 워터마크 튜토리얼의 한 독자가 왜 두 가지 색상의 로고가 브러시처럼 단색이 되었는지 물었습니다. Anne의 답변은 대안으로 투명한 PNG를 제안했습니다. Meeka의 워터마크 예은 동일한 작품을 다른 배경에서 확인해야 하는 이유도 보여줍니다. 두 소스 모두 이 도구를 보증하지 않으며 눈에 보이는 로고는 복사나 AI 스크래핑을 확실하게 방지할 수 없습니다.