Görsel Düzenleme Programları

Görselin temel özellikleri; piksel, çözünürlük, bitmap ve vektör farkı; JPEG/PNG/GIF/SVG formatları; görsel düzenleme programı seçimi ve temel araçlar. 5. sınıf BTY.5.2.1 için yazdırılabilir ders notu.

5. Sınıf8. HaftaBTY.5.2.1
KAZANIM • BTY.5.2.1

Görsel düzenleme programlarından yararlanabilme.

  1. a) Görsellerin temel özelliklerini tanır.
  2. b) Uygun görsel düzenleme programını belirler.
  3. c) Belirlenen görsel düzenleme programının arayüz özelliklerini kullanır.
  4. ç) Kullanılan görsel düzenleme programını kullanım alanları/verimliliği açısından değerlendirir.
Anahtar Kavramlar: Piksel Çözünürlük Bitmap (Raster) Vektör Görsel formatları Katman Kırpma Kontrast

1. Görsel, Resim, Çizim ve Fotoğraf — Aynı Şey mi?

Dijital ortamda ekranda gördüğümüz her türlü görüntüye genel olarak görsel deriz. Ancak görseller nasıl oluştuklarına göre farklı adlar alır:

KavramNasıl Oluşur?Örnek
Resimİnsan elinin ya da dijital fırçaların hayal gücüyle ürettiği çalışmalardır.Paint'te boyanmış bir manzara
ÇizimÇizgilerle kurgulanmış, genellikle boyasız veya taslak hâlindeki görsellerdir.Karakter taslağı, kroki
FotoğrafBir ışık kaynağı ve mercek (kamera/telefon) yardımıyla gerçek dünyadan kaydedilen anlardır.Telefonla çekilmiş bir kare
💡 Görsel İpucu: Görsel = şemsiye kavram. Resim, çizim ve fotoğraf; bu şemsiyenin altındaki farklı görüntü türleridir.

2. Dijital Görüntünün İki Türü: Bitmap ve Vektörel

Dijital cihazlarda görseller iki temel grafik türünden biriyle oluşturulur. Doğru programı ve formatı seçmek için bu ikisinin farkını bilmek şarttır.

ÖzellikBitmap (Raster) GrafiklerVektörel Grafikler
Yapı taşıPiksel (minik renkli kareler)Matematiksel formüller, doğrular ve eğriler
BüyütüncePikselleşir, kalitesi bozulur (karelenir)Asla bozulmaz, her boyutta net kalır
KullanımFotoğraflar, gerçekçi ve ışık–gölge zengin görüntülerLogolar, ikonlar, illüstrasyonlar, yazı tasarımları
Örnek formatJPEG, PNG, GIFSVG, AI
✅ Kolay hatırla: Fotoğraf = bitmap (pikselden); logo = vektör (formülden). Bir logoyu bina büyüklüğüne de kartvizite de kalite kaybı olmadan basabilmek için vektörel tasarlanır.

3. Üç Temel Kavram: Piksel, Çözünürlük ve Pikselleşme

PikselEkrandaki görüntüyü oluşturan, her biri tek bir renk taşıyan en küçük yapı taşıdır (minik kare).
ÇözünürlükBirim alana düşen piksel sayısıdır. Çözünürlük ne kadar yüksekse görüntü o kadar net ve kalitelidir.
PikselleşmeBir görüntüyü çok fazla yakınlaştırınca karelerin (piksellerin) tek tek görünmesi, yani "karelenme"dir.
💡 Görsel İpucu: Bitmap bir görseli ekranda büyüttükçe mozaik gibi küçük kareler belirmeye başlar — işte bu pikselleşmedir. Vektörel görselde bu asla olmaz.

4. Görsel Dosya Formatları ve Uzantıları

Bir görseli kaydederken seçtiğimiz uzantı, onun nerede ve nasıl kullanılabileceğini belirler. En sık karşılaştığımız formatlar:

UzantıTürüÖne Çıkan Özelliği
.jpg / .jpegBitmapFotoğraflar için idealdir, dosya boyutu küçüktür. Şeffaf arka planı desteklemez.
.pngBitmapYüksek kalite ve şeffaf (transparan) arka plan saklayabilir. Logolar için en uygun bitmap formatıdır.
.gifBitmapHareketli (animasyonlu) görseller oluşturmaya yarar.
.svgVektörelBüyütüldüğünde kalitesi hiç bozulmaz; logo ve ikonlar için idealdir.
Altın Kural: Arka planı şeffaf olması gereken bir logoyu .jpg değil, .png (veya vektörel .svg) olarak kaydet. .jpg boşlukları beyaz dolgu ile kapatır.

