Illustrator, 웹용으로 저장 : 한 번에 아트 및 유형 최적화를 분리 하시겠습니까?


11

Illustrator에서 웹으로 내보낼 때는 (와는 별도로 ) 친숙 Art Optimized하고 Type Optimized변환적인 구성표가 None있습니다.

두 가지 방식 모두 서로 다른 유형의 요소에 고유 한 특권이 있습니다. 당연히, 아무것도 예술 최적화에 탁월합니다 하지만 유형에 최적화 된 반면 텍스트는 훨씬 더 텍스트 / 글꼴을 렌더링에서 종종 있습니다. (음, 그것은 주관적인 주제가 될 수 있지만, 그것은 토론과 관련이 없습니다. 사실에 충실합시다. 때때로 당신은 둘 중 하나를 선호합니다. 의도 한 요소를 각각 다루는 것이 맞습니까?

종종 두 가지 버전을 내 보내야합니다. 로고 타입을 만들 때 * _art_opt.png와 * _type_opt.png. 그런 다음 Photoshop에서 두 렌더링 된 이미지를 두 레이어에 배치하여 유형 영역에서 아트 최적화 부분을 잘라 내고 그 반대도 마찬가지입니다. 처음에 내가 찾던 것을 얻기 위해서 : 최적화 된 예술… 다시 말하면, "예술"은 Art Optimized를 렌더링하고 텍스트는 Type Optimized를 렌더링했습니다.

종종 다양한 크기를 만든다는 점을 고려하십시오. 투명한 버전 및 불투명 한 버전; 다양한 형식으로 저장됩니다… 그리고 SERIOUS ™ 시간 낭비가 있습니다.

그래서 질문

Art Optimized rendition으로 처리 된 아트 요소와 Type Optimized로 처리 된 텍스트 요소를 모두 같은 방식으로 사용하는 방법이 궁금합니다.

아래는 하나의 최적화 (아트)에서 로고 마크가 잘 표시되고 다른 최적화 (유형)에서 로고 텍스트가 더 잘 표시되는 방법을 보여주는 예입니다. 여기서 두 파일을 저장하고 Photoshop으로 가져와 수동으로 믹스해야합니다. 함께 좋은 부품 :

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

답변:


11

Save for Web & Devices패널에서 앤티 앨리어싱을 적용 할 때 전체 내보내기는 동일한 앤티 앨리어싱 방법을 가져 오지만 객체 레벨에서 앤티 앨리어싱을 적용 할 수 있습니다.

객체를 선택하고로 이동하십시오 Effect > Rasterize.... 원하는 ppi를 선택하십시오 . Use Document Raster Effects Resolution예를 들어을 클릭하여 모든 개체를 72ppi에서 300ppi로 쉽게 전환 할 수 있기 때문에 항상 선택하는 것이 좋습니다 Effect > Document Raster Effects Settings.... 개체에 적용 할 앤티 앨리어싱 방법을 선택하십시오. 나는 항상 Type Optimized텍스트 객체에 적용 하지만 그래픽에 대해서는 아무것도 할 필요가 없습니다. 내가 사용하는 유일한 시간 Art Optimized은 연결된 PSD 그림에만 있으며, Ilustrator에서 그림의 크기를 줄이면 특히 더 나은 결과를 얻을 수 있습니다

이 방법의 또 다른 장점은 대지에 표시되는 내용 (한 번에 모든 래스터 화 필터가 적용됨)이 내보낼 때 얻을 수있는 것과 정확히 일치하므로 최종 출력을 실제로 제어 할 수 있다는 것입니다.

객체는 래스터 화되지만 효과는 Appareance패널 에서 켜거나 끌 수 있습니다. 따라서 실제로 래스터 화되지 않으며 변경되지 않습니다. 그런 다음 내보낼 때 Save for Web & Devices패널에 앤티 앨리어싱을 적용하지 마십시오 .


3
dlmth : 이것은 피의 찬란하다. 이 답변에 대해 얼마나 감사하다고 말할 수 없습니다. 내가했던 것과 같은 혼란을 겪는 사람들에 대한주의 사항 : 출력이 컴퓨터 화면 용인 경우 효과> 문서 래스터 효과 설정…을 '화면 (72ppi)으로 변경하십시오. Mine은 'High (300ppi)'에 있었고 웹용으로 저장할 때 앤티 앨리어싱을 엉망으로 만들었습니다.
Henrik

3

솔직히 ...이 경우 스마트 객체로 Photoshop에 복사 / 붙여 넣기하고 Photoshop을 사용하여 웹용으로 저장합니다. AI의 SFW 앤티 앨리어싱은 객체가 혼합 되어도 놀랍지 않습니다.


이건 재미 있네! 그런 생각은하지 않았다. Photoshop은 텍스트를 조금만 더 잘 처리합니다 (예술의 무결성을 유지하면서). 그러나 PS 'Save for Web에서 심한 색상 결함이 발생했지만 현재 작업중 인 로고 (위의 더미 아이콘이 아닙니다.)에 약간의 정교한 불투명도가 있다는 사실과 관련이 있다고 생각합니다. Photoshop에서 동일한 방식으로 처리하지 않는 마스크와 내부 광선 + 그림자 효과가 진행됩니다.
Henrik

1
로고에는 효과를 사용하지 않습니다. 로고의 평평한 모양을 디자인합니다. 그러나 더 나은 지원을 위해 AI 문서 색상 모드가 RGB인지 확인한 다음 Photoshop에 복사 / 붙여 넣기하십시오.
Scott

색상 모드 일관성에 대한 좋은 지적입니다. Scott. 로고에 효과를 사용하지 않는 이유에 대해 간략히 설명하고 싶은지 물어 보려고
Henrik

모든 통조림 효과는 브랜드를 "저렴하게"하는 것 이상을 수행하지 않습니다. 견고한 로고에는 그림자 나 광선 또는 기타 물건이 필요하지 않습니다. 그냥 내 의견. 나는 절대적으로 틀린 것으로 알려져있다.
Scott

2

이것을 읽은 후에 내가 한 것은 개요에 텍스트를 만드는 것이 었습니다.

상자 "로고 텍스트"를 선택하십시오. 마우스 오른쪽 버튼을 클릭하고 "개요 만들기"또는를 말합니다 Edit > Object > create outlines.

이것은 어떤 것을 허용합니다

아트에 최적화 된 내보내기.

그러나 나는 웹 사용뿐만 아니라 인쇄 될 로고에 이것을 사용하고있었습니다. 그러나 나는 그것이 거의 같을 것이라고 생각합니다.


-1

기본적으로 위와 동일하지만 AI 2017의 경우 :

유형 (텍스트 도구가 아닌 포인터 포함)을 선택하십시오. 유형> 외곽선 만들기. 짜잔 귀하의 텍스트는 Art이며 이제 Art Optimized가 될 수 있습니다. 완전한!


1
upvotes / downvotes로 인해 위치가 변경되므로 "위와 동일"이라고 쓰지 마십시오. 대신 다른 답변을 참조하려면 "@user said"라고 말합니다. 또한 당신이 쓴 것은 질문에 대한 답변보다 주석과 같습니다.
Luciano
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.