📌 Ne Zaman Kullanılır?

• ✅ Logo tasarımı, ikon, vektör grafik, SVG, illüstrasyon, tipografi
• ⚠️ Fotoğraf düzenleme için Photoshop daha uygun
• ❌ Çok sayfalı baskı (InDesign kullan), raster düzenleme

Önerilen Kullanım: Logo + ikon + vektör illüstrasyon + SVG export Alternatifler: CorelDRAW, Inkscape (ücretsiz), Figma (UI/ikon)

Adobe Illustrator

Vektor grafik, logo tasarimi ve olceklenebilir cizimler için standart arac.

Kisa Yollar (Shortcuts)

Araclar (Tools)

Kisa Yol	Açıklama
V	Selection Tool (Secim aracı)
A	Direct Selection Tool (Dogrudan secim)
P	Pen Tool (Kalem aracı)
T	Type Tool (Yazi aracı)
L	Ellipse Tool (Elips)
M	Rectangle Tool (Dikdortgen)
B	Paintbrush Tool (Firca)
N	Pencil Tool (Kursun kalem)
I	Eyedropper Tool (Damlalik)
R	Rotate Tool (Dondurme)
S	Scale Tool (Olcekleme)
O	Reflect Tool (Yansitma)
Shift + E	Eraser Tool (Silgi)
Shift + M	Shape Builder Tool (Sekil olusturucu)
K	Live Paint Bucket
Q	Lasso Tool (Kement)
/	Toggle fill/stroke to none
X	Swap fill/stroke
D	Default fill/stroke (beyaz dolgu, siyah kontur)

Genel (General)

Kisa Yol	Açıklama
Ctrl + G	Group objects (Grupla)
Ctrl + Shift + G	Ungroup (Grubu coz)
Ctrl + Shift + O	Create outlines from text (Yazidan kontur)
Ctrl + 7	Make clipping mask (Kirpma maskesi)
Ctrl + Alt + 7	Release clipping mask
Ctrl + 8	Make compound path (Bilesik yol)
Ctrl + Alt + 8	Release compound path
Ctrl + J	Join paths (Yollari birlestir)
Ctrl + L	New layer (Yeni katman)
Ctrl + Y	Toggle outline/preview
Ctrl + U	Toggle smart guides

Transform (Donusum)

