SVG nedir?

Ölçeklenebilir Vektör Grafikleri (SVG), iki boyutlu görüntülerin tanımlanmasına yönelik bir XML işaretleme dilidir. SVG dosyaları web'de, yazdırma aygıtlarında veya mobil aygıtlarda kompakt bir formatta çözünürlükten bağımsız HiDPI grafikleri sağlar. CSS ile bir SVG stili oluşturabilirsiniz. Komut dosyası ve animasyon desteği SVG'yi web platformunun dahili bir parçası yapar.

Web'in bazı yaygın görüntü formatları (GIF, JPEG ve PNG gibi) büyüktür ve genellikle düşük çözünürlüklüdür. SVG formatı vektör şekilleri, metin ve filtre efektleri açısından görüntüleri tanımlamanıza olanak tanıyarak çok daha fazla değer sağlar. SVG dosyaları kompakttır, web'de ve kaynak sınırlaması olan elde kullanılan aygıtlarda yüksek kaliteli grafikler sağlar. Keskinlik, ayrıntı veya netlikten ödün vermeksizin ekrandaki SVG görüntüsünün görünümünü büyütebilirsiniz. Ayrıca SVG, üstün metin ve renk desteği sunarak görüntüleri, Sahne Alanında göründüğü şekilde görmenizi sağlar. SVG formatı tamamen XML tabanlıdır ve hem geliştiricilere hem de diğer kullanıcılara benzer avantajlar sağlar.

Not:

Artık, işlem sırasında istenmeyen tanımlar ve kimlikler oluşturulmadan Animate'ten SVG dosyalarını dışa aktarabilirsiniz. SVG'de kompozisyon özelliği, Animate 19.1 sürümünde geliştirilmiştir. Bu dışa aktarma seçeneği, Character Animator'da içe aktarılmakta olan SVG'lerin kalitesini artırır.

Animate CC'de SVG dışa aktarma iş akışı

Animate CC, 1.1 sürümüne sahip SVG biçimine dışa aktarmanıza olanak tanır. Animate'in güçlü tasarım araçlarını kullanarak görsel olarak zengin resimler oluşturabilir ve ardından SVG'ye dışa aktarabilirsiniz.

Animate CC'de, bir animasyonun seçilen karelerini ve anahtar karelerini dışa aktarabilirsiniz. Bunun yanı sıra, dışa aktarılan resim Vektör olduğu için görüntünün çözünürlüğü farklı boyutlara ölçeklendiğinde bile yüksek olur.

