파일 편집하기

이 문서는 번역본입니다. 영어 버전이 기준이며, 의문이 생길 경우 영어 버전이 우선합니다.

Magnific 리소스를 다운로드한 후, 편집 방식은 파일 형식에 따라 달라져요. 이 글에서는 각 유형을 열고 편집하는 방법, 사용할 소프트웨어, 그리고 마주칠 수 있는 가장 일반적인 문제들을 해결하는 방법을 다뤄요

이 글의 내용

• 벡터 파일(EPS, AI, SVG) 편집하기
• PSD 파일 편집하기
• PNG 및 JPG 파일 편집하기
• 동영상 파일 편집하기
• 아이콘 편집하기
• 일반적인 문제 및 문제 해결
• 편집 소프트웨어가 없나요? Magnific 온라인 툴을 사용해 보세요

벡터 파일(EPS, AI, SVG) 편집

벡터 파일(EPS, AI, SVG)은 완전히 편집 가능합니다. 색상을 변경하고, 품질 저하 없이 크기를 조절하며, 모양을 수정하고, 폰트를 편집하고, 요소를 재배치할 수 있습니다. 이를 작업하려면 벡터 편집 애플리케이션이 필요합니다

벡터 파일을 편집할 때는 디자인에 여러 레이어나 그룹화된 요소가 포함되어 있을 수 있다는 점을 기억하세요. 개별적으로 편집하려면 레이어를 살펴보거나 객체 그룹을 해제해야 할 수 있습니다. 그룹 해제가 작동하지 않으면 클리핑 마스크가 있는지 확인하고 해제해 보세요. 또한 미리 보기에서 사용된 폰트가 편집 가능한 파일에는 없을 수 있으므로 대체가 필요할 수 있다는 점을 참고하세요

권장 소프트웨어

Adobe Illustrator는 Magnific 파일을 편집할 때 가장 완벽한 경험을 제공해요. 다른 프로그램을 사용하다가 문제가 발생하면, 파일 자체의 오류라고 판단하기 전에 먼저 일러스트레이터에서 파일을 열어 보세요

Adobe Illustrator에서 벡터 파일 열기

1. 일러스트레이터 실행

   컴퓨터에서 Adobe Illustrator를 실행하세요

2. 파일 열기

   파일 → 열기로 이동하여 다운로드한 EPS 또는 AI 파일을 선택하세요. SVG를 다운로드한 경우에도 동일하게 파일 → 열기를 사용하면 돼요

3. 폰트 프롬프트 처리하기

   파일에 설치되지 않은 폰트가 포함되어 있으면 일러스트레이터에서 누락된 폰트 대화 상자가 나타나요. 지금 폰트를 대체하거나 나중에 누락된 폰트를 설치해 보세요.

4. 레이어 살펴보기

   레이어 패널(창 → 레이어)을 열어 보세요. 서브 레이어를 익스팬드하여 개별 요소에 접근할 수 있어요. 모든 요소가 하나의 레이어에 있다면 그룹화되어 있을 수 있어요.

5. 필요 시 그룹 해제

   전체 선택(Cmd/Ctrl+A) 후 마우스 오른쪽 버튼 클릭 → 그룹 해제(또는 Shift+Cmd/Ctrl+G)를 선택해 보세요. 일부 파일은 개별 요소에 접근하기 위해 그룹 해제를 여러 번 수행해야 할 수도 있어요.

6. 편집 및 저장

   색상, 폰트, 모양, 레이아웃 등 원하는 대로 변경한 뒤 파일 → 내보내기 또는 파일 → 다른 이름으로 저장을 통해 원하는 형식으로 저장해 보세요.

Inkscape에서 벡터 파일 열기

1. Inkscape 열기

   Inkscape를 실행해 보세요(inkscape.org에서 무료로 다운로드할 수 있어요).

2. 파일 열기

   파일 → 열기로 이동하여 SVG 또는 EPS 파일을 선택하세요