5. Uygun Programı Belirlemek: Masaüstü mü, Web Tabanlı mı?

Görsel düzenlemek için iki tür program vardır. İhtiyaca göre doğru olanı seçmek "verimlilik" demektir.

TürÖrnekAvantajı
Masaüstü programıPaint, GIMP, Photoshopİnternet olmadan da çalışır; gelişmiş araçlar sunar.
Web tabanlı programCanva, PhotopeaKurulum gerektirmez; her cihazdan ve her yerden erişilebilir; hazır şablonlar sunar.
✅ Verimlilik değerlendirmesi: Canva gibi web tabanlı araçların en büyük avantajı bilgisayara kurulum gerektirmemesi ve her yerden erişilebilmesidir. Hızlı bir afiş/poster için web tabanlı; detaylı, çevrimdışı çalışma için masaüstü programı daha verimli olur.

6. Program Arayüzü ve Temel Araçlar

Hangi programı seçersek seçelim, arayüzlerde benzer temel araçlar bulunur. Bu araçların ne işe yaradığını bilmek, programı verimli kullanmanın anahtarıdır.

Araç / KavramNe İşe Yarar?
Katman (Layer)Metin, resim ve şekilleri şeffaf sayfalar gibi üst üste dizer; bir ögeyi diğerlerine zarar vermeden bağımsızca düzenlemeyi sağlar.
Kırpma (Crop)Görselin kenarlarındaki gereksiz bölümleri kesip atarak kadrajı düzeltir.
Boyutlandırma (Resize)Görselin yatay ve dikey uzunluğunu (piksel cinsinden) büyütür veya küçültür.
Parlaklık & KontrastGörselin aydınlığını ve renk/ışık zıtlığını ayarlayarak ögelerin arka plandan belirginleşmesini sağlar.
Fırça / KalemSıfırdan serbest çizim yapmaya ve boyamaya yarar.
Filtreler (Bulanıklık/Netlik)Görsele hazır efektler uygulayarak görünümünü değiştirir.
💡 Görsel İpucu: Araçları iki gruba ayırabiliriz: sıfırdan çizim araçları (fırça, kalem, geometrik şekil, boya kovası) ve var olan görseli düzenleme araçları (kırpma, parlaklık/kontrast, filtreler, kırmızı göz düzeltme).

7. Görsellerde Dijital Etik ve Telif

Bir görseli kullanmadan önce onu kullanma hakkımız olup olmadığını düşünmeliyiz. İnternetteki her görsel serbestçe kullanılamaz.

  • İnternetten bulduğumuz her görselin bir sahibi (telif hakkı) olabilir; izinsiz kullanmak doğru değildir.
  • Üzerinde "Creative Commons" lisansı bulunan görselleri, lisans kurallarına uyarak projelerimizde kullanabiliriz.
  • Bir görseli yapay zekâ aracıyla ürettiysek, projemizde bunu belirtmek dijital etik açısından önemlidir.
Unutma: Emek hırsızlığı yapmadan, kaynağını belirterek ve izinli görseller kullanarak "iyi bir dijital vatandaş" oluruz.

8. Haftanın Özeti

  • Görsel genel bir kavramdır; resim, çizim ve fotoğraf onun alt türleridir.
  • İki temel grafik türü vardır: Bitmap (piksel tabanlı — fotoğraflar) ve Vektörel (formül tabanlı — logolar).
  • Piksel en küçük yapı taşı, çözünürlük birim alandaki piksel yoğunluğu (netlik), pikselleşme ise büyütünce karelerin görünmesidir.
  • Formatlar: .jpg fotoğraf (şeffaf değil), .png yüksek kalite + şeffaf, .gif hareketli, .svg vektörel.
  • Program seçimi ihtiyaca bağlıdır: web tabanlı (Canva) kurulum istemez, her yerden erişilir; masaüstü (Paint/GIMP) çevrimdışı çalışır.
  • Temel araçlar: katman, kırpma, boyutlandırma, parlaklık/kontrast, fırça, filtreler.
  • Görsel kullanırken telif hakkına dikkat edilir; Creative Commons lisanslılar kurallarına uyarak kullanılabilir; yapay zekâ ile üretilen görsel belirtilir.

Dersi BlocKodlama ile işleyin.

Kazanım bazlı interaktif içerikler, Türkçe blok kodlama editörü Dizge ve sınav merkezi tek platformda.