https://www.storyboardthat.com/tr/help-and-faqs/nasıl-yükle-vector-resimler-nasıl

Storyboard'a bir SVG Storyboard That

Bir Öykü Panosu Oluşturun ▶

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

Tamam'a tıklayı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">

Renkler renk paletinde varsayılan olarak değişir, ancak şimdi bu bölümlerin renklerini değiştirme seçeneği vardır.

div class="img-thumbnail">

Gördüğünüz gibi, aşağı okuna basarak renk paletine erişebilir, hatta özel renkler seçebilirsiniz.

div class="img-thumbnail">

Artık grafiklerinizi daha ileri götürebilir ve storyboard'larınızı daha da iyi hale getirebilirsiniz!

Storyboard That SVG Yükleme Hakkında Sıkça Sorulan Sorular

Adobe Illustrator'dan Storyboard That kullanımı için bir SVG dosyasını nasıl dışa aktarırım?

Storyboard That için SVG dışa aktarırken, görüntünüzü oluşturun, Dosya > Farklı Kaydet seçeneğine gidin, format olarak .svg seçin, SVG Seçeneklerini ayarlayın (SVG 1.1, Özel tür, bağlantı resimleri ve gereksiz kutuları işaretini kaldırın), ardından TAMAM düğmesine tıklayın. SVG dosyanız yüklemeye hazır ve tamamen ölçeklenebilir olacaktır.

Storyboard That uyumluluğu için en iyi SVG dışa aktarım ayarları nedir?

Storyboard That için bu SVG dışa aktarım ayarlarını kullanın: SVG Profil 1.1, Tür Özel, Alt Küme Yok, Resim Konumu Bağlantı, CSS Özellikleri Sunum Öğeleri, Kodlama Unicode (UTF-8), Ondalık Basamaklar 1 ve kılavuzda belirtildiği gibi düzenleme ve duyarlı seçenekleri işaretini kaldırın.

Storyboard That'ta SVG resmimin bazı bölümlerini renklenebilir hale nasıl getirebilirim?

SVG bölümlerini renklenebilir yapmak için bu HEX kodlarını nesne dolgu renklerine uygulayın: #1D7A7C (mavi), #199119 (yeşil), #A51717 (kırmızı), #B5B51F (sarı). Storyboard That, bunları renk değiştirilebilir alanlar olarak tanır ve kullanıcıların paletten yeni renkler seçmesine izin verir.

Storyboard That'ta neden raster resimler yerine SVG resimleri kullanmalıyım?

SVG resimler ölçeklenebilir olup herhangi bir boyutta yüksek kaliteyi korur, raster formatlar (örn. PNG, JPEG) gibi pikselleşmezler. SVG'ler yeniden boyutlandırma, düzenleme ve renklendirme esnekliği sağlar—özelleştirilmiş hikaye panoları ve grafikler için idealdir.

Storyboard That SVG yüklemelerinde varsayılan renklenebilir HEX kodları ne işe yarar?

Varsayılan HEX kodları (#1D7A7C, #199119, #A51717, #B5B51F) Storyboard That'e hangi SVG alanlarının renklenebilir olduğunu gösterir. Yüklediğinizde, bu bölümler mavi, yeşil, kırmızı veya sarı görünür ve kullanıcılar renk paleti veya özel renk aracıyla kolayca değiştirebilir.