3. EPS 파일의 경우

   Inkscape는 가져올 때 EPS를 SVG로 변환해요. 일부 복잡한 효과는 일러스트레이터와 다르게 렌더링될 수 있는데, 이는 정상적인 현상이에요

4. 편집

   선택 툴(F1)을 사용하여 요소를 클릭하고 이동해 보세요. 그룹을 더블 클릭하면 그룹 내부로 들어갈 수 있어요. 하단의 색상 팔레트를 사용하여 채우기 색상을 변경해 보세요

5. 내보내기

   래스터 아웃풋을 원하면 파일 → PNG 이미지 내보내기로 이동하고, SVG로 유지하려면 파일 → 다른 이름으로 저장을 선택하세요

PSD 파일 편집하기

PSD(Photoshop Document) 파일에는 레이어, 마스크, 스마트 오브젝트, 편집 가능 텍스트가 포함되어 있어요. 목업, 템플릿, 사진 합성 작업 시 가장 유연한 편집 환경을 제공해요

권장 소프트웨어

Adobe Photoshop에서 PSD 열기

1. Photoshop 열기

   Adobe Photoshop 실행하기

2. 파일 열기

   파일 → 열기로 이동하여 PSD 파일을 선택하세요

3. 레이어 살펴보기

   레이어 패널에서 모든 레이어, 그룹, 마스크를 확인할 수 있어요. 눈 아이콘을 클릭하여 표시 여부를 전환하세요. 텍스트 레이어를 더블 클릭하면 텍스트를 수정할 수 있어요

4. 스마트 오브젝트 편집

   일부 목업 템플릿은 플레이스 홀더 콘텐츠에 스마트 오브젝트를 사용해요. 레이어 패널에서 스마트 오브젝트 썸네일을 더블 클릭하여 새 탭에서 열고, 콘텐츠를 교체한 뒤 저장(Cmd/Ctrl+S)하면 목업이 자동으로 업데이트돼요

5. 내보내기

   파일 → 내보내기 → 다른 이름으로 내보내기로 이동하여 JPG, PNG 또는 다른 형식으로 저장하세요

GIMP에서 PSD 열기

1. GIMP 열기

   GIMP를 실행하세요(gimp.org에서 무료로 다운로드할 수 있어요)

2. 파일 열기

   파일 → 열기로 이동하여 PSD를 선택하세요. GIMP가 레이어를 자동으로 가져와요

3. 레이어 탐색

   레이어 대화상자(Windows → 도킹 가능한 대화상자 → 레이어)를 사용하세요. 편집 전 레이어를 클릭하여 활성화하세요

4. 호환성 참고 사항

   GIMP는 대부분의 PSD 기능을 잘 처리하지만, 일부 고급 Photoshop 효과(특정 혼합 모드, 스마트 필터)는 다르게 보일 수 있어요. 픽셀 단위의 완벽한 결과를 원한다면 Photoshop 사용을 권장해요

Photoshop 없이 PSD 편집하기(Photopea)

Photopea(photopea.com)는 PSD 파일을 열고 레이어, 마스크 및 대부분의 Photoshop 기능을 지원하는 무료 브라우저 기반 편집기예요. 구독 없이 가끔 PSD를 편집해야 할 때 유용한 옵션이에요

1. photopea.com으로 이동

   브라우저에서 photopea.com을 여세요

2. 파일 열기

   컴퓨터에서 열기를 클릭하고 PSD를 선택하세요. 모든 레이어가 유지된 상태로 파일이 열려요

3. 필요에 따라 편집

   Photoshop에서처럼 레이어 패널, 텍스트 툴, 드로잉 툴을 사용해 보세요

4. 내보내기

   파일 → 다른 이름으로 내보내기로 이동하여 원하는 형식(JPG, PNG, PSD 등)을 선택하세요

PNG 및 JPG 파일 편집하기

PNG와 JPG는 플랫한 래스터 파일입니다. 레이어가 없으므로 개별 요소를 따로 편집할 수 없어요. 하지만 자르기, 크기 조절, 색상 보정, 텍스트 추가, 필터 적용은 가능합니다. 더 복잡한 수정이 필요할 때는 수동 편집보다 AI 기반 툴을 사용하는 것이 훨씬 빠릅니다

