Yazılarımız

OfisData

ADOBE ILLUSTRATOR VEKTÖR MANTIĞINI ANLAMAK

Adobe Illustrator vektör path üzerinde üç anchor noktası ve bezier handle kollarının matematiksel eğri formunu oluşturması

"Photoshop'tan tasarım yapıyorum, Illustrator zor geliyor." Bu cümle çoğu zaman aynı kafa karışıklığını anlatır: bitmap düşünen biri vektör programının fırçası, gradient'ı, smudge'ı olmadığını görünce yabancılaşıyor. Halbuki Illustrator başka bir paradigma; aynı araçları beklediğinde değil, kendi mantığını anladığında akıyor.

Illustrator'da her şey path'tir. Çizilen bir daire, yazılan bir yazı, taranmış bir logodan oluşturulan çizim — hepsi anchor point'ler ve aralarındaki matematiksel eğrilerden ibarettir. Bu kavrama vektör grafikleri denir; piksel değil, formül kaydeder.

Path'ten anchor point'e, bezier eğrisinden pathfinder'a — vektörün dilbilgisi bir kez oturduğunda Illustrator direnilen araç olmaktan çıkıp akıcı bir çizim ortamına dönüşür; temiz vektör dosyası da o dilbilgisinin doğal sonucudur.

Vektör Nedir, Bitmap'ten Farkı Ne

Bitmap (raster) görüntü pikseller toplamıdır. 1000×1000 pixel'lik bir görüntü 1 milyon noktanın renk bilgisini saklar. Büyütünce piksel görünür, kalite düşer.

Vektör görüntü matematiktir. Bir daire "merkez 100,100 — yarıçap 50 — kırmızı dolgu" diye saklanır. Büyütünce program o tarifi tekrar hesaplar, ne kadar büyütülürse büyütülsün keskin kalır. Logoyu bilboard'a basabilmenin sebebi budur.

ÖzellikBitmapVektör
SaklamaPiksel ızgarasıMatematiksel path
BüyütünceBozulurKeskin kalır
Dosya boyutuBoyuta bağlıŞekil karmaşıklığına bağlı
Tipik kullanımFotoğraf, dokuLogo, ikon, illüstrasyon
ProgramPhotoshopIllustrator

Bu farkı kavramak, hangi işin hangi programda çözüleceğini anlamanın temelidir.

Path, Anchor Point ve Segment

Illustrator'da her çizilen şey üç elemandan oluşur:

  • Anchor point: Path üzerindeki nokta. Şekil değişimleri burada gerçekleşir.
  • Segment: İki anchor point arasındaki çizgi. Düz veya eğri olabilir.
  • Path: Anchor point'lerin ve segment'lerin bütünü. Açık (uçları birleşmemiş) veya kapalı (loop) olabilir.

Pen tool ile bir noktaya tıkladığında bir anchor point düşer. İkinciyi tıkladığında aralarına düz bir segment çekilir. Üçüncüyü tıklayıp sürüklediğinde ise o nokta "smooth point" olur ve eğri oluşur.

Direct selection tool (A) sadece tek bir anchor point'i seçmeyi sağlar. Selection tool (V) ise tüm path'i bir bütün olarak seçer. Bu fark öğrenilmeden Illustrator tıkanır.

Bezier Eğrisi ve Handle'lar

Smooth anchor point'in iki "kolu" vardır: handle'lar. Bu handle'lar eğrinin o noktadan hangi yöne ve ne kadar kavisli ilerleyeceğini kontrol eder. Bezier matematiği işte budur.

Pratik kurallar:

  • Handle uzunluğu eğrinin yumuşaklığını belirler. Kısa handle keskin eğri, uzun handle yumuşak eğri verir.
  • Handle açısı eğrinin yönünü belirler.
  • Bir noktanın iki handle'ı simetrik olabilir (smooth) veya bağımsız hareket edebilir (corner).
  • Alt tuşu basılıyken bir handle'a tıklarsan kolları ayırırsın; nokta köşeye dönüşür.

İyi bir Pen tool kullanıcısı az anchor point kullanır. Bir eğri 8 noktayla çizilebiliyorsa 3 noktayla yapılan çok daha temiz olur. Az nokta = pürüzsüz eğri = küçük dosya = düzenleme kolaylığı.

Adobe Illustrator Pen tool ile çizilmiş üç anchor noktası ve simetrik bezier handle kollarının eğri kavisini belirlemesi

Fill ve Stroke İlişkisi

Bir path iki şekilde görünür hâle gelir:

  • Fill (dolgu): Path'in iç kısmını dolduran renk, gradient veya desen.
  • Stroke (kontur): Path'in kendisini boyayan çizgi.

Açık path'in bile fill'i olabilir; Illustrator iki ucu sanal olarak birleştirir. Bu özellik fark edilmediğinde garip görüntüler oluşur (çizimde "olmaması gereken" alanlar dolu görünür).

Stroke ayarları profesyonel çıktının kritik noktasıdır:

  • Weight: Çizgi kalınlığı. Genelde piksel veya punto.
  • Cap: Açık path uçlarının formu — butt (düz), round (yuvarlak), square (kare).
  • Corner: Köşe geçişi — miter (sivri), round (yuvarlak), bevel (eğik).
  • Align stroke: Stroke'un path'e göre konumu — içine, ortaya, dışına.

