픽셀화된 로고를 수정하고 배경을 투명하게 유지하는 방법

나의 첫 번째 프리랜스 웹 디자인 고객 중 한 명이 나에게 로고를 보냈습니다. 150픽셀 너비의 JPEG. 그것이 그들이 가지고 있는 유일한 파일이었습니다. 그들의 이전 디자이너가 가지고 있었지만 그들은 사이가 나빠졌고 이제 유일한 사본이 되었습니다. 존재하는 로고는 이전 이메일의 압축된 썸네일이었습니다. 서명. 그들은 새 웹사이트의 헤더에 이 내용을 넣기를 원했습니다. 배경이 투명한 400픽셀 너비입니다.

이것은 드문 일이 아닙니다. 소규모 기업은 원본 로고 파일을 잃습니다. 끊임없이. 5년 전에 만든 디자이너는 손이 닿지 않는다. 원본 파일이 있는 컴퓨터가 사망했습니다. 남은 건 아주 작은 것 뿐이야 PDF 또는 스크린샷에서 가져온 픽셀화된 버전입니다. 방법은 다음과 같습니다. 그것을 구해내십시오.

로고 수정이 사진보다 어려운 이유

사진에는 ​​자연스러운 질감이 있습니다. 피부, 천, 잔디, 하늘. 만약 AI 약간 매끄럽게 하거나 약간 디테일을 추가하면 자연스럽게 보입니다. 사진에는 변형이 있다고 가정합니다. 로고스는 그 반대다. 그들은 단단하고 의도적인 가장자리를 가지고 있습니다. 글자체에는 특정한 모양이 있습니다. 에이 기하학적 마크는 깨끗하고 수학적으로 정확한 곡선을 가지고 있습니다. 편차 그 정밀도는 잘못된 것으로 읽혀집니다.

표준 사진 업스케일러는 이 작업에 좋지 않습니다. 그들은 들쭉날쭉한 모습을 본다 픽셀화된 로고의 가장자리를 다듬고 부드럽게 하려고 노력하지만 날카로운 모서리를 둥근 모서리로, 직선을 약간의 모서리로 바꿉니다. 물결 모양. 얼핏 보면 결과가 더 깔끔해 보이지만 실제로 보면 잘못된 결과입니다. 실제로 보세요.

더 잘 작동하는 것은 그래픽과 일러스트레이션에 대한 교육을 받은 업스케일러입니다. Real-ESRGAN에는 단단한 가장자리를 보존하는 디지털 아트용 변형이 있습니다. 그리고 평면적인 색상. 픽셀화를 복구해야 할 손상으로 간주합니다. 질감이 부드러워지는 것보다 수정해야 했던 150픽셀 로고의 경우, 이로 인해 사용할 수 있는 것과 사용할 수 없는 것의 차이가 생겼습니다. 뭉툭한 크레용으로 그린 것 같았어요.

단계별 구출 과정

1단계. 가능한 최고의 소스를 얻으세요. 클라이언트에 로고가 있는 경우 해당 웹사이트는 작게 표시되더라도 소스 파일이 보이는 것보다 더 크다. 마우스 오른쪽 버튼을 클릭하고 새 탭에서 이미지를 엽니다. 실제 치수를 확인하세요. 로고가 200픽셀로 표시되는 경우도 있음 wide는 실제로 600 또는 800픽셀 파일로 축소됩니다. 브라우저. 더 큰 버전을 선택하세요.

2단계. 로고의 배경이 흰색이고 필요한 경우 투명, 먼저 AI로 배경을 제거하세요. 배경 제거ClarifyPix에서는 1크레딧이 소요되며 로고 제작에는 약 3초가 소요됩니다. 로고의 딱딱한 가장자리로 인해 배경 제거가 유난히 깔끔해집니다. 는 결과는 거의 완벽해야 합니다.

3단계. 로고를 확대하세요. 원본이 절반 정도인 경우 2x를 사용하십시오. 목표 크기가 1/4 이하인 경우 4배입니다. 내 150픽셀의 경우 로고가 400픽셀 헤더로 바뀌고 600픽셀로 4배 업스케일되어 일할 방. 비용은 2~4크레딧입니다.

4단계. 200% 확대/축소로 가장자리를 검토합니다. 부드러운 모서리를 찾으세요. 흔들리는 선 또는 가장자리의 색상 번짐. 대부분의 AI 업스케일러는 로고가 약 80% 맞습니다. 나머지 20%는 일반적으로 몇 분이 소요됩니다. 지우개 도구를 사용한 수동 정리 또는 언샵을 사용한 빠른 패스 가장자리를 다시 조이는 마스크 필터.

5단계. 투명한 배경이 필요한 경우 내보냈는지 확인하세요. 알파 채널이 그대로 유지된 PNG로 저장됩니다. 가장자리를 다시 확인하십시오. 흰색 줄무늬가 없는지 확인하기 위해 어두운 배경을 사용하세요. 흰색 후광 흰색 배경에서는 보이지 않는 것이 어두운 배경에서는 매우 잘 보입니다. 웹사이트 헤더.

로고에 텍스트가 있으면 어떻게 되나요?

텍스트가 포함된 로고는 수정하기가 가장 어렵습니다. 특정 비율. AI가 일부를 약간 짓누르거나 늘리는 경우 편지가 단번에 눈에 들어옵니다. 이를 위해 나는 로고를 2x로 확대한 다음 원본 작은 버전을 불투명도 50%로 오버레이하고 글자 모양을 비교해 보세요. 잘못된 글자가 있으면 수동으로 원본을 참조로 사용하여 조정하십시오.

일반적인 로고 글꼴과 같이 글꼴을 식별할 수 있는 경우, 올바른 크기와 위치로 텍스트를 다시 입력하면 됩니다. 5분 걸립니다 분만 투자하면 완벽한 결과를 얻을 수 있습니다. 로고 마크에 AI 업스케일링이 적용되었습니다. 텍스트가 다시 입력됩니다. 이 조합이 최고의 품질을 만들어냅니다. 텍스트가 많은 로고를 복원합니다.

이 중 아무것도 작동하지 않을 때

로고의 너비가 약 100픽셀 미만이고 픽셀화가 심한 경우 AI는 업스케일하면 더 깨끗해 보이지만 여전히 그렇지 않은 것을 생성합니다. 전문. 이 시점에서 가장 좋은 방법은 로고를 다시 그리는 것입니다. Illustrator 또는 Inkscape에서 모양을 추적합니다. 글꼴을 일치시킵니다. 재구축 벡터로요. 이 작업은 한두 시간 정도 소요되지만 완벽하고 무한히 확장 가능한 로고.

제가 시작한 150픽셀 JPEG 로고를 수정하는 데 약 45분이 걸렸습니다. 배경 제거에는 3초가 걸렸습니다. AI 업스케일링에는 8초가 걸렸습니다. 나머지 44분은 가장자리를 수동으로 정리하고 다시 입력하는 데 소요되었습니다. 회사 이름. 고객은 만족했고 나는 한 시간 동안 비용을 청구했습니다. 일. 도구는 무거운 작업을 수행했습니다. 정밀작업을 했습니다. 그 로고 복원에는 밸런스가 거의 맞습니다.

고객이 픽셀화된 작은 로고를 보내면 필요하다고 말하지 마세요. 결코 찾을 수 없는 벡터 파일입니다. 문제를 해결하고 비용을 청구한 후 계속 진행하세요.