Magnific의 이미지 에디터 사용하기(별도 소프트웨어 불필요)

모든 PNG나 JPG 파일에 이미지 에디터를 사용하여 자르기, 크기 조절, 배경 제거, 리터치, 업스케일, 스타일 변경, 색상 보정을 할 수 있어요. 브라우저에서 바로 작업할 수 있으며 별도의 설치가 필요 없습니다

이미지 에디터에서 사진을 편집하는 것은 무료이며 다운로드 횟수에 포함되지 않습니다. 결과물을 기기에 내보내고 저장할 때만 일일 다운로드 제한 횟수가 차감됩니다

데스크톱 소프트웨어 사용하기

어떤 이미지 에디터든 PNG 및 JPG 파일을 열 수 있습니다. Adobe Photoshop, GIMP, 어피니티 포토는 물론, Preview(macOS)나 Photos(Windows) 같은 기본 앱으로도 간단한 편집은 충분합니다. 인쇄용 작업이라면 충분한 해상도를 확보하세요. 인쇄 표준은 300 DPI입니다

PNG 투명도 관련 팁

PNG 파일은 배경을 투명하게 유지할 수 있어요. 내보낼 때 투명도를 유지하려면 항상 JPG가 아닌 PNG로 저장하세요. JPG는 투명도를 지원하지 않아 배경이 흰색으로 바뀝니다

SVG와 PNG의 차이

PNG와 SVG는 각기 다른 디자인 목적에 널리 쓰이는 포맷이에요. PNG는 픽셀로 구성된 래스터 포맷이라 사진처럼 디테일이 중요한 이미지에 적합하지만, 편집이나 크기 조절에는 제약이 있어요.

SVG는 반대로 도형과 경로로 이루어진 벡터 포맷이라 품질 저하 없이 자유롭게 크기를 조절할 수 있고 디자인 툴에서 편집하기도 쉬워요. SVG 파일은 특히 커스터마이징, 인쇄, 웹용으로 활용하기 좋아요

동영상 파일 편집

Magnific 스톡 비디오는 MP4 및 MOV 포맷으로 제공돼요. 두 포맷 모두 주요 동영상 편집기에서 문제없이 사용할 수 있어요

Magnific에서 동영상을 직접 편집하려면 동영상 프로젝트 편집기를 열어 보세요. 클립 결합, 다듬기, 오디오 추가하기, 내보내기가 가능하며 별도의 소프트웨어 설치는 필요하지 않아요

아이콘 편집하기

Magnific의 아이콘은 SVG 및 PNG 형식으로 제공돼요. SVG 아이콘은 완전히 편집 가능하며 색상 변경, 자유로운 크기 조절, 선 두께 조절을 할 수 있어요. PNG 아이콘은 플랫 이미지로 편집에 제한이 있어요

Magnific의 아이콘 에디터에서 SVG 아이콘 편집하기

1. 아이콘 페이지 열기

   Magnific에서 원하는 아이콘을 찾아 상세 페이지를 열어 보세요

2. 아이콘 편집 클릭하기

   아이콘 편집 버튼을 클릭하여 브라우저에서 바로 아이콘 에디터를 열어 보세요

3. 사용자 지정

   색상을 변경하고 크기를 조절해 보세요. 지원되는 아이콘의 경우 선 굵기도 수정할 수 있어요

4. 다운로드

   편집한 아이콘을 SVG 또는 PNG 형식으로 다운로드해 보세요

Figma나 일러스트레이터에서 SVG 아이콘 편집하기

Magnific 아이콘 페이지에서 SVG 아이콘을 클립보드로 바로 복사하여(복사 클릭) Figma, 일러스트레이터 또는 SVG를 지원하는 모든 툴에 붙여넣을 수 있어요. 붙여넣은 후에는 다른 벡터 요소와 마찬가지로 색상 변경, 크기 조절, 수정이 가능해요

