Adobe Illustrator'da grafiği tasarladıktan sonra Dosya > Farklı Kaydet'i seçin.
Son güncelleme:
May 21, 2021 04:37:49 PM GMT
Adobe Muse'da SVG grafiklerini yerleştirme, kopyalama veya içe aktarma hakkında bilgi edinin.
Not:
Adobe Muse artık yeni özellikler eklemeyecek ve 26 Mart 2020'de desteği sonlandıracak. Ayrıntılı bilgi ve yardım için Adobe Muse hizmet sonu SSS sayfasına bakın.
Adobe Muse, Adobe Illustrator gibi araçlar kullanılarak oluşturulmuş vektör grafiklerini site tasarımınızda kullanmanızı sağlar. Şu anda, Adobe Muse Ölçeklenebilir Vektör Grafikleri (SVG) formatını yerel olarak desteklemektedir. SVG formatını kullanarak logolar, simgeler, arka plan dolguları ve tarayıcı dolguları oluşturarak Adobe Muse'un içinden doğrudan web sayfası tuvaline yerleştirebilirsiniz.
SVG formatında kaydedilen grafikler hafiftir ve çözünürlükten bağımsızdır. Bu nedenle, bu tip grafikler sayfanın yüklenme süresini ve sitenizin görünümünü etkilemeden her boyutta ölçeklenebilir. SVG dosyaları HiDPI ekranlarda da desteklenmektedir.
Bu grafikler çözünürlükten bağımsız oldukları için Adobe Muse SVG dosyalarına hem Standart hem de Yüksek Çözünürlüklü web sitelerine davrandığı şekilde davranır. Tasarım görünümünde web sayfasına yerleştirilen SVG dosyalarının boyutları normal boyutlarının %50'si oranında küçültülemez.
Adobe Illustrator'daki SVG ayarları
Adobe Illustrator kullanılarak oluşturulan SVG dosyalarında şu işlemleri yapın:
-
-
Kayıt Türü açılır alanında SVG'yi seçin. Dosyayı kaydedeceğiniz konumu bulup Kaydet'i tıklatın.
-
SVG seçenekleri iletişim kutusunda, şu nitelikleri ayarlayın:
- Görüntü Konumu: Göm
- SVG Profili: SVG 1.1
- Fontlar - Tür: Anahatta dönüştür
- CSS Özellikleri: Sunum Nitelikleri
- Ondalık Haneleri: 3
- Kodlama: Unicode (UTF-8)
- Görüntü Konumu: Göm
-
Tamam'ı tıklatarak dosyayı kaydedin.
SVG içe aktarma
SVG dosyasını Adobe Muse'a içe aktarıp yerleştirmeden önce, SVG dosyalarını Adobe Muse'a yerleştirmek üzere hazırlama bölümünde belirtilen adımları uygulayın.
-
Adobe Muse'da, Dosya > Yerleştir'i seçin (Windows'ta Ctrl + D, MAC'te Cmd + D tuşları).
-
SVG dosyasının konumunu bulup dosyayı seçin ve Aç'ı tıklatın.
-
Adobe Muse'da, işaretleyici ile birlikte SVG dosyasının minik resmi de önizleme görüntüsü olarak yerini alır. Web sayfası tuvalinde, SVG dosyasını yerleştirebileceğiniz uygun bir yeri tıklatın. Yerleştirdiğiniz dosya, Varlıklar paneli listesinde gösterilir.
SVG dosyası yerleştirildikten sonra sitenizi tasarlamaya devam edebilirsiniz. SVG görüntüsünü kırpma aracını kullanarak kırpmak mümkün değildir. Ancak, görüntünün boyutunu tasarım gereksinimlerinize göre değiştirebilirsiniz.
İçe aktarılmış bir SVG dosyasını bir raster görüntüsüne bağlayabilirsiniz. Ayrıca içe aktarılmış görüntüleri SVG dosyalarına yeniden bağlayabilirsiniz.
Adobe Illustrator'dan SVG kopyalama
Adobe Muse, Adobe Illustrator'daki içerikleri web sayfası tuvaline kopyalamanıza imkan tanır. Çalışma yüzeyindeki içeriklerin hepsini kaydetmek ve site tasarımında kullanmak istemediğinizde içeriklerin kopyalanması kullanışlı bir yoldur.
Bir resmin belirli bölümlerini kopyaladığınızda, Illustrator seçimi SVG formatına dönüştürerek Adobe Muse'da kullanılmak üzere panoya yerleştirir. Adobe Muse, kopyalanan içeriklere gömülü SVG olarak davranır. Grafiğin boyutlarını tasarım gereksinimlerinize göre değiştirebilirsiniz.
-
Adobe Illustrator'da, aşağıdakileri yapın:
- Grubu veya Seçili Yolu Ayırma: Kopyalamak istediğiniz grup veya yolu sağ tıklatıp bağlam menüsünden Grubu/Seçili Yolu Ayır'ı seçin.
- Grubu veya yolu manuel olarak seçme: Kopyalamak istediğiniz grubu veya yolu seçin.
-
Ctrl + C (Windows) veya Cmd + C (MAC) komutlarını kullanarak seçilen grup veya yolu kopyalayın.
-
Adobe Muse'da, Ctrl + V veya Cmd +V komutlarını kullanarak seçilen grubu veya yolu web sayfasına Tasarım görünümünde yapıştırın.
Yapıştırılan SVG dosyası, Varlıklar Paneli listesinde gösterilir.
Arka plan ve tarayıcı dolguları için SVG içe aktarma
-
Arka plan dolgusu veya tarayıcı dolgusu ekleme işlemlerine göre, sırasıyla Dolgu ve Tarayıcı Dolgusu seçeneklerini işaretleyin. Daha fazla bilgi için bkz. Dolgu ve Tarayıcı Dolgusu seçeneklerini kullanma.
-
Görüntü Ekle'yi tıklatın. SVG dosyasının konumunu bulup dosyayı seçin ve Aç'ı tıklatın.
-
Sığdırma ve Konum niteliklerini gereken şekilde ayarlayın.
Not:
SVG dosyaları arka plan veya tarayıcı dolgularına eklendikten sonra, Sığdırma niteliği Sığacak Şekilde Ölçekle veya Dolduracak Şekilde Ölçekle olarak ayarlanmışsa görüntü Tasarım görünümünde rasterleştirilmiş görüntü olarak görünür. Bununla birlikte, görüntü Adobe Muse'da veya Tarayıcıda görüntülendiğinde beklenen şekilde taranır.
Video Eğitimi
Hesabınıza giriş yapın