Logo tasarımında "align stroke to outside" tercih edilir; böylece fill alanı stroke kalınlığından bağımsız korunur.

Pathfinder ve Boolean Operasyonlar

İki path'i birleştirmek, çıkarmak, kesişimini almak Pathfinder paneli üzerinden yapılır. Vektör tasarımın en güçlü aracıdır.

OperasyonSonuç
Uniteİki şekli tek path olarak birleştirir.
Minus FrontÜstteki şekli alttakinden çıkarır (en sık kullanılan).
IntersectYalnızca iki şeklin çakıştığı alan kalır.
ExcludeÇakışan alan silinir, dışı kalır.
DivideHer kesişme bölgesini ayrı path yapar.

Bu operasyonlar karmaşık şekilleri basit primitifler (daire, kare, üçgen) üzerinden inşa etmeyi sağlar; her bir Pathfinder modunun davranışı resmi Illustrator kullanım kılavuzunda örneklerle gösterilir. Pen ile sıfırdan çizmek yerine "iki daireyi kes" daha temiz, daha düzenlenebilir bir sonuç verir.

Adobe Illustrator Pathfinder paneli arayüzünde Unite Minus Front Intersect Exclude Divide işlem butonları ve seçili iki path örneği

Layer ve Stacking Order

Illustrator'da z-order (üst-alt) hem panel sırasına hem layer hiyerarşisine göre çalışır. İki path görsel olarak çakıştığında üstteki kazanır.

  • Bring to Front (Ctrl+Shift+])
  • Send to Back (Ctrl+Shift+[)
  • Bring Forward (Ctrl+])
  • Send Backward (Ctrl+[)

Karmaşık illüstrasyonlarda her ana elemanı kendi layer'ında tutmak (örn. "background", "character", "ui") düzenlemeyi ve seçim hatalarını ciddi azaltır.

Compound Path ve Clipping Mask

Bir şeklin içinde "delik" yaratmak istediğinde compound path kullanılır. İki path seç, Object > Compound Path > Make. İçteki path artık dış path'tan oyulur.

Clipping mask ise farklı bir araç: bir path'i diğerinin görünür alanını sınırlamak için kullanır. Bir fotoğrafı yıldız şeklinde göstermek istediğinde, yıldız path'ini fotoğrafın üzerine koyup mask uygularsın.

İki kavram karıştırılır ama farkı net: compound path şekli değiştirir, clipping mask görünür alanı kısar. İlki kalıcı bir geometri değişimi, ikincisi non-destructive bir "pencere".

Type ve Outlines

Bir metni Illustrator'da yazdığında o hâlâ font'a bağlıdır. Dosyayı font'u olmayan bir makineye gönderirsen yazı bozulur. Çözüm: Type > Create Outlines (Ctrl+Shift+O). Metin path'lere dönüştürülür, font bağımlılığı kaybolur.

Ama outline edildikten sonra metin düzenlenemez. Pratik kural: ana dosyayı font'lu sakla, dışa aktarırken (basıma giderken) bir kopyasını outline yap.

Renk Modu: RGB vs CMYK

Yeni dosya açarken sorulan ilk soru renk modu. Yanlış cevap işin sonunda büyük baş ağrısıdır:

  • RGB: Ekran (web, sosyal medya, dijital). Daha geniş renk uzayı, parlak renkler.
  • CMYK: Baskı (broşür, kartvizit, dergi). Mürekkep tonlarına göre, RGB'den daha dar uzay.

Bir tasarımı RGB'de yapıp basıma gönderdiğinde renkler ekranda gördüğünden farklı çıkar; sönükleşir. Project en başta hangi mecra olacaksa o moda kurulur. Grafik tasarım eğitimi sürecinde Illustrator dosya kurulumu, renk yönetimi ve baskıya hazırlık akışı pratikle anlatılır.

Dosya Formatları

FormatKullanım
AIIllustrator native, tam katmanlı.
SVGWeb için vektör, kodla manipüle edilebilir.
PDFBaskı dağıtımı, çok yönlü.
EPSEski sistem uyumluluğu için, modern projeler için tercih edilmez.
PNGRaster çıktı (vektör avantajı kaybolur, sadece web son ürün için).

Logo veya marka kimliği dosyaları her zaman AI ve SVG olarak teslim edilmeli. PNG çıktısı son tüketim için, ama orijinal vektör dosyaları korunmalı; aksi takdirde logo bir kez raster'a düşürüldüğünde tekrar büyük basıma uygun hâle getirmek için yeniden çizmek gerekir.

Vektör Düşünmek

Illustrator'ı çözmek için araçları öğrenmek yetmez; "vektör düşünmek" gerekir. Bu şu demek:

  • Bir şekli mümkün olan en az anchor point ile kurmaya çalış.
  • Karmaşık formu basit primitiflerden inşa et, pathfinder ile birleştir.
  • Stroke kullanıyorsan kalıcı bir geometri istiyorsan Object > Expand ile path'e dönüştür.
  • Renkleri Swatches paneline kaydet; manuel hex tekrar yazmak yerine global renk tut.
  • Symbol kullan; tekrar eden elemanları (ikon, simge) bir kez tanımla, her yerde örneğini koy.

Bu disiplin, dosyayı bir hafta sonra açtığında düzenlemenin acı verici olmaması anlamına gelir. Profesyonel vektör dosyası, başka bir tasarımcının açıp anladığı dosyadır.

 Vimaj