Vector Studio’da her simge için bir kare çalışma yüzeyi oluşturun, ardından Slice Studio’yu kullanarak gerekli boyutlarda ayrı dosyalar dışa aktarın. Bu Mac iş akışı; tutarlı çalışma yüzeyi boyutlarını, anlaşılır adlandırmayı ve dilim dışa aktarımlarını etkileyen belge DPI ayarını kapsar.

Bu talimatlar, arayüzünde Vector Studio ve Slice Studio kullanılan güncel Affinity masaüstü Yardım Merkezi’ni temel alır. Amaç, tek bir belgede küçük bir simge kümesi oluşturmak ve her simgeyi ayrı ayrı dışa aktarmaktır. Affinity, Vector Studio’daki Çalışma Yüzeyi Aracı’nı ve Slice Studio üzerinden çalışma yüzeylerinin eş zamanlı dışa aktarımını belgeliyor. Çalışma Yüzeyi Aracı, Çalışma yüzeylerini dışa aktarma.

Hangi farklılıkların ayrı çalışma yüzeyi gerektirdiğine karar verin

Her farklı simge çizimi için bir çalışma yüzeyi kullanın. Bu örnek proje için ayrı 64 × 64 px çalışma yüzeylerinde üç sade geometrik simge oluşturun: daire, kare ve eşkenar dörtgen. Görünen şekil daha az yer kaplasa bile her çizimin tuvali aynı boyutta olur.

Aynı çizime yalnızca birkaç farklı çıktı boyutu gerekiyorsa, çizimi tek bir çalışma yüzeyinde tutun ve birden fazla dışa aktarma boyutu ayarlayın. Affinity, her dilimin dışa aktarma ayarlarında birden fazla biçimi ve boyutu destekler. Çizimleri bağımsız olarak düzenlemek istediğinizde (örneğin aralıkları farklı, sadeleştirilmiş küçük bir sürüm için) ayrı çalışma yüzeyleri kullanışlı olur. Bu, Affinity’nin zorunlu kıldığı bir koşul değil, dışa aktarma özelliklerinden hareketle verilen bir tasarım tercihidir. Dilimler paneli.

Gereksiniminiz Önerilen kurulum
Tuval boyutları eşit üç farklı simge Eşit boyutta üç çalışma yüzeyi
Birden çok boyutta dışa aktarılan, değişmeyen tek çizim Birden fazla dilim dışa aktarma boyutu olan tek çalışma yüzeyi
Farklı geometri gerektiren küçük bir simge Düzenlenmiş çizim için ayrı bir çalışma yüzeyi
İnceleme için dışa aktarılan tek bir simge dosyası Dışa Aktar iletişim kutusunda adlandırılmış bir çalışma yüzeyi

Bu örnekte üç çalışma yüzeyi ve her biri için iki PNG boyutu planlayın: 64 × 64 px ve 128 × 128 px. Beklenen sonuç altı dosyadır. Bu basit çıktı sayısı, dışa aktarma sonrasında kontrol edebileceğiniz somut bir ölçüt sağlar.

İlk simge çalışma yüzeyini tam ölçülerle oluşturun

Vector Studio’da Dosya > Yeni’yi seçerek başlayın. Belge birimleri seçeneğini piksel, Sayfa genişliği ve Sayfa yüksekliği değerlerini 64 px, DPI değerini de bu örnek için 72 olarak ayarlayın. Arka planın boyanmamasını istiyorsanız Saydam arka plan’ı, belgeyi oluşturmadan önce de çalışma yüzeyi seçeneğini etkinleştirin. Yeni belge yardımında bu seçenek Çalışma yüzeyleri, çalışma yüzeyine özel talimatlarda ise Çalışma yüzeyi oluştur olarak adlandırılır. Yeni belge oluşturma, Çalışma yüzeyleri ekleme ve kaldırma.

72 DPI ayarı bilinçli olarak seçilmiştir. Affinity’nin Slice Studio belgelerinde, 72 DPI değerindeki 64 × 64 px’lik bir belgenin 1x’te 64 × 64 px, 2x’te ise 128 × 128 px olarak dışa aktarıldığı gösterilir. Diğer belge DPI ayarları, dilim çarpanı ile dışa aktarılan piksel boyutları arasındaki ilişkiyi değiştirebilir. Slice Studio’yu kullanarak dışa aktarma.

Elinizde zaten bir belge varsa Vector Studio’da Çalışma Yüzeyi Aracı’nı seçin. Tam özel boyutlar için belgelenmiş Mac yönteminde araç etkinken sayfaya Command tuşunu basılı tutarak tıklamanız, ardından Çalışma Yüzeyi Oluştur iletişim kutusuna boyutları girmeniz gerekir. Araç ayrıca bağlam araç çubuğunda G, Y, Boyut ve Çalışma Yüzeyi Ekle kontrollerini sunar. Çalışma yüzeyleri ekleme ve kaldırma, Çalışma Yüzeyi Aracı.

Teslim edilecek çalışma tam piksel boyutu gerektiriyorsa tuvali sürükleyerek yaklaşık ölçüler belirlemekten kaçının. Sürükleme, çalışma yüzeyi oluşturmak için desteklenen bir yöntemdir; ancak sayısal değer girmek amaçlanan boyutları açıkça belirtir. Ayrıca Çalışma Yüzeyi Aracı’nı doğrudan seçin: güncel yardımda bu araç için varsayılan bir klavye kısayolu belirtilmiyor. Çalışma yüzeyleri ekleme ve kaldırma, Çalışma Yüzeyi Aracı.

Eşleşen çalışma yüzeyleri ekleyin ve içeriklerini düzenleyin

Kolayca kontrol edilebilen bir kurulum için simgeleri çizmeden önce ek çalışma yüzeylerini oluşturun. İlk boş çalışma yüzeyini seçin, ardından Düzen > Çoğalt > Seçim’i seçin. Çoğaltılanı kendine ait bir alana taşıyın ve üçüncü çalışma yüzeyi için işlemi tekrarlayın. Affinity, seçili çalışma yüzeyini Taşıma Aracı veya Çalışma Yüzeyi Aracı ile Command tuşunu basılı tutarak sürüklemeyi de çoğaltma yöntemi olarak belgeliyor. Çalışma yüzeyleri ekleme ve kaldırma.

Çalışma yüzeylerini okunaklı bir satır halinde düzenleyin. Çalışma Yüzeyi Aracı’nın Aralık kontrolü, klonlanan çalışma yüzeylerinin yerleşimini belirler ve bir çalışma yüzeyini diğerinin yakınına taşırken yakalama kararlarını kolaylaştırır. Bu aralığı çalışma alanını düzenlemek için kullanın; simgenin tuvali 64 × 64 px olarak kalmalıdır. Çalışma Yüzeyi Aracı.

Çalışma yüzeylerini circle, square ve diamond olarak yeniden adlandırın. Tuval alanında çalışma yüzeyinin üstündeki adına veya Katmanlar panelindeki adına çift tıklayın. Bu kısa adlar, daha sonra her çalışma yüzeyini dışa aktarma girişimiyle eşleştirmeyi kolaylaştırır. Çalışma yüzeyleri ekleme ve kaldırma.

Her çalışma yüzeyinin içine karşılık gelen şekli çizin ve projenizin gerektirdiği boşlukları bırakın. Örnek olarak, 40 × 40 px’lik sınırlayıcı kutuya sahip, ortalanmış bir şekil 64 px kare tuvalin her kenarında 12 px boşluk bırakır: (64 − 40) ÷ 2 = 12. Bu bir yerleşim örneğidir; Affinity ön ayarı veya evrensel bir simge ölçütü değildir.

Çalışırken Katmanlar panelini kontrol edin: her simgenin nesneleri ait oldukları çalışma yüzeyinin altında yer almalıdır. Affinity, çalışma yüzeylerinin içinde oluşturulan nesnelerin varsayılan olarak bu yüzeylerin sınırları içinde kırpıldığını belgeliyor. İçeriği çalışma yüzeyleri arasında taşımak, katman yığınındaki üst öğesini değiştirir; bu nedenle hiyerarşi, her çizimin hangi çalışma yüzeyine ait olduğunu doğrulamanıza yardımcı olur. Çalışma yüzeyi içeriğini taşıma.

Bu sahiplik bilgisi dışa aktarım sırasında önem taşır. Dışa Aktarma Katmanları üzerinden bir öğeden oluşturulan dilim, yalnızca kaynak katmanın içeriğini kapsar. Dilim Aracı ile çizilen bir dilim, kendi alanında bulunan tüm görünür katmanların içeriğini kapsar. Tutarlı simge tuvalleri için tam çalışma yüzeylerini temel alan dilimler kullanın ve resimleri kendi kapsayıcılarının içinde tutun. Slice Studio’yu kullanarak dışa aktarma.

Slice Studio’da ayrı simge dışa aktarımlarını yapılandırın

Stüdyo yöneticisi üzerinden Slice Studio’yu etkinleştirin. Affinity’nin çalışma yüzeyi dışa aktarma talimatlarında, çalışma yüzeyi dilimlerinin Dilimler panelinde zaten kullanılabilir olduğu belirtilir. Çıktılarını ayarlamak için her çalışma yüzeyi girişini genişletin. Panel gizliyse Pencere > Genel > Dilimler’i açın. Çalışma yüzeylerini dışa aktarma, Dilimler paneli.

Bir çalışma yüzeyinin dilime ihtiyacı varsa Pencere > Genel > Dışa Aktarma Katmanları’nı açın, çalışma yüzeyini seçin ve Dilim Oluştur’a tıklayın. Tuvalin tamamını istediğinizde çalışma yüzeyinin tümünü seçin; yalnızca simge nesnesini seçerseniz bu nesne dilimin kaynağı olur. Dışa Aktarma Katmanları paneli (Slice Studio).

İlk çalışma yüzeyinin dilimini şu şekilde yapılandırın:

  1. Dilimler panelinde girişini genişletin ve dosya biçimi olarak PNG’yi seçin.
  2. 1x dışa aktarma boyutunu ayarlayın.
  3. 2x dışa aktarma boyutu eklemek için boyut girişlerinin altındaki girintili + işaretini kullanın.
  4. İki boyutun farklı çıktı adları olduğundan emin olmak için dosya adlarını kontrol edin; örneğin circle-64 ve circle-128.
  5. Kalan çalışma yüzeyi dilimleri için işlemi tekrarlayın. Affinity, dilim kontrollerinde ek biçimleri, birden fazla boyutu ve dışa aktarma dosya adı yapılandırmasını belgeliyor. Dilimleri dışa aktarma, Çalışma yüzeylerini dışa aktarma.

Daha büyük bir küme için bir dilimi yapılandırdıktan sonra Dışa aktarma ayarını panoya kopyala ve Panodaki dışa aktarma ayarını değiştir seçeneklerini kullanarak biçim ve ölçeklendirme ayarlarını seçili başka bir dilime aktarın. Ardından hedef dosya adlarını kontrol edin. Bu yöntem, bilinçli bir adlandırma kontrolünü korurken aynı ayarları tekrar tekrar yapma gereğini azaltır. Dilimler paneli.

Amaçlanan üç çalışma yüzeyi diliminin etkin onay kutularını işaretleyin. Tüm sayfayı veya bütün çalışma yüzeylerini temsil eden istenmeyen Sayfa girişini devre dışı bırakın. Dilimleri Dışa Aktar (n) düğmesine tıklayın, hedef klasörü seçin ve dışa aktarın. Toplu dışa aktarma düğmesi, paneldeki işaretli öğeleri dışa aktarır; bir satırın vurgulanmış olması toplu dışa aktarıma dahil edileceğini belirlemez. Dilimler paneli.

Boyutları ve belgelenmiş dışa aktarma sınırlamalarını kontrol edin

Daha fazla simge yapılandırmadan önce altı örnek çıktıyı inceleyin. Her dosyanın tek bir simgenin tamamını içerdiğini, tuval boyutlarının amaçlandığı gibi 64 × 64 px veya 128 × 128 px olduğunu ve adların hem çizimi hem boyutu ayırt ettiğini doğrulayın. Çizimin yanı sıra çevresindeki boşluğu da inceleyin.

Boyutlar farklıysa belge DPI değerini ve dilim ölçeklendirmesini birlikte kontrol edin. Affinity’nin yayımlanmış örneğinde, 64 × 64 px’lik bir belge için şu sonuçlar verilir:

Belge DPI 1x çıktı 2x çıktı 3x çıktı
72 64 × 64 px 128 × 128 px 192 × 192 px
144 32 × 32 px 64 × 64 px 96 × 96 px

Bu değerler Affinity’nin belgelenmiş DPI tablosundan alınmıştır. Aynı 1x etiketinin her belge DPI değerinde aynı piksel boyutlarına karşılık geldiğinin varsayılamayacağını gösterirler. Slice Studio’yu kullanarak dışa aktarma.

Affinity ayrıca 100w gibi mutlak dilim boyutlarını da belgeliyor. Kare bir çalışma yüzeyinde açıkça belirtilmiş bir genişlik gerekiyorsa, mutlak genişlik ayarıyla dışa aktarma desteklenen başka bir seçenektir; yüksekliği de doğrulayın. Bu örnekteki 1x ve 2x ilişkisini doğrudan izlemek istiyorsanız yukarıdaki 72 DPI kurulumunu kullanın. Çalışma yüzeylerini dışa aktarma.

Tek bir inceleme çıktısı için Dosya > Dışa Aktar > Dışa Aktar’ı seçin ve Alan altında adı belirtilmiş çalışma yüzeyini seçin. Tüm belge seçeneğiyle ilgili belgelerde tutarsızlık vardır: çalışma yüzeylerini dışa aktarma sayfası birleştirilmiş çıktıyı açıklarken Dışa Aktarma Ayarları sayfası biçime bağlı olarak ayrı çalışma yüzeyi görüntülerini veya PDF sayfalarını açıklıyor. Bu yazıdaki ayrı dosyalardan oluşan toplu dışa aktarma işlemi için açıkça belgelenmiş Slice Studio iş akışını kullanın. Çalışma yüzeylerini dışa aktarma, Dışa Aktarma Ayarları.

Resim eksikse hem çalışma yüzeyine aitliğini hem de Dışa Aktarma Katmanları’ndaki Öğeyi dışa aktarımda görünür yap ayarını inceleyin. Bu kontrol, normal görünürlük ayarından ayrıdır. Belgeyi daha sonra yeniden açarsanız hedefi tekrar doğrulayın: Affinity, dilim dışa aktarma klasörünün yalnızca geçerli düzenleme oturumu boyunca hatırlandığını belgeliyor. Dışa Aktarma Katmanları paneli (Slice Studio), Dilimleri dışa aktarma.

Üç çalışma yüzeyli örnek, amaçlanan boyutlarda ve doğru adlandırılmış altı dosya ürettiğinde aynı kurulumu simge kümenizin geri kalanına uygulayın. Her farklı çizim için bir çalışma yüzeyi kullanın, doğrulanmış dışa aktarma kurulumunu yeniden kullanın ve farklı bir tuval boyutu veya dışa aktarma gereksinimi eklediğinizde bir çıktıyı inceleyin.

Kaynaklar