Illustrator görüntüsünden bir görüntüyü birden fazla boyutta nasıl dışa aktarabilirim?

Adobe Illustrator'da yeniyim ve 5 veya 6 farklı boyutta kullanmam gereken bir logo resmim var. Logo görüntüsü Adobe Illustrator'da oluşturuldu, ancak görüntüyü PNG veya JPEG biçiminde kaydetmeye çalıştığımda, basit olması gereken çok karmaşık olduğu ortaya çıktı.

Adobe Illustrator uygulamasının görüntüyü belirli bir boyutta ele almak istediğini ve sonra kaydettiği gerçek piksel sayısını elde etmek için bu boyutu inç başına ölçek ölçeği pikseliyle çarpmak istediğini biliyorum. Çok sınırlı sayıda sonuç çıktı piksel büyüklüğü veren birkaç sınırlı ölçek faktörü seçeneğine sahiptir .

Ancak birçok web kullanımında kullanıcı, ihtiyaç duyulan çıktı piksel boyutlarını zaten bilir. Gerekli olan kaydedilen grafiğin piksel genişliğini veya yüksekliğini sadece belirtmenin bir yolu var mı?

Görüntüyü dışa aktarma önerileri gördüm ve ardından yeniden boyutlandırmak için Photoshop kullandım, ancak bu, vektör görüntüden son görüntüyü oluştururken daha düşük görüntü kalitesiyle sonuçlandı.

Dosya> Web İçin Kaydet ve ardından Image SizeWeb İçin Kaydet penceresinin sağındaki sekmeyi tıklatarak piksel boyutlarını girin .

Yoksa seni doğru anlamadım mı?

File → Save for WebBoyutları kullanmak ve girmek peşinde olduğunuz şeyi yapacaktır. Ayrıca, Illustrator uygulamasında vektör ölçeklendirme kullanılır, bu nedenle sonuçlar Photoshop'ta aynı şeyi denemekten daha iyidir - Photoshop'ta belgeyle eşleşmeyen boyutların girilmesi görüntünün bitmap ölçekleneceği anlamına gelir.

CS6'dan önce Illustrator sürümünü kullanıyorsanız, boyutları değiştirdikten sonra Uygula'yı tıklamanız gerektiğini lütfen unutmayın.

Oh, ve Convert to sRGBkapatmak isteyeceğiniz çok iyi bir şans var - resminizi mevcut renk uzayından sRGB'ye dönüştürerek renkleri değiştirir.

Birden fazla piksel boyutunu desteklemem gerektiğinde, resmi aynı AI dosyası içinde büyütür ve ölçeklerim. Her boyut ayrı bir doğru boyutta çalışma yüzeyine gider. Kart adını dışa aktarılacak dosya biçiminde ekliyorum. Sonra her çalışma yüzeyini dışa aktaran ve o dosyada bu format için girdiğim son ayarları kullanarak dosya formatını addan alan bir jsx kullanıyorum. Bunların hepsi CS5'te.

Bu iş akışını bazı logolar, simgeler ve görüntülü reklamlar için kullanıyorum.

Photoshop'ta uygun boyutta bir belge de oluşturabilir (veya kılavuzlu bir alanı kutuya yerleştirebilir) ve ardından Dosya> Vektör resmini yerleştir.

Şeklin oluşturulmadan önce boyutunu ölçeklendirebilirsiniz. Açıkçası bundan sonra ölçeklendirme, kalitesini düşürecektir.

Logoyu her zaman logo üzerinde, boyut üzerinde hassas bir kontrol sağlamak için kullandım, örneğin logonun metin öğelerinin taban çizgisini piksel sınırında (bir ipucu şekli) almak.

Mobil uygulama tasarımcıları için ilgi çekici bulduğum bu konuya bir ek de, iOS ve Android için 1 tıklamayla retina varlıkları oluşturan bu senaryo .