SVG dışa aktarma özelliği, geçmişteki FXG dışa aktarmanın (Animate CC'de kullanımı durdurulmuştur (Haziran 2013)) yerini almıştır. SVG dışa aktarma özelliğinin performansının ve çıktı kalitesinin çok daha üstün olduğunu göreceksiniz. Ayrıca, FXG ile karşılaştırıldığında, SVG'deki içerik kaybı en az düzeydedir.

Filtre efektleri içeren resim

Animate ve SVG'de kullanılabilen filtreler arasında bire bir eşleme olmadığından, SVG'de filtre efektleri Animate'tekinin tam olarak aynısı gibi görünmeyebilir. Ancak, Animate Pro, benzer bir efekti benzetmek için SVG'de kullanılabilir olan farklı temel filtre kombinasyonlarından yararlanır.

Birden fazla sembol kullanma

SVG dışa aktarma özelliği, birden fazla sembolü hiçbir içerik kaybı olmaksızın sorunsuz şekilde kullanır. Çıktı, Animate'teki Sahne Alanı'nda bulunan resme çok benzer.

Resmi SVG biçiminde dışa aktarma

  1. Animate CC'de oynatma kafasını temizleyin veya uygun kareye taşıyın.
  2. Dosya > Dışa Aktar > Görüntüyü Dışa Aktar seçeneklerini belirleyin. Alternatif olarak, Dosya > Yayınlama Ayarları (Diğer Formatlar bölümünde SVG Görüntüsü seçeneğini belirleyin) seçeneğini belirleyin.
  3. SVG dosyasını kaydetmek istediğiniz konuma girin veya gözatın. SVG'yi Farklı Kaydet türünde seçtiğinizden emin olun.
  4. Tamam'ı tıklatın.
  5. SVG'yi Dışa Aktar iletişim kutusunda SVG dosyanız için Göm veya Bağlantı Ver seçeneğini belirleyin.
    • Gizli Katmanları Dahil Et Animate belgesinde tüm gizli katmanları dışa aktarır. Gizli Katmanları Dışa Aktar seçeneğinin seçimi kaldırıldığında, film kliplerinin içinde yuvalanmış katmanlar dahil, gizli olarak işaretlenmiş tüm katmanların oluşturulan SVG'ye dışa aktarılması engellenir. Bu, katmanları görünmez yaparak Animate belgelerinin farklı sürümlerini kolayca test etmenizi sağlar.
    • Göm: SVG dosyasında bir bitmap gömer. Bitmap'leri SVG dosyası içine doğrudan gömmek istiyorsanız bu seçeneği kullanın.
    • Bağlantı Ver: Bitmap dosyalarının yoluna bağlantı sağlar. Gömmek istemiyor ancak SVG dosyasından bitmap'lere bağlantı sağlamak istiyorsanız bu seçeneği kullanın. Görüntüleri Klasöre Kopyala seçeneğini belirlerseniz bitmap'ler, SVG dosyasının dışa aktarıldığı konumda oluşturulan görüntüler klasörüne kaydedilir. Görüntüleri Görüntüleri Klasöre Kopyala seçeneği belirlenmemişken, bitmap'lerin başvurusu SVG dosyası içinde kendi orijinal kaynak konumlarından sağlanır. Bitmap kaynak konumunun kullanılamaması durumunda bunlar svg dosyası içine gömülür.
    • Görüntüleri /Görüntüler klasörüne kopyala: Bitmap'i /Görüntüler'e kopyalamanıza olanak tanır. /Görüntüler klasörü zaten yoksa, SVG'nin dışa aktarma konumunda oluşturulur.
export-to-svg
  1. Tamam'ı tıklatın.

Not:

Bazı Animate özellikleri SVG biçimi tarafından desteklenmez. Bu özellikler kullanılarak oluşturulan içerik kaldırılır veya dışa aktarma sırasında desteklenen bir özelliğe varsayılan olarak ayarlanır. Daha fazla bilgi için bu makaleye bakın.

Alternatif olarak, SVG dosyalarını Animate CC (Dosya > Yayınlama Ayarları) içinden dışa aktarmak için Yayınlama Ayarları iletişim kutusunu da kullanabilirsiniz. SVG dosyalarını dışa aktarmak için Diğer biçimler bölümünden SVG seçeneğini belirleyin.

Not:

SVG'yi yalnızca en yeni güncellemelere sahip modern tarayıcılarda görüntülemeniz önerilir. Bunun nedeni, bazı grafik filtrelerinin ve renk efektlerinin Internet Explorer 9 gibi tarayıcıların eski sürümlerinde düzgün bir şekilde oluşturulamayabilecek olmasıdır.

SVG dosyalarını Adobe Illustrator'la değiştirme

Animate CC, içeriğin Adobe Illustrator ile değiş tokuş edilmesini sağlar. Bu iş akışı, Animate CC'de (13.0) bırakılan FXG Dışa Aktarma özelliğinin yerine geçmiştir. Animate içinden SVG dosyalarını dışa aktarabilir ve bunları Adobe Illustrator içinde içe aktarabilirsiniz. Adobe Illustrator'da SVG dosyalarını kullanma hakkında daha fazla bilgi için bu Yardım Konusu'na bakın.

Çiziminizde parçalı düzenlemeler yapmak ve zenginleştirici ayrıntılar eklemek istiyorsanız bu iş akışını kullanın. Ayrıca, çizime alt gölge gibi efektler eklemek için Illustrator'ı kullanabilirsiniz.

Adobe Illustrator'da SVG dosyalarını düzenlemek ve düzenlenen içeriği Animate içinde kullanmak için şunları yapın:

  1. Animate CC'de SVG'yi dışa aktarın.
  2. Adobe Illustrator'ı kullanarak SVG dosyasını açıp resminizi düzenleyin.
  3. SVG dosyasını .ai dosyası olarak kaydedin ve Animate içinde içe aktarın. Animate içinde Illustrator dosyalarını kullanma hakkında daha fazla bilgi.
Print

Bu çalışma Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License kapsamında lisanslanmıştır  Creative Commons şartları, Twitter™ ve Facebook sitelerinde paylaşılanları kapsamaz.

Yasal Uyarılar   |   Çevrimiçi Gizlilik İlkesi