Illustrator, Web için Kaydet: Sanat ve Tür optimizasyonunu tek seferde ayrı tutmak mı?


11

Illustrator'da web için dışa aktarırken, tanıdık Art Optimizedve Type Optimizedyorumlama şemaları (dışında None) vardır.

Her iki şemanın da farklı unsur türleri üzerinde kendi avantajları vardır. Şaşırtıcı değil, herhangi bir şey için Sanat Optimize üstünlük ancak Tip Optimized oysa metin, çok daha iyi metin / yazı render de sık sık. (Şey, sanırım bu öznel bir konu olabilir, ama tartışma ile ilgisiz - hadi gerçeğe sadık kalalım; bazen birini ya da diğerini tercih edersiniz ve sıklıkla (işte her şeyin özü) her iki şemayı da tercih edersiniz sırasıyla amaçlanan öğelerini tedavi etmek, değil mi?

Genellikle iki sürümü dışa aktarmam gerekiyor; örneğin bir logo oluştururken bir * _art_opt.png ve bir * _type_opt.png. Daha sonra, her iki oluşturulan görüntüyü Photoshop'taki iki katmana yerleştirmeliyim, Yazım Alanından Sanat İçin En İyileştirilmiş kısmını kesip tam tersini yapmalıyım. İlk başta aradığım şeyi elde etmek için: OPTİMİZE sanat… başka bir deyişle, "sanat" Sanat Optimize ve metin render Tip Optimize oldu.

Genellikle farklı boyutlarda yaptığım faktör; şeffaf versiyonlar ve opak versiyonlar; çeşitli biçimlerde kaydedilmiş… ve bazı SERIOUS ™ zaman kaybınız var.

Ve böylece, soru

Sadece merak ediyorum, sanat unsurlarının Sanat Optimize Edilmiş yorumuyla ve metin unsurlarının Tip Optimize Edilmiş olarak işlenmesini sağlayan herhangi bir yöntem var mı - hepsi aynı anda mı?

Aşağıda, logo işaretinin bir optimizasyonda (resim) nasıl iyi göründüğünü ve logo metninin diğer optimizasyonda (tür) daha iyi göründüğünü gösteren bir örnek var; birlikte iyi parçalar:

resim açıklamasını buraya girin

Yanıtlar:


11

Save for Web & DevicesPanele kenar yumuşatma uygularken , tüm dışa aktarma aynı kenar yumuşatma yöntemini alır, ancak kenar yumuşatmayı nesne düzeyinde uygulayabilirsiniz.

Bir nesne seçin ve seçeneğine gidin Effect > Rasterize.... İstediğiniz Use Document Raster Effects Resolutionppi'yi seçin, her zaman seçmek daha iyidir çünkü o zaman tüm nesnelerinizi 72ppi'den 300ppi'ye değiştirmek kolay olacaktır Effect > Document Raster Effects Settings.... Nesnenize uygulamak istediğiniz kenar yumuşatma yöntemini seçin. Her zaman Type Optimizedmetin nesnelerine uygulanırım , ancak grafik üzerinde hiçbir şey yapmanıza gerek yoktur. Kullandığım tek zaman Art Optimizedbağlantılı PSD resimlerinde, özellikle resmi Ilustrator'da küçültdüyseniz daha iyi bir sonuç elde edersiniz

Bu yöntemin bir başka avantajı, çalışma yüzeyinizde gördüğünüz şeyin (tüm rasterleştirme filtreleri uygulandıktan sonra) dışa aktarırken alacağınız şey olacaktır, böylece son çıktıyı gerçekten kontrol edebilirsiniz.

Nesne rasterleştirilecek, ancak bir etki olduğu için Appareancepanelde açıp kapatabilirsiniz - bu yüzden gerçekten rasterleştirilmez ve değiştirilmez. Dışa aktarırken Save for Web & Devicespanelde kenar yumuşatma uygulamayın .


3
dlmth: Bu çok kanlı. Bu cevap için ne kadar minnettar olduğumu söyleyemem. Benim yaptığım karışıklık boşluğuna karışanlar için dikkat edilmesi gereken bir not: Çıktınız bilgisayar ekranına yönelikse, Efektler> Belge Raster Efektleri Ayarları… 'Ekranı (72 ppi) olarak değiştirin. Benimki 'Yüksek (300 ppi)' idi.
Henrik

3

Dürüst olmak gerekirse ... Bu örneklerde Photoshop'a Akıllı Nesne olarak kopyalayıp yapıştırıyorum ve Photoshop ile Web için Kaydet. AI'nın SFW kenar yumuşatma nesneleri karıştırıldığında çarpıcı değildir.


Bu ilginç! Bunu hiç düşünmedim. Photoshop'un metni biraz daha iyi ele aldığı anlaşılıyor (sanatın bütünlüğünü korurken). Ancak PS 'Save for Web'de kötü bir renk hatası yaşadım, ancak şu anda üzerinde çalıştığım logonun (yukarıdaki kukla simgesi değil;) bazı oldukça ayrıntılı (çoklu) opaklığa sahip olmasıyla ilgili bir şey olduğunu düşünüyorum. Photoshop'un aynı şekilde işlemediği maskeler ve iç parlaklık + alt gölge efektleri devam ediyor.
Henrik

1
Logolar üzerinde efekt kullanmıyorum. Logolar için düz şekiller tasarlıyorum. Bununla birlikte, daha iyi destek için AI belge renk modunuzun RGB olduğundan emin olun, ardından Photoshop'a kopyalayın / yapıştırın.
Scott

Renk modu tutarlılığı hakkında harika bir nokta, Scott. Logolarda
Henrik

Tüm konserve efektleri markayı "ucuzlaştırmak" dan başka bir şey yapmaz. Sağlam bir logo alt gölge veya parıltıya ya da diğer herhangi bir şeye ihtiyaç duymamalıdır. Sadece benim fikrim. Kesinlikle yanlış olduğum biliniyordu.
Scott

2

Bunu okuduktan sonra yaptığım şey, ana hatlara herhangi bir metin oluşturmaktı.

Kutu seçin "logo Metin" Sağ tıklayın ve "Anahat Oluştur" deyin veya Edit > Object > create outlines.

Bu, herhangi bir

Dışa aktarma Art.

Ancak bunu sadece web kullanımı için değil, basılacak bir logo için kullanıyordum. Ancak bunun aynı olacağını hayal ediyorum.


-1

Temel olarak, yukarıdaki ile aynı, ancak AI 2017 için:

Türü seçin (metin aracıyla değil, işaretçi ile) Yazım> Anahatlar oluştur. Voila. Metniniz Sanat ve şimdi Sanat İçin Optimize Edilebilir. Mükemmel!


1
"Yukarıdakilerle aynı" yazmayın, çünkü cevaplar yukarı oylar / aşağı oylar nedeniyle konumu değiştirir. Bunun yerine başka bir cevaba başvurmak istiyorsanız "@user'ın söylediği gibi" deyin. Ayrıca yazdıklarınız soruya verilen cevaptan çok bir yorum gibidir.
Luciano
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.