Illustrator, Save for Web: คงการเพิ่มประสิทธิภาพของ Art และ Type แยกกันในคราวเดียว?


11

เมื่อส่งออกสำหรับเว็บใน Illustrator จะมีรูปแบบที่คุ้นเคยArt OptimizedและType Optimizedแสดงผล (นอกเหนือจากNone)

โครงร่างทั้งสองมี perks ของตนเองในองค์ประกอบชนิดต่าง ๆ ไม่น่าแปลกใจที่ Art Optimized เก่งสำหรับทุกอย่างยกเว้นข้อความในขณะที่ Type Optimized มักจะดีกว่าในการแสดงข้อความ / แบบอักษร (ดีฉันเดาว่าอาจเป็นหัวข้อส่วนตัว แต่มันไม่เกี่ยวข้องกับการสนทนา - ขอเพียงอยู่กับความจริงบางครั้งคุณชอบหนึ่งหรืออื่น ๆ และบ่อยครั้ง (นี่คือส่วนสำคัญของสิ่งทั้งหมด) คุณชอบทั้งสองรูปแบบ รักษาองค์ประกอบที่ตั้งใจไว้ตามลำดับใช่ไหม?

ฉันต้องส่งออกสองเวอร์ชันบ่อยครั้ง one * _art_opt.png และอีกหนึ่ง * _type_opt.png เมื่อสร้างเช่นต้นแบบ จากนั้นฉันต้องวางทั้งภาพที่แสดงเป็นสองเลเยอร์ใน Photoshop ตัดส่วนของ Art Optimized ออกจากพื้นที่ Type และในทางกลับกัน เพียงเพื่อให้ได้สิ่งที่ฉันกำลังมองหาในตอนแรก: ศิลปะที่ปรับให้เหมาะสม ... ในคำอื่น ๆ การแสดงผล "ศิลปะ" ศิลปะที่ปรับให้เหมาะสมและเพิ่มประสิทธิภาพการแสดงผลข้อความ Type Optimized

ปัจจัยที่ทำให้ฉันมีขนาดที่แตกต่างหลากหลาย รุ่นโปร่งใสและรุ่นทึบแสง; บันทึกในรูปแบบต่าง ๆ ... และคุณมีเวลาอย่างมากที่จะเสียเวลา

และดังนั้นคำถาม

ฉันแค่สงสัยว่ามีวิธีใดบ้างที่มีองค์ประกอบศิลปะที่ได้รับการปฏิบัติด้วยการเพิ่มประสิทธิภาพการแสดงผล Art และองค์ประกอบข้อความที่ถือว่าเป็นประเภทการเพิ่มประสิทธิภาพ - ทั้งหมดนี้ในเวลาเดียวกัน

ด้านล่างเป็นตัวอย่างที่แสดงให้เห็นว่าเครื่องหมายโลโก้ดูดีในการเพิ่มประสิทธิภาพหนึ่ง (ศิลปะ) และข้อความโลโก้ปรากฏได้ดีขึ้นในการเพิ่มประสิทธิภาพอื่น ๆ (ประเภท) ซึ่งฉันจะต้องบันทึกสองไฟล์และนำพวกเขาลงใน 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

ข้อดีอีกประการของวิธีนี้คือสิ่งที่คุณเห็นบน artboard ของคุณ (เมื่อใช้ตัวกรอง rasterize ทั้งหมด) จะเป็นสิ่งที่คุณจะได้รับเมื่อส่งออกเพื่อให้คุณสามารถควบคุมผลลัพธ์สุดท้ายได้อย่างแท้จริง

วัตถุจะได้รับการแรสเตอร์ แต่เนื่องจากเป็นเอฟเฟกต์ที่คุณสามารถเปิด / ปิดในAppareanceพาเนลได้ - ดังนั้นจึงไม่ได้มีการแรสเตอร์จริงๆและไม่ได้รับการเปลี่ยนแปลง จากนั้นเมื่อส่งออกอย่าใช้การต่อต้านนามแฝงในSave for Web & Devicesแผงควบคุม


3
dlmth: นี่เป็นเลือดที่ยอดเยี่ยม ฉันไม่สามารถพูดได้ว่าฉันขอบคุณสำหรับคำตอบนี้ ข้อควรระวังสำหรับผู้ที่ใช้ช่องว่างที่สับสนเช่นเดียวกับที่ฉันทำ: หากผลลัพธ์ของคุณมีไว้สำหรับหน้าจอคอมพิวเตอร์ให้เปลี่ยนเอฟเฟกต์> การตั้งค่าเอฟเฟกต์เอกสาร Raster ... เป็น 'หน้าจอ (72 ppi) Mine อยู่ที่ 'สูง (300 ppi)' ซึ่งทำให้การต่อต้านนามแฝงเมื่อบันทึกสำหรับเว็บจริงๆ
Henrik

3

สุจริต ... ฉันคัดลอก / วางเพื่อ Photoshop เป็น Smart Object และบันทึกสำหรับเว็บด้วย Photoshop ในกรณีเหล่านี้ การลบรอยหยัก SFW ของ AI นั้นไม่น่าทึ่งเมื่อมีการผสมวัตถุ


สิ่งนี้น่าสนใจมาก! ไม่เคยคิดอย่างนั้น ดูเหมือนว่า Photoshop จะปฏิบัติต่อข้อความเพียงเล็กน้อยดีกว่า (ในขณะที่ยังคงความสมบูรณ์ของศิลปะ) อย่างไรก็ตามฉันพบกับความผิดพลาดของสีที่น่ารังเกียจใน PS 'Save for Web แต่ฉันคิดว่ามันเกี่ยวข้องกับความจริงที่ว่าโลโก้ที่ฉันกำลังทำงานอยู่ (ไม่ใช่ไอคอนดัมมี่ด้านบน;) มีความทึบค่อนข้างซับซ้อน (หลายอย่าง) มาสก์และเอฟเฟกต์แสงเงาด้านในลดลงซึ่ง Photoshop ไม่ได้จัดการในลักษณะเดียวกัน
Henrik

1
ฉันไม่ได้ใช้เอฟเฟกต์กับโลโก้ ฉันออกแบบรูปทรงแบน ๆ สำหรับโลโก้ อย่างไรก็ตามเพื่อการรองรับที่ดีขึ้นโปรดตรวจสอบว่าโหมดสีเอกสาร AI ของคุณเป็น RGB จากนั้นคัดลอก / วางไปยัง Photoshop
สกอตต์

จุดที่ดีเกี่ยวกับความสอดคล้องโหมดสี Scott ฉันจะถามว่าคุณสนใจที่จะอธิบายรายละเอียดสั้น ๆ ว่าทำไมคุณถึงไม่ใช้เอฟเฟกต์ในโลโก้ แต่เนื่องจากนี่เป็นหัวข้ออื่นฉันจะเปิดกระทู้คำถามใหม่: graphicdesign.stackexchange.com/questions/ 5306 / …
Henrik

เอฟเฟกต์กระป๋องทั้งหมดไม่ได้ทำอะไรมากไปกว่า "แบรนด์" ที่ถูกกว่า โลโก้ที่เป็นของแข็งไม่จำเป็นต้องมีเงาหรือแสงหล่นหรือสิ่งอื่นใด แค่ความเห็นของฉัน ฉันรู้ว่าผิดอย่างแน่นอน
สกอตต์

2

สิ่งที่ฉันทำหลังจากอ่านข้อความนี้คือการสร้างข้อความเป็นโครงร่าง

กล่องเลือก "โลโก้ข้อความ" คลิกขวาและพูดว่า "สร้างเค้าโครง" Edit > Object > create outlinesหรือ

อันนี้จะอนุญาตใด ๆ

ส่งออกที่เหมาะสำหรับงานศิลปะ

อย่างไรก็ตามฉันใช้สิ่งนี้สำหรับโลโก้ที่จะพิมพ์ไม่ใช่เฉพาะการใช้เว็บ อย่างไรก็ตามฉันคิดว่ามันจะเหมือนกันมาก


-1

โดยพื้นฐานเหมือนกับข้างต้น แต่สำหรับ AI 2017:

เลือกประเภท (w / ตัวชี้ไม่ใช่เครื่องมือข้อความ) ประเภท> สร้างโครงร่าง voila ข้อความของคุณคือศิลปะและสามารถปรับให้เหมาะกับศิลปะแล้ว ที่สมบูรณ์แบบ!


1
อย่าเขียน "เหมือนข้างบน" เพราะคำตอบเปลี่ยนตำแหน่งเนื่องจาก upvotes / downvotes หากคุณต้องการอ้างอิงคำตอบอื่นให้พูดว่า "@user ดังกล่าว" สิ่งที่คุณเขียนนั้นเป็นเหมือนความคิดเห็นมากกว่าคำตอบของคำถาม
ลูเซียโน
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.