Kisa Yol	Açıklama
Ctrl + D	Transform again (Donusumu tekrarla)
Ctrl + Shift + M	Move dialog
Ctrl + ]	Bring forward
Ctrl + [	Send backward
Ctrl + Shift + ]	Bring to front
Ctrl + Shift + [	Send to back
Alt + drag	Duplicate while moving
Shift + drag	45 derece sinirla

---

Temel Islemler

Pen Tool Teknikleri

• Kose noktasi için tikla
• Egri için tikla ve surukle
• Alt + Click anchor uzerinde: puruzsuzden koseye donustur
• + anchor ekle, - anchor cikar
• Ctrl gecici olarak Selection Tool'a gecer

Pathfinder (Yol Bulucusu)

İşlem	Açıklama
Unite	Sekilleri birlestir
Minus Front	Ondekini arkadakinden cikar
Intersect	Sadece kesisen alan
Exclude	Kesisen alani cikar
Divide	Kesisme noktalarinda bol
Trim	Gizli kisimlari cikar
Merge	Ayni renk sekilleri birlestir
Crop	On sekle gore kirp

Shape Builder Tool

• Ustuste gelen sekilleri seç, Shift + M ile aktive et
• Surukle: birlestir, Alt + Click: cikar
• Pathfinder'a hızlı alternatif

Artboard (Calisma Yuzeyi)

• Shift + O ile artboard düzenleme modu
• Birden fazla artboard — farkli boyut/varyasyonlar
• Her artboard ayri export edilebilir

---

Typography (Tipografi)

Type Tool Turleri

Tur	Kullanım	Oluşturma
Point Type	Kisa metin (baslik, logo)	Tikla ve yaz
Area Type	Uzun metin (paragraf)	Surukleyerek cerceve oluştur
Type on a Path	Yol uzerinde yazi	Egriye tikla

Character Panel

• Font: Yazi tipi secimi
• Size: Punto boyutu
• Leading: Satirlar arasi mesafe (Auto veya manuel)
• Kerning: Iki harf arasi mesafe (Metrics, Optical, manuel)
• Tracking: Tüm harfler arasi mesafe (genel ayar)

Paragraph Panel

• Alignment: sola, ortala, saga, iki yana yasla
• Indent: sol/sag girinti, ilk satir girintisi
• Space Before/After: paragraf oncesi/sonrasi bosluk

Create Outlines (Yazidan Kontur)

• Ctrl + Shift + O ile yazi vektore cevirir
• Ne zaman: Logo teslimi, baskiya gonderme, font bagimliligini kaldirma
• Dikkat: Outline yapilan yazi artik duzenlenemez — oncesinde yedek alin
• Baskida zorunlu: Matbaada font eksik sorunu onlenir

Variable Fonts

• Tek font dosyasindan farkli weight/width/slant degerleri
• Kaydirici ile surekli ayar (400-700 weight arasi gibi)
• Modern web ve tasarim için avantajli

---

Gradient & Color

Gradient Turleri

Tur	Açıklama	Kullanım
Linear Gradient	Duz cizgisel gecis	Arka plan, buton
Radial Gradient	Dairesel gecis	Isik efekti, top
Freeform Gradient	Serbest noktali gecis	Organik, modern tasarim

Gradient Mesh

• Nesne uzerinde renk gecis noktalarini kontrol ederek fotorealistik golgeleme
• Object > Create Gradient Mesh ile grid oluştur
• Her dugum noktasina farkli renk ata
• Kavisli, organik gecisler için ideal

Renk Yönetimi

• Swatches panel: Renk paletlerini kaydedin ve yeniden kullanin
• Global Swatch: Bir yerde degistirince kullanildigi her yerde guncellenir
• Spot Color: Baski için ozel Pantone/spot renk
• Recolor Artwork: Tüm tasarimin renklerini toplu değiştirme (Edit > Edit Colors > Recolor Artwork)
• Color Guide panel: Secili rengin harmonik varyasyonlari
• Adobe Color: color.adobe.com'dan palet oluştur/iceye aktar

---

Pattern & Symbol

Pattern Oluşturma

1. Desen ogelerini tasarlayin
2. Object > Pattern > Make ile desen moduna girin
3. Tile type secin: Grid, Brick, Hex
4. Boyut, bosluk, overlap ayarlayin
5. Done tiklayin — Swatches paneline eklenir
6. Herhangi bir nesneye dolgu olarak uygulayin

Symbol Library

• Symbol oluşturma: Nesneyi seç > Symbols panel > New Symbol
• Instance: Sembol yerlestirildiginde instance olusur
• Guncelleme: Ana sembolu duzenleyince tüm instance'lar guncellenir
• 9-Slice Scaling: Buton gibi ogelerin koseleri bozulmadan olceklenmesi
• Symbol Sprayer: Firca ile sembol serpistirme

Pattern vs Symbol Ne Zaman

Özellik	Pattern	Symbol
Kullanım	Dolgu olarak	Bagimsiz nesne
Tekrar	Otomatik tile	Manuel yerlestirme
Olcekleme	Dolgu ile birlikte	Bagimsiz
Duzenleme	Pattern edit mode	Symbol edit mode
Ideal	Arka plan, texture	Ikon, tekrar eden oge

---

Maskeleme & Efektler

Clipping Mask (Kirpma Maskesi)

• Ust nesne alt nesneyi maskeler (gizler)
• Seç: maskelenecek + maske nesnesi > Ctrl + 7
• Birden fazla nesneyi tek maske ile gruplayabilirsiniz
• Kaldir: Ctrl + Alt + 7

Opacity Mask

• Gradient ile saydam gecis efekti
• Transparency panel > Make Mask
• Beyaz = gorunur, Siyah = gizli, Gri = kismi saydam
• Fade-out efektleri için ideal

Appearance Panel

• Tek nesneye birden fazla fill ve stroke ekleme
• Efekt stack: her fill/stroke'a ayri efekt
• Graphic Styles olarak kaydetme ve yeniden kullanma
• Window > Appearance ile acin

Effect Menusu

Kategori	Ornekler
Warp	Arc, Bulge, Flag, Wave
3D	Extrude & Bevel, Revolve, Rotate
Stylize	Drop Shadow, Rounded Corners, Feather
Blur	Gaussian Blur
Distort	Pucker & Bloat, Roughen, Zig Zag

---

Logo Tasarim Workflow

Adimlar

1. Brief (Ozet): Musteri gereksinimleri, hedef kitle, ton, rakipler
2. Arastirma & Mood Board: Referans toplama, renk/stil yonu belirleme
3. Sketch (Cizim): Kagit uzerinde kalem ile fikirler — 10-20 varyasyon
4. Vektore Cevirme: Pen Tool + Shape Builder ile en iyi 3-5 konsept
5. Renk Versiyonlari: Renkli, siyah-beyaz, ters (negatif), grayscale
6. Boyut Testi: Favicon (16x16) ile billboard arasi — her boyutta okunabilir mi?
7. Final Export & Teslim

Teslim Dosya Yapisi

Logo_Teslim/
├── AI/              ← Kaynak dosya (.ai)
├── EPS/             ← Vektör (.eps) — baski uyumlu
├── SVG/             ← Web vektör
├── PDF/             ← Vektör PDF
├── PNG/
│   ├── 1x/          ← 500px, 1000px, 2000px
│   ├── 2x/          ← Retina boyutlari
│   └── transparent/  ← Saydam arka plan
├── JPEG/            ← Beyaz arka planli
└── README.md        ← Renk kodlari, font bilgisi, kullanim kilavuzu

---

Icon Set Oluşturma

Grid System

• Standart boyutlar: 16x16, 24x24, 32x32, 48x48, 64x64
• Her ikon için ayri artboard olusturun
• Artboard adlarini ikon adiyla isimlendirin (export'ta dosya adi olur)

Tutarli Stil Kurallari

Kural	Önerilen
Stroke weight	1.5px veya 2px (tüm ikonlarda ayni)
Corner radius	1px veya 2px (tutarli)
Padding	Artboard kenarlarindan %10-15 bosluk
Cap/Join	Round cap, round join
Alignment	Pixel grid'e hizala

Pixel-Perfect Hizalama

• View > Pixel Preview ile piksel bazinda kontrol
• Transform panel > Align to Pixel Grid isaretleyin
• Stroke'lar tam piksel degerlerinde olsun (1px, 2px — 1.5px bulanik gorulur)

SVG Export

• File > Export > Export for Screens ile toplu export
• Format: SVG
• Ayarlar: Minify, Responsive, Internal CSS
• SVGO ile optimize edin (gereksiz metadata temizleme)

---

SVG Export Ayarlari

Ayar	Önerilen Deger	Açıklama
Styling	Internal CSS	Stilleri yonetilebilir tutar
Font	SVG	Web için outlines'a cevirin
Images	Embed	Raster gorselleri gomer
Object IDs	Layer Names	Katman adlarini ID olarak kullanir
Decimal	2	Hassasiyet ve boyut dengesi
Minify	Yes	Dosya boyutunu azaltir
Responsive	Yes	Sabit genislik/yukseklik kaldirir

Best practice:

• Export'tan once yazilari outline'a cevirin (Ctrl + Shift + O)
• Yollari sadlestirin: Object > Path > Simplify
• SVGO veya benzer optimize ediciyle temizleyin
• File > Export > Export for Screens ile toplu export

---

İpuçları (Tips)

Vector vs Raster

Özellik	Vektor (Illustrator)	Raster (Photoshop)
Olcekleme	Sinirsiz, kalite kaybetmez	Buyutunce piksellesir
Dosya boyutu	Genelde küçük	Cozunurluğe bagli, büyük
Ideal	Logo, ikon, illüstrasyon	Fotograf, texture
Format	AI, SVG, EPS, PDF	PSD, PNG, JPEG
Duzenleme	Nokta/egri bazli	Piksel bazli

Genel İpuçları

• Ctrl + D (Transform Again) ile tekrarlayan desenler olusturun
• Ctrl + Shift + O ile baskidan once font'lari outline'a cevirin
• Global Swatches kullanin — bir yerde degistirince her yerde guncellenir
• Symbols ile tekrar eden ogeler — bir kez düzenle, her yerde güncelle
• Shift + W Width Tool ile değişken kalinlikta stroke
• View > Pixel Preview ile web tasarimi piksel bazinda kontrol edin
• Ctrl + Y Outline mode — karmasik dosyalarda hızlı çalışma
• Ctrl + D ile circular pattern: nesneyi rotate et, sonra Ctrl+D ile tekrarla
• Artboard'lari anlamli isimlendirin — export'ta dosya adi olarak kullanilir

---

Ilgili Rehberler

Tasarim

• Tasarim Genel Bakış
• Photoshop
• CorelDRAW
• Canva
• Blender
• Figma

Diger Kategoriler

• Frontend Genel Bakış
• Backend Genel Bakış
• Teknoloji Genel Bakış