아이콘을 클립보드로 복사하는 방법

아이콘을 다운로드하지 않고 복사하려면 PNG 복사 또는 SVG 복사 버튼을 클릭한 뒤 원하는 애플리케이션에 바로 붙여넣어 보세요. 복사된 아이콘은 다운로드 기록에도 추가되므로 다운로드 횟수에 포함돼요

편집 가능한 선을 가진 아이콘

일부 아이콘 패키지는 선 굵기 편집을 지원해요. 이러한 아이콘은 아이콘 에디터에서 편집 가능한 선 옵션을 표시해요. 일러스트레이터에서 SVG를 직접 편집하는 경우, 아이콘 패스를 선택한 후 선 패널(창 → 선)에서 선을 조절해 보세요.

편집 가능한 선 아이콘은 선을 라인 형태로 유지하므로 너비, 곡선, 모양을 수정할 수 있어요. 반면 단순화된 SVG는 선을 고정된 모양으로 변환하므로 고급 편집에 제한이 있어요. 아이콘 크기를 조절하면 선 굵기도 함께 조절된다는 점을 기억하세요. 일관된 선 너비를 유지해야 한다면 크기를 조정할 때 스케일링 대신 요소를 직접 수정해 보세요

애니메이션 아이콘

애니메이션 아이콘을 편집하려면 .AEP 파일을 다운로드하여 Adobe After Effects에서 열어 보세요. 각 파일에는 아이콘의 선 두께, 색상, 위치, 크기, 회전과 같은 주요 속성을 조정할 수 있는 컨트롤 레이어가 포함되어 있어요.

제공된 컨트롤러를 사용하여 선 두께를 변경하거나, 기본 색상 및 강조 색상을 업데이트하거나, 개별 요소를 수정해 보세요. 색상을 편집하려면 각 컨트롤러 옆의 상자를 클릭하여 색상 패널을 열고 필요한 대로 색조를 조정하세요

일반적인 문제 및 해결 방법

벡터 및 PSD 파일에서 가장 흔히 발생하는 문제예요. 원본 디자인에 사용된 폰트가 파일에 포함되어 있지 않으므로, 제대로 표시되려면 컴퓨터에 해당 폰트가 설치되어 있어야 해요

1. 파일을 열면 사용 중인 소프트웨어가 누락된 폰트를 알려줄 거예요
2. Google Fonts(무료), Adobe Fonts(크리에이티브 클라우드 포함), 또는 폰트 마켓플레이스에서 폰트 이름을 검색해 보세요
3. 시스템에 폰트를 설치하고 파일을 다시 열면 제대로 렌더링될 거예요
4. 폰트를 찾을 수 없다면 텍스트 레이어를 선택하고 원하는 유사 폰트로 대체해 보세요

Magnific 리소스 미리 보기 이미지에는 올바른 폰트가 적용된 디자인이 표시돼요. 편집 가능 파일은 폰트가 설치되어 있지 않으면 제대로 표시되지 않아요

요소들이 그룹화되어 있어요. 일러스트레이터의 경우: 마우스 오른쪽 버튼 클릭 → 그룹 해제(또는 Shift+Cmd/Ctrl+G). Photoshop의 경우: 레이어 패널에서 그룹 폴더를 클릭하여 익스팬드한 다음 내부의 개별 레이어를 선택하세요

일부 파일은 여러 단계로 중첩되어 있으므로, 원하는 요소에 도달하려면 여러 번 그룹을 해제해야 할 수도 있어요

파일이 클리핑 마스크를 사용하고 있어요. 일러스트레이터에서는 마스크가 적용된 개체를 우클릭한 후 클리핑 마스크 해제를 선택하세요. Photoshop에서는 레이어를 우클릭하여 클리핑 마스크를 해제하거나, 레이어 패널에서 레이어 마스크를 삭제 또는 비활성화하세요

해제하면 전체 아트워크가 표시되며, 리프레임하거나 수정할 수 있어요

