Adobe Muse'da vektör grafiklerini kullanma

Ara
Adobe Muse Kullanıcı Kılavuzu

Bu sayfada

Şunun için geçerlidir: Adobe Muse

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

SVG grafiklerini Adobe Muse CC'ye içe aktarma hakkında bilgi edinin. SVG grafiklerini Adobe Muse'a yerleştirebilir, kopyalayabilir ve içe aktarabilirsiniz.

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 bkz. Adobe Muse hizmet sonu sayfası.

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.

SVG dosyalarını Adobe Muse'a yerleştirmeden önce işleme

Not:

Aşağıdaki prosedür yalnızca Adobe Muse 2015.1 veya önceki sürümleri kullanıyorsanız geçerlidir.  

Adobe Illustrator kullanılarak oluşturulan SVG dosyalarında şu işlemleri yapın:

  1. Adobe Illustrator'da grafiği tasarladıktan sonra Dosya > Farklı Kaydet'i seçin.

  2. Kayıt Türü açılır alanında SVG'yi seçin. Dosyayı kaydedeceğiniz konumu bulup Kaydet'i tıklatın.

  3. SVG seçenekleri iletişim kutusunda, şu nitelikleri ayarlayın:

    • Görüntü Konumu: Göm
    • SVG Profilleri: SVG 1.1
    • Fontlar - Tür: Anahatta dönüştür
    • CSS Özellikleri: Sunum Nitelikleri
    • Ondalık Haneleri: 3
    • Kodlama: Unicode (UTF-8)
    SVG'yi Adobe Muse CC'ye içe aktarmadan önce, Adobe Illustrator'da SVG Ayarlarını belirleyin.

  4. Tamam'ı tıklatarak dosyayı kaydedin.

SVG içe aktarma

Adobe Muse 2015.1 veya önceki bir sürümü kullanıyorsanız bir 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.  

  1. Adobe Muse'da, Dosya > Yerleştir'i seçin (Windows'ta Ctrl + D, MAC'te Cmd + D tuşları).

  2. SVG dosyasının konumunu bulup dosyayı seçin ve Aç'ı tıklatın.

  3. 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.

    Varlıklar paneli

SVG dosyası yerleştirildikten sonra sitenizi tasarlamaya devam edebilirsiniz. Kırpma aracını kullanarak SVG görüntüsünü kırpabilir ve SVG görüntüsünü tasarım ihtiyaçlarınıza uygun şekilde yeniden boyutlandırabilirsiniz.

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.

  1. 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.
    Grup veya yol seçme

  2. Ctrl + C (Windows) veya Cmd + C (MAC) komutlarını kullanarak seçilen grup veya yolu kopyalayın.

  3. 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.

    Web sayfası tuvali

    Yapıştırılan SVG dosyası, Varlıklar Paneli listesinde gösterilir.

    Varlıklar paneli

Arka plan ve tarayıcı dolguları için SVG içe aktarma

  1. 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.

  2. Görüntü Ekle'yi tıklatın. SVG dosyasının konumunu bulup dosyayı seçin ve Aç'ı tıklatın.

    Görüntü Ekle'yi tıklatın

  3. Sığdırma ve Konum niteliklerini gereken şekilde ayarlayı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.

Slayt gösterilerine SVG görüntüleri ekleme

Adobe Muse 2015.1 ve sonraki sürümlerde, slayt gösterilerine SVG görüntüleri ekleyebilirsiniz. Öncelikle widget kitaplığından Minik Resimler widget'ını sürükleyip yerleştirin. Ardından, Creative Cloud Libraries'den vektör görüntülerinizi seçip slayt gösterinize yerleştirin.

Video Eğitimi

Video Eğitimi
Danielle Beaumont