GRAFİK ANİMASYON 1
TEMEL KAVRAMLAR
Bilgisayar ortamındaki tüm
görseller grafik olarak isimlendirilir.
2 temel grafik türü vardır:
• 1_Vektörel grafik
• 2_Bitmap grafik
Vektörel grafik
• Vektörel grafik, çözünürlükten bağımsız; her
bir nesnenin matematiksel ifadelerle
oluşturulduğu ve en önemlisi detay
kaybetmeden herhangi bir boyuta yeniden
ölçeklendirilebilen grafik türüdür.
Vektörel Grafiklerin Özellikleri
• Vektör grafikler yazılımlar sayesinde elde edilir.
Adobe illustrator,
.ai formatı
Corel Draw,
.cdr formatı
Inkspace
.svg formatı
Autocad
.dxf formatı
• Bir yazılım kullanmadan tarayıcımızdan aktardığımız
resimleri vektör grafik olarak kaydedemeyiz!
• Matbaacılık, karikatür ve çizgi film gibi alanlarda
kullanılırlar. Firma logoları, yazı içeren resimler, teknik
ve hassasiyet gerektiren çizimler vb. uygulamalar
vektör tabanlı programlarla yapılır
Tek renkli Vektörel bir çizim
Çok şekilden ve renkten oluşan bir vektörel çizim
Vektörel Grafiklerin Özellikleri
• Vektör grafikler çözünürlükten bağımsızdır. Yani
boyutu değiştirildiğinde görüntü kalitesi
bozulmaz. Boyutu değiştirildiğinde çözünürlüğe
göre yeniden oluşturulduğu için ekranda iyi
görülmenin dışında kağıda çıktı alırken de başarılı
sonuçlar sağlamaktadırlar.
• Vektör grafikler matematiksel ifadelerden oluşur.
• Vektör grafikler istenildiğinde büyütülebilir,
nesneler yeniden renklendirilebilir ,
şekillendirilebilir.
Vektörel Grafiklerin Özellikleri
• Vektör grafiklerin arka
planları olmak zorunda
değildir.
• Başka nesnelerin üzerine
yerleştirebilen bu
grafiklerin boş
bölümlerinde diğer
nesneler görüntülenebilir.
Vektörel Grafiklerin Özellikleri
• Vektörel grafikler bilgisayarın belleğinde ve sabit
diskte daha az yer kaplarlar.
• Vektör grafikleri bitmap formatına çevirmek
oldukça kolaydır.
• Bu işlemi yaparken, orijinal dosyayı ve ilk halinin
bir kopyasını saklamak gerekir. Daha farklı
boyutlarda bir bitmap istendiğinde bundan
yararlanılır.
• Nedeni: Vektör grafik, bitmap dosyasına
dönüştüğünde tüm yararlı vektör özelliklerini
geride bırakır.
Vektörel Grafiklerin Özellikleri
• Vektör tabanlı grafik programları gerçeğe yakın
çizimler oluşturmaya olanak sağlamaktadır. Bu
nedenle dergi, kitap ve broşürlerde yer alan
görseller genellikle vektör tabanlı çizim
programları ile oluşturulur.
• Vektör tabanlı çizim programları fotoğraf gibi
gerçek görüntüler üzerinde çalışmaya bitmap
programları kadar uygun değildir.
bitmap
vektörel
Vektörel Grafiklerin Özellikleri
• Office dökümanınıza bir clip art resim eklerken
dosyanın uzantısının wmf olduğunu fark edebilirsiniz.
Metafile olarak adlandırılan wmf emf uzantılı dosyalar
da bir nevi vektör grafik dosyalarıdır. Farkı ise, vektör
komutlarıyla beraber içlerinde bitmap resim
görüntüleyebilirler.
• Örneğin vektör olarak çizilmiş bir pencerenin dört
parçasından birinde yine formüllerle belirtilmiş
özellikler yerine dışardan çağrılmış bir bitmap resim
görüntülenebilir.
Bitmap Grafik
• Bitmap grafikler, her biri renk değeri içeren
piksel adı verilen kutucukların üst üste ve yan
yana gelmesiyle oluşur.
• Ekranda kontrol edilebilen ve resimleri
tanımlayabilen en küçük noktalara (ki bu
noktalar kare şeklindedir) pixel denir.
• Pixel, resimlerin tanımlanmasında kullanılan
temel ölçü birimidir.
Bitmap Grafik
• Küçük olarak
gördüğünüz sıradan
bir simge aslında
her noktası detaylı
olarak tanımlanmış
bir bitmap dosyadır.
Büyütünce
gördüğümüz bu
noktalar dışında
arka plan rengi de
her piksel için ayrı
ayrı tanımlanmıştır.
Bitmap Grafik
• Pixel tabanlı resim programlarına Bitmap adı verilir.
• Dijital ortamda bulunan resimler milyonlarca pixelin
bir araya gelmesiyle oluşurlar.
• Her pixel rengini ve şiddetini ifade eden bir sayı dizisi
ile gösterilir.
• Pixellerin sayısı ve renk derinliği resmin kalitesini
belirler.
• Pixel tek başına bir ölçüyü ifade etmez. Verilen pixel
sayısı belirtilen alan içerisindeki pixel sayısıdır.
Bitmap Grafik
•
•
•
•
Şekilde bir resmin temel yapısı görülmektedir.
Her bir kare bir pixeli temsil eder.
İki renkli görüntülerde Pixeller 0 ve 1 değerini alır
1 aydınlık ve 0 karanlık bölgeleri, temsil ederler.
Bit Derinliği
• Resmin kaç tane renkten oluşacağını belirler.
Örnek vermek gerekirse 2 bitlik bir resim 22 =4
tane renkten oluşur demektir. Bit derinliği
arttıkça resmin kalitesi ve dosya boyutu artar.
Photoshop varsayılan olarak 8 bitte çalışır.
Bit Derinliği
1 bit derinlik
4 bit derinlik
8 bit derinlik
pixel basına 1 byte değer kullanılır.
0 (siyah) ile 255 (beyaz)
arasında tam sayılar elde edilir.
Ara değerlerde gri tonları olarak
Bitmap Grafik
• Renkli resimlerde ise bu ara değerler,
(RGB = Red Green Blue) kırmızı, yeşil, mavi,
olan temel renklerin her biri için m*n ‘lik bir
diziye ihtiyaç duyarlar.
• 8 bitlik bir resimde, her pixel 1 ve 0’lardan
olusan 8 bit ile temsil edilir. Bu bitler 28 yani
256 renk meydana getirir.
Bitmap Grafik
Bitmap Grafik
• Pixel’i oluşturan kırmızı, mavi ve yeşil renklerinden her
birine dot (nokta);
• Aynı renkli noktaların arasındaki uzaklığı belirleyen
ifadeye ise dot pitch ismi verilir.
• DPI (İnç başına nokta sayısı ): 1 inch(=2,54 cm) de
noktalanan pixel sayısına DPI (=Dot Per İnch) adı verilir
ki bu noktalama işlemi monitör, yazıcı ya da tarayıcı gibi
aygıtlarla gerçekleştirilir.
• PPI (İnç başına pixel sayısı) : Bir resmin pixel yoğunluğu
yani PPI (=Pixel Per Inch) 1 inch karede bulunan pixel
sayısıdır. İnternette kullanılacak olan resimler için 72
PPI en ideal ölçüdür. Baskı için ideal ölçü 300 PPI dir.
Bitmap Grafik
• Çözünürlük (Resolution) : Bir defada ekranda
görüntülenebilen pixel sayısıdır. Örneğin;
800*600 çözünürlüğündeki ekranda 480000
adet pixel bulunmaktadır.
• Inch başına düşen nokta sayısı azalırsa kalite
kaybı olur, nokta sayısının gereksiz artması ise
kaliteli olur anlamına gelmez. Gereksiz nokta
artımı görüntü işlemeyi zorlaştırır, dosya
boyutu artar ve görüntü izlenme hızı düşer.
Bitmap Grafik
• Bitmap grafikler çözünürlükten bağımsız
olmadıkları için farklı boyutlarda aynı kalitede
görüntü veremeyebilirler. Orijinal resmi
düzenlerken eğer küçültürseniz bazı pikselleri
kaybedecek, eğer büyütürseniz de yeni
oluşturulan pikseller çevresindekilere
bakılarak tahmin edilmeye çalışılacaktır. Bu
şekilde resimlerin çözünürlüğünün artması her
zaman kalitenin artması demek değildir.
Bitmap Grafik
• Bitmap grafikler özel dosya biçimlerini
saymazsak (Photoshop gibi programların
kullandığı .psd dosya türü gibi) katman bilgileri
içermezler. Bu yüzden düzenlenmesi vektör
grafiklere nazaran zordur.
• Bitmap grafikler vektör grafiklere nazaran
bilgisayarda dosya boyutu olarak daha fazla
yer kaplar.
Bitmap Grafik
• Bitmap grafikler milyonlarca renk değişimi
alabilir.
• Bitmap grafiklerde piksellerin her birine
müdahale edebilirsiniz. Bu sayede fotoğrafçılar
veya sayısal sanatçılar fotoğraflara rötüş işlemi
veya manipüle yapabiliyorlar.
Bitmap Grafik
• Bitmap formatları, resmin çözünürlüğüne bağlı
sabit bir tanımlama ile resmi oluştururlar
(Raster tekniği). Bu haliyle, eğer resmi
ölçeklendirirsek (küçültme/büyütme) bir çok
ayrıntıyı kaybedebiliriz.
• Vektör bazlı grafik formatlarında ise,
tanımlamalar bağıl olduğu için
ölçeklendirmelerde kayıp önlenir.
RENK MODLARI
• Renk modları kullanım alanımıza göre
belirlenir.
• web uygulamalarında RGB (Red Green Blue)
mod kullanılırken
• baskı için CMYK (Cyan Magenta Yellow Black)
kullanılır.
• Her iki renk modunda da belirtilen ana
renklerin kombinasyonlarıyla ara renkler elde
edilir.
RGB
• Bu renk modeli bilgisayar
ekranında renk
oluşturmak için kullanılır.
Kırmızı Yeşil ve Mavinin
kombinasyonları ile
renkler elde edilir. Renk
aralıkları 0-255 arasında
değişir. Bir örnek vermek
gerekirse R=255 G=255
B=255 beyaz rengi
oluşturur. R=0 G=0 B=0
siyah rengi oluşturur.
CMYK
• Bu mod genellikle baskı
için kullanılır. Pek çok
renkli yazıcı CMYK
renklerinden oluşan
kartuşlar içerir. Eğer
çalışma baskı için
yapılacaksa çalıştığımız
programda bu mod
seçilmelidir.
Temel Bitmap Formatları
•
•
•
•
•
•
•
•
•
•
BMP
GIF
JPG
JPEG
PNG
PCX
TGA
TIF
TIFF
PSD
.jpg
• JPEG formatı 24-bit gerçek renk derinliği sunar. Bu da
bir web sayfası için yeterli olacak kalitede fotoğraf ve
benzeri resimleri kullanmamızı sağlar.
• JPG'nin en büyük artılarından biri, kalite oranının
tamamen grafikere bırakılmasıdır.
• Kaydederken sıkıştırma oranını, böylece de kaliteden
ne kadar feragat edileceğini siz belirlersiniz.
• Renk yoğunluğunun fazla olduğu, zemini olan
(transparan olmayan) resimlerde, MB’ını daha fazla
sıkıştırmak istediğimiz resmiler için kullanılır.
• Az renk içeren uygulamalarda ise JPG hem kaliteyi
düşürür, hem de dosya boyutunda önemli bir değişiklik
sağlamaz.
.gif
• GIF, 256 ve daha altındaki renkleri destekler.
• GIF'i çekici kılan bir diğer özelliği de hareketli
görüntülere olanak tanımasıdır. Hareketin her
bir parçası farklı bir layer'da yer alır. Bunların
ardarda görünmesiyle hareket etkisi oluşur.
• Zemini olmayan (transparan), hareketli olan ve
renk yoğunluğunun fazla olmadığı resimlerde
tercih edilir.
.png
• PNG hem gerçek renk derinliği için 24 bit hem de
-GIF gibi- sınırlı bir renk paletini kullanarak 8 bit
formatlarda kullanılabilir. Her durumda kayıpsız
kaydedilir.
• Fazladan bir alpha kanalıyla orijinal dosyanın
katman özelliklerini de saklar (böyle
kaydedildiğinde RGB yerine RGBA resmi olur).
• .jpg ve .gif e göre daha yeni bir formattır. Mb
büyük ama kalitelidir. Zeminsiz almak istediğimiz
fotoğraflarda kullanılır.
.psd
• Photoshop‘un çalışma dosyaları kaydederken
kullandığı kendi formatıdır.
• Fazla yer tutar,
• Gerçek renk derinliğini (24 bit) başarıyla uygular,
• Her zaman katman bilgisi barındırır,
• Sıkıştırma kullanmaz
• Saydamlık özelliği yok.
• Photoshop'da devam ettiğiniz projeleri PSD olarak
tutmak bitmap detay kaybını önler.
.tif
• TIF normal Jpg resmine göre çok kaliteli ve Alpha
kanalı içeren resimlerdir. Photoshop gibi bir
programla üretilebilir. Güncel herhangi bir resim
açıcı ile resme bakılabilir
• Saydamlık özelliği olmayan TIF gerçek renk
derinliğinde katmanları destekliyor. Sıkıştırma ile
iyi sonuçlara ulaşabiliyorsunuz.
• Çok renkle uğraştığınızda zaman önemli, yer de
çok önemli değilse, TIF'i kullanmanızda fayda var.
.bmp
• Windows Bitmap formatı, Microsoft'un DOS
dünyasına grafikleri taşırken kullandığı,
Windows ve DOS ortamına özel başlıca
araçlardan biriydi.
• 24 bit renk derinliği sunan BMP artık pek fazla
kullanılmıyor.
• BMP'nin saydamlık gibi özellikleri de
bulunmuyor.
ADOBE PHOTOSHOP CS6
• Fotoğraflar üzerinde düzeltme, kesme,
boyutlandırma, kırpma, montaj, renklendirme
gibi işlemler yapmayı
• Reklâmlar, hareketli çalışmalar, ara yüzler
oluşturmayı
• Web siteleri için bannerlar, butonlar, reklamlar
yapmayı sağlayan bir programdır.
Web’de Kullanılacak Fotoğrafların
Özellikleri
• Renk modu RGB olmalıdır.
• Çözünürlük maximum 72 dpi olmalıdır.
• Web’de kullanılacak resimlerin uzantıları
.jpeg, .gif, .png olmalıdır.
Download

1-temel kavramlar