파일이 CMYK 컬러 모드(인쇄용)로 되어 있어 화면의 RGB와 다르게 보일 수 있어요. 일러스트레이터에서는 파일 → 문서 색상 모드로 이동하여 화면 디자인용인 RGB로 전환하세요. Photoshop에서는 이미지 → 모드 → RGB 색상으로 이동하세요

색상이 여전히 플랫하거나 흐릿하게 보인다면 변환 과정에서 투명도나 혼합 모드가 손실되었는지 확인해 보세요(EPS 파일을 Adobe 이외의 소프트웨어에서 열 때 흔히 발생하는 현상이에요)

디자인이 클리핑 마스크 뒤에 있거나 현재 확대 수준에서 보이지 않는 그룹 안에 있을 수 있어요. Cmd/Ctrl+A(전체 선택)를 눌러 요소가 선택되는지 확인해 보세요. 선택된다면 일러스트레이터에서는 개체 → 클리핑 마스크 → 해제를 선택하고, Photoshop에서는 레이어 가시성을 확인해 보세요

드문 경우지만, 사용하는 소프트웨어 버전에서 지원하지 않는 기능을 파일이 사용하고 있을 수 있어요. 더 최신 버전에서 열어보거나, 다른 앱을 사용 중이라면 일러스트레이터에서 열어보세요

디자이너가 내보내기 전에 텍스트를 아웃라인(패스)으로 변환했어요. 이는 폰트 의존성 문제를 피하기 위해 흔히 사용하는 방식이에요. 텍스트가 아웃라인으로 변환되면 더 이상 텍스트로 편집할 수 없으며, 하나의 도형으로 취급돼요

아웃라인 처리된 텍스트 도형을 삭제하고, 폰트 툴을 사용하여 비슷한 폰트로 새로 입력해 보세요. 원본 폰트와 정확히 일치시켜야 한다면 폰트 식별 툴(WhatFontIs 또는 Adobe Fonts의 비주얼 검색 등)로 폰트를 찾아 설치한 뒤 다시 입력하세요

일부 고해상도 PSD 파일이나 복잡한 벡터 일러스트는 용량이 클 수 있어요(50 MB+). 이는 정상적인 현상이에요. 성능을 개선하려면 다음을 시도해 보세요:

• Photoshop에서는 편집 → 환경 설정 → 성능으로 이동하여 Photoshop에 할당된 램 용량을 늘려보세요
• 일러스트레이터에서 편집 → 환경 설정 → GPU 성능으로 이동하여 GPU 렌더링이 활성화되어 있는지 확인해 보세요
• 대용량 파일을 작업할 때는 다른 애플리케이션을 종료하여 메모리를 확보해 보세요

일부 PSD 또는 AI 파일에는 포함되지 않고 레퍼런스로 배치된 연결된 외부 에셋이 포함되어 있어요. 다운로드 시 이 연결된 파일들이 포함되지 않았다면 링크 누락 경고가 표시돼요

일러스트레이터에서: 링크 패널(창 → 링크)을 열어 누락된 항목을 확인해 보세요. 로컬 파일로 다시 연결하거나, 연결된 항목을 선택한 후 이미지 포함을 사용하여 직접 포함시킬 수 있어요

Photoshop에서: 레이어 패널의 해당 스마트 오브젝트 레이어에 경고 아이콘이 표시돼요. 레이어를 더블 클릭하여 스마트 오브젝트를 열고 콘텐츠를 교체해 보세요

편집 소프트웨어가 없나요? Magnific 온라인 툴을 사용해 보세요

대부분의 Magnific 파일을 편집하기 위해 별도의 설치는 필요하지 않아요. 이 툴들은 브라우저에서 바로 작동해요:

일러스트레이터 없이 벡터를 다룰 때

일러스트레이터 없이 EPS나 AI 파일을 편집해야 한다면, 브라우저에서 두 형식 모두 열 수 있고 대부분의 일반적인 편집이 가능한 Photopea (photopea.com)를 사용해 보세요. SVG 파일의 경우, Figma의 무료 요금제도 좋은 선택지예요