Illustrator 이미지에서 여러 크기로 이미지를 내보내려면 어떻게해야합니까?


29

저는 Adobe Illustrator를 처음 사용하며 5 또는 6 개의 다른 크기로 사용해야하는 로고 이미지가 있습니다. 로고 이미지는 Adobe Illustrator에서 만들어졌지만 이미지를 PNG 또는 JPEG로 저장하려고하면 단순했던 것이 매우 복잡해졌습니다.

Adobe Illustrator에서 이미지를 특정 크기로 처리 한 다음 해당 크기에 인치당 픽셀 비율 계수를 곱하여 실제로 저장되는 픽셀 수를 계산하려고합니다. 결과 출력 픽셀 크기의 매우 제한된 세트 를 제공하는 몇 가지 제한된 스케일 팩터 선택이 있습니다.

그러나 많은 웹 사용의 경우 사용자는 필요한 출력 픽셀 크기를 이미 알고 있습니다. 저장된 그래픽의 픽셀 너비 또는 높이를 지정하는 방법이 있습니까?

이미지를 내 보낸 다음 Photoshop을 사용하여 크기를 조정하라는 제안을 보았지만 벡터 이미지에서 최종 이미지를 만드는 것보다 이미지 품질이 떨어집니다.



그렇게하는 방법에는 여러 가지가 있습니다. 내 이미지는 모두 내보낼 이미지를 선택한 다음 헤더에 너비와 높이 옵션이 있습니다. 변경 한 다음 내보내십시오.

답변:


26

파일> 웹용으로 저장을 클릭 한 다음 Image Size웹용으로 저장 창의 오른쪽에있는 탭을 클릭하여 픽셀 크기를 입력 하십시오.

아니면 내가 당신을 올바르게 이해하고 있지 않습니까?


고마워요 방금 "내보내기"기능을 사용하여 약 15 분을 보냈지 만 72ppi 미만을 사용하지 않기 때문에 매우 작은 수출을 위해 아트웍과 대지를 재조정해야했습니다.
Kjeld Schmidt

12

File → Save for Web치수를 사용 하고 입력하면 이후의 작업이 수행됩니다. 또한 Illustrator는 벡터 크기 조정을 사용하므로 Photoshop에서 동일한 작업을 시도했을 때보 다 결과가 더 좋습니다. Photoshop에서 문서와 일치하지 않는 크기를 입력하면 이미지의 비트 맵 크기가 조정됩니다.

CS6 이전의 Illustrator 버전을 사용하는 경우 크기를 변경 한 후 적용을 클릭해야합니다.

Illustrator에서 웹용으로 저장

아, 그리고 Convert to sRGB끄기를 원할 가능성이 매우 높습니다. 이미지를 현재 색상 공간에서 sRGB로 파괴적으로 변환하여 색상을 이동시킵니다.

여기에 이미지 설명을 입력하십시오


CS6에 적용 버튼이 없습니다 .... RGB로 변환에 동의하지 않습니다 . 웹으로 향하는 이미지에 대해 ON 을 원합니다 .
Scott

2
CS6 팁에 대해 감사합니다. 에서의 sRGB로 변환을 떠나는 것은 절대적으로 웹 및 UI 작업에 대한 잘못된 접근 방식. 이유는 다음과 같습니다. bjango.com/articles/photoshop (여러분의 위험에 처해주세요!)
Marc Edwards

2
실제로 기사를 읽었습니까? 웹 및 UI 작업을 수행 할 때는 전체 프로세스에서 정확한 색상 값을 유지해야합니다. # FF0010을 색상으로 입력하면 코드의 색상과 일치 시키려면 파일에 # FF0010으로 출력되어야합니다. 이것은 sRGB로 변환이 꺼져 있어야 함을 의미합니다. 나는 당신이 이런 종류의 일을하지 않는다는 느낌을 받았으며 무엇이 관련되어 있는지 이해하지 못한다.
Marc Edwards

1
스캇, 이것을 호의적 인 공격으로 생각하지 말아라. 그러나 비슷한 토론에서 RGB 색상 표현에 대한 잘못된 아이디어를 선택했을 것 같다. graphicdesign.stackexchange.com/questions/7815/… 도 참조하십시오 .
e100

3
웹 작업시 거의 모든 상황에서 sRGB로 변환하는 것은 잘못된 선택입니다. "웹용으로 저장 팀이 sRGB로 변환 옵션을 구현 한 이유가 있습니다." feedback.photoshop.com/photoshop_family/topics/…
Marc Edwards

1

여러 픽셀 크기를 지원해야 할 때 동일한 AI 파일 내에서 아트를 제거하고 크기를 조정할 수 있습니다. 각 크기는 별도의 올바른 크기의 대지에 적용됩니다. 내보낼 파일 형식으로 보드 이름을 추가합니다. 그런 다음 각 대지를 내보내고 해당 파일에서 해당 형식으로 입력 한 마지막 설정을 사용하여 이름에서 파일 형식을 선택하는 jsx를 실행합니다. 이것은 모두 CS5에 있습니다.

이 로고를 일부 로고, 아이콘 및 디스플레이 광고에 사용합니다.


.jsx를 공유 할 수 있습니까?
kelin

@ kelin 나는 할 수 없습니다. Adobe 제품을 고민 한 지 오래되었습니다.
Plainclothes 2016 년

1
문제 없어, 내가 여기에 큰 스크립트를 발견 stackoverflow.com/a/28067227/3050403
킬린

0

Photoshop에서 적절한 크기의 문서를 만들거나 안내선이있는 영역을 상자로 만든 다음 파일> 벡터 아트 배치를 수행 할 수도 있습니다.

셰이프를 렌더링하기 전에 셰이프의 크기를 조정할 수 있습니다. 그 후에 확장하면 품질이 떨어집니다.

필자는 항상 크기에 대한 정확한 제어를 위해 로고에이 기술을 사용했습니다. 예를 들어 로고 경계 요소를 픽셀 경계 (힌팅 형태)에서 기준선을 얻는 것입니다.


0

모바일 앱 디자이너에게 열심 인이 주제 외에 한 번의 클릭으로 iOS 및 Android 용 망막 자산을 생성하는 이 스크립트 가 있습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.