Storyboard'a bir SVG Storyboard That

Storyboard That Kullanan Uzman Kullanıcılar ve Sanatçılar İçin

SVG veya Ölçeklenebilir Vektör Grafikleri , Adobe Illustrator ve diğer vektör düzenleme programları tarafından oluşturulan bir web görüntü dosyasıdır. Bu formatta oluşturulan ve dışa aktarılan görüntüler, görüntüde kalite kaybı olmadan ölçeklenebilir (boyut olarak büyütülebilir ve küçültülebilir). Bu, ücretsiz boyutlandırma özgürlüğü isteyen kullanıcılar için son derece yararlı olabilir.

Illustrator'da bir SVG'yi Verme Adımları

1. Illustrator'da istediğiniz görüntüyü oluşturun.



div class="img-thumbnail">

Dosya> Farklı Kaydet'i tıklayın ve .svg seçeneğini seçin.

div class="img-thumbnail">

SVG Seçenekleri iletişim kutusu açılır ve .svg seçeneklerini değiştirme seçeneği sunulur.

* Lütfen dikkat: hepsini görmek için "daha fazla seçenek" düğmesini tıklamanız gerekir *

div class="img-thumbnail">

Aşağıdakileri seçin:

• SVG Profilleri: SVG 1.1
• Tür: Özel
• Alt küme: Yok (Sistem Yazı Tiplerini Kullan)
• Görüntünün Yeri: Bağlantı
• Illustrator Düzenleme Özelliklerini Koru seçeneğinin işaretini kaldırın.
• CSS Özellikleri: Sunum Nitelikleri
• Ondalık Yeri: 1
• Kodlama: Unicode (UTF-8)
• Kontrol Et: Çıktıyı daha az <tspan> elemanı
• Seçimi kaldır : Dilimleme Verilerini İçer, Yoldaki Metin, XMP İçer ve Duyarlı için <textPath> öğesini kullanın

Artık StoryboardThat yüklenebilecek ve ölçeklenebilir ve rasterleştirilmemiş olacak bir SVG resmi oluşturdunuz!

Harmanlanabilir SVG'ler

.Svg resminizin bazı kısımlarını, Storyboard That karakterler ve nesneler gibi, renklendirilebilir hale getirmek mi istiyorsunuz? Aşağıdaki HEX kodlarını resminize ekleyerek, çalışmanızın bu bölümleri için renk paletlerine erişebileceksiniz.

• HEX KOD 1: # 1D7A7C
• HEX KOD 2: # 199119
• HEX KOD 3: # A51717
• HEX KODU 4: # B5B51F

* Lütfen dikkat: Bu renkler resminizde 4 temel renge (Mavi, Yeşil, Sarı ve Kırmızı) ayarlanmıştır. *

İşte bir örnek:

Bu kare doğru HEX kodlarına sahip ve Storyboard That yüklendi.

div class="img-thumbnail">