Afinite Tasarımcısı: Kısıtlamalar Nasıl Kullanılır

Sep 14, 2025
Nasıl Yapılır

Afinite tasarımcısı popüler vektör sanat aracı. Mac ve Windows sürümlerinin yanı sıra, Serif son zamanlarda yayınlandı İPad için afinite tasarımcısı .

Günümüzde, Web ve Uygulamalar için tasarlıyorsanız, birden fazla cihazla ve çözünürlüklerle çalışmanız gerekir. Bu, bir şeyler üniforma tutmaya gelince, birden fazla sanat tahtası ve ciddi baş ağrısına yol açabilir. Neyse ki, afinite tasarımcısı bu işlemi biraz daha kolaylaştırmanıza yardımcı olabilir, kısıtlamalar denilen bir şey.

Bu eğitimde, kısıtlamaların temellerine ve nasıl çalıştıklarını kısaca gideriz. Aşağıdaki videoyu genel bir bakış için izleyin veya afinite tasarımcısındaki kısıtlamaları kullanmak için beş önemli ipucu için okuyun.

Ayrıca makalelerimizi kontrol etmeyi unutmayın. Izgaraları Nasıl Kullanılır ve İhracat Kişi Nasıl Kullanılır ve Kalem aracı nasıl kullanılır .

01. Ebeveyn ve Çocuk Nesneleri

parent and child objects Affinity Designer

Çocuk nesneleri ana konteynere göre ölçeklendirecek

Kısıtlamalar, ebeveyn ve çocuk nesnelerini kullanarak çalışır. Seçtiğiniz nesneniz 'çocuk' ve konteyner 'ebeveyn' olarak bilinir. Çocuk nesneleri, ana nesneye göre ölçeklendirecektir.

Örneğin, sanat kartınızın boyutunu değiştirirseniz ve çocuk nesnenizin sanat kartınıza tutturulursa, değişime cevap verecektir. İstediğiniz sonucu elde etmek için çeşitli seçenekleri değiştirmeniz gerekecektir.

02. Kısıtlama seçeneklerini değiştirin

affinity designer: contraints

Kısıtlamaları etkinleştirerek başlayın

Kısıtlamaları etkinleştirmek için, View & Gt; Stüdyo ve gt; Kısıtlamalar. Oradan, kısıtlama seçeneklerini gösteren bir açılır menü elde edersiniz. İç kare, çocuk nesnenizin kısıtlamalarını değiştirdiğiniz yerdir ve dış kare ana nesnenizdir.

03. Kısıtlamalar uygulayın

Affinity Designer: constraints

Bu seçenekler, içeriğinizin sanat tahtasına nasıl bağlandığını belirler.

Daha önce de belirttiğimiz gibi, nesneleri manto için demirleme, sanat tahtası ile yeniden boyutlandırmalarına neden olur. Bununla birlikte, nesneler arasındaki boşluğu korumak ve bozulmayı önlemek için belirli kurallar belirlememiz gerekir.

Bu örnekte, bir web sitesi başlığı, logo ve menü navigasyonu ile çalışıyorum. Başlık için (yukarıdaki resimde), ben sol, sağ ve nesnenin üstündeki kısıtlamaları etkinleştirdi. Bu, başlığın, sanat tahtasının nasıl ölçeklendirileceği önemli değil, işterinin sola, sağa ve üstüne sabitleneceği anlamına gelir.

Site başlığı için ben, nesnenin solunda ve üstünde kısıtlamalar etkinleştirildi. Doğru konteyner / ana kısıtlamayı etkinleştirirseniz, tasarım bozulur. Navigasyon benzerdir, ancak sağ tarafta sağ tarafta oturur. Bunu bir kaç kez uyguladıktan sonra çok daha mantıklı olacak! Ayrıca videoyu yukarıda izlemenize ve bunu harekete geçirmenize de yardımcı olabilir.

04. Kısıtlı ürünler yapıştırın

Affinity Designer: pasting designs

Bir tasarımı farklı büyüklükte bir artkanın içine sokmak, yeniden boyutlandırılmasına neden olacaktır.

Orijinal tasarımım bir iPad ekranına dayanıyordu. Şimdi, bir iPhone X-Sized ArtBason'a yapıştırdığımda, başlığım, logo ve navigasyon düğmesine otomatik olarak daha dar kabı adapte olur. Bu harika çünkü tasarımımı ve aralamayı farklı sanat tahtası boyutlarında tutuyor.

05. Kısıtlamalar ne zaman kullanılır?

Kısıtlamaları kullanmak, sizi yerlerde zamanın ceplerini kurtarmak için harika bir araçtır. Ancak, onları az miktarda ve özenle kullanmanızı tavsiye ederim. Başlıklar ve altbilgi gibi basit şeyler için harikalar, ancak herhangi bir içerik ağır tasarım (ve özellikle de resimler) bazı tweaking gerektirecektir.

Daha fazla oku:

  • Afinite Tasarımcısı ile Retro Logo Nasıl Oluşturulur
  • Geleneksel markalaşma öldü
  • 2019 için 6 büyük logo eğilimleri

Nasıl Yapılır - En Popüler Makaleler

reaksiyon formunu formik ile yönetin

Nasıl Yapılır Sep 14, 2025

(Görüntü Kredi: Mat Crouch) Formik ile reaksiyon formu durumunun nasıl yönetileceği konusunda rehberimize hoş ..

CSS ile SVG'ye animasyon nasıl eklenir

Nasıl Yapılır Sep 14, 2025

[Resim: Web Tasarımcısı] SVGS ile animasyon söz konusu olduğunda, bir büyük kapanma, JavaScript kütüphaneler..

V-ışını'ndaki Tanrı ışınları oluşturun

Nasıl Yapılır Sep 14, 2025

Gerçek dünyadaki fotoğrafçılığında, ışık ışınları, toz, polen veya sis gibi sıçrama için bir yüzeye sahip oldu..

Express.js ile başlayın

Nasıl Yapılır Sep 14, 2025

NODE.JS ile tarayıcı yüzü oluşturma uygulamaları sıkıcı olur. Express.js bir Javascript çerçeve..

Photoshop'taki konsept sanat becerilerinizi geliştirin

Nasıl Yapılır Sep 14, 2025

Bu atölye için, sadece hayal gücünüzden karakterler çizmek için gerçekten eğlenceli bir yol göstermek istiyorum. Nasıl..

Suluboya için yaramaz bir tavşan boya

Nasıl Yapılır Sep 14, 2025

Zooloji, hayvanlar ve vahşi yaşam okudu, her zaman benim için büyük bir tutku olmuştur ve onları boyamadan asla yorulmam. Lincolnshire kırsalında yaşayacak kadar şanslıyız ve kap..

Javascript ile titrek bir metin efekti oluşturun

Nasıl Yapılır Sep 14, 2025

Metin ve tipografiye etkilerini tanıtmak, yepyeni bir perspektif ekleyebilir. kullanıcı deneyimi bir web sitesi..

Portrelerinizde nasıl mükemmel saçlar

Nasıl Yapılır Sep 14, 2025

Sayfa 1/2: Sayfa 1 Sayfa 1 Sayfa 2 ..

Kategoriler