Grafik Nedir? Yazı, resim, ve çizgi anlamında kullanılır. Çağdaş sanat terimi olarak “resim ve fotoğraf yoluyla yapılan tüm iletişim” araçlarına verilen addır. Grafik sanatçısı mesajını resim, fotoğraf, illüstrasyon ve yazı (tipografi) yoluyla insanlara iletir. Çoğaltma aracı olarak Internet, matbaa teknikleri, film ve televizyon kullanılmaktadır. 2 Tasarım Nedir? Tasarım bir problemin çözümüdür. Birden çok doğru çözüm yöntemi vardır. Tasarımda başarı ise çekicilikte değil mesajın en yalın biçimde anlatımı buluş ve işlevselliktir. Gerekli olanın araştırılması, Tanımlanmış bir amaca yönelik yapılan ürün çalışması, Belli bir amaç çerçevesinde gerçekletirilen süreç, Zeka ve yeteneğin ortak ürünlerini oluşturmaktır. 3 Temel Metotlar İki Temel Metot: Vektör CDR, SWF… Bitmap BMP, TIF, JPG, GIF… Video ve Hareketli Görüntü Formatları: MPEG, AVI, Quick Time, FLI… 4 Grafik Türleri Vektör Grafikler ve Bitmapler VEKTÖR GRAFİK Sol alt köşeden 15 derece açıyla kuzey yönünde mavi bir çizgi çiz şeklindeki formüllerden oluşur. Bu nedenle; daha az bilgi barındırdırır daha küçük boyutlu olabilir. Grafik ve Animasyon 6 Vektör Grafik Türleri Çözünürlükten bağımsız olan, ölçeklenebilir vektör grafiklerdir. Genelde matbaacılıkta ve çizgi film, karikatür benzeri görüntüler oluşturmada kullanılılırlar. Başlıca formatları: AI (Adobe Illustrator), CDR (CorelDRAW), CMX (Corel Exchange), CGM Computer Graphics Metafile, DRW (Micrografx Draw), DXF AutoCAD, WMF (Windows Metafile). Grafik ve Animasyon 7 Karikatür Örneği Grafik ve Animasyon 8 Vektör Grafiklerin Özellikleri-I Çözünürlüğe göre yeniden meydana getirildikleri için ekranda iyi gözükmenin dışında kağıda çıktı alırken de başarılı sonuçlar sağlamaktadırlar. Bu tip grafikler metinleri de, özellik olarak barındırdığından resim içindeki yazılar da kaliteli olarak görüntülenir. Grafik ve Animasyon 9 Vektör Grafiklerin Özellikleri-II Çizilen şekillerin arkaplanları olmak zorunda değildir. Vektör grafikler dörtgenlerle sınırlandırılmamıştır. Başka nesnelerin üzerine yerleştirebilen bu grafiklerin boş bölümlerinde diğer Bitmap biçimde kaydedilen bir dairenin dörtgen bir nesneler çerçevesi mutlaka olacaktır. Bu çerçevenin boş alanları arkaplana uymadığında istenmeyen görüntülenebilir. görüntüler ortaya çıkabilir. Ama vektör grafiklerde böyle bir sorun yaşanmaz. Grafik ve Animasyon 10 Vektör Grafiklerin Özellikleri-III Vektör grafikler yazılımlar sayesinde elde edilir. Bir yazılım kullanmadan tarayacımızdan aktardığımız resimleri vektör grafik olarak kaydedemeyiz! Grafik ve Animasyon 11 Vektör Grafiklerin Özellikleri-IV 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 dosyanına dönüştüğünde tüm yararlı vektör özelliklerini geride bırakır. Grafik ve Animasyon 12 Vektör Grafiklerin Özellikleri-V 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 ve 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. Grafik ve Animasyon 13 BİTMAP GRAFİK Temel Kavramlar Pixel • Ekranda kontrol edilebilen ve resimleri tanımlayabilen en küçük noktalara (ki bu noktalar kare şeklindedir) pixel denir. • Bir pixel kırmızı, yeşil ve mavi renklerin karışımından oluşur. • PIcture ELement den kısaltılmıştır. • Resimlerin tanımlanmasında kullanılan temel ölçü birimidir. Grafik ve Animasyon 14 BİTMAP GRAFİK Temel Kavramlar Pixel • Pixel tabanlı resim programlarına Bitmap adı verilir. • Dijital ortamda bulunan resimler milyonlarca pixelin bir araya gelmesiyle oluşurlar. • Renk ve şiddet düzeyleri ayrıntıları ve sürekliliği belirler. • Her pixel rengini ve şiddetini ifade eden bir sayı dizisi ile gösterilir. Grafik ve Animasyon 15 BİTMAP GRAFİK Temel Kavramlar 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. Örneğin; 1 cm’deki pixel sayısı 100 olarak alalım; 1 cm =10 mm pixel boyutu: 10 (mm)/100 (pixel) = 0.1 mm’dir Grafik ve Animasyon 16 BİTMAP GRAFİK Pixel • Şekilde bir resmin temel yapısı görülmektedir. • Her bir kare bir pixeli temsil eder. • Pixeller 0 ve 1 değerini alır • 1 ve 0 değerleri aydınlık ve karanlık bölgeleri, nesne ve zemini temsil ederler. Grafik ve Animasyon 17 BİTMAP GRAFİK Pixel Video resimlerinde ışık seviyelerini daha iyi derecelendirebilmek için pixel başına 1 byte değer kullanılır. Bununla 0 (siyah) ile 255 (beyaz) arasında tam sayılar elde edilir. Ara değerlerde gri tonları olarak isimlendirilir. Grafik ve Animasyon 18 BİTMAP GRAFİK Pixel 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. Dolayısıyla her dizinin gri seviyeleri; kırmızı, mavi ve yeşil pixelde, bileşenlerin şiddetini belirler. Buradan çıkarak 8 bitlik bir resimde, her pixel 1 ve 0’lardan oluşur. Bu bitler 28 yani 256 renk meydana getirir. 19 BİTMAP GRAFİK Temel Kavramlar DPI (Dot Per Inch – İnch Başına Nokta Sayısı): • 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. Grafik ve Animasyon 20 BİTMAP GRAFİK Temel Kavramlar DPI (Dot Per Inch – İnch Başına Nokta Sayısı): • 1 inch(=2,54 cm) de noktalanan yada pozlanan pixel sayısına dot per inch adı verilir ki bu noktalama yada pozlama işlemi yazıcı yada tarayıcı gibi aygıtlarla gerçekleştirilir. • 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. Grafik ve Animasyon 21 BİTMAP GRAFİK Temel Kavramlar Çö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. (PPI) Pixel Per Inch : Bir resmin pixel yoğunluğu yani PPI (= Pixel Per Inch) 1 inch karede bulunan pixel sayısıdır. Internette kullanılacak olan resimler için 72 PPI en ideal ölçüdür. Grafik ve Animasyon 22 BİTMAP GRAFİK Bu resim formatında kayıt yapılırken, ikinci satırın sekizinci noktası kırmızı olacak gibi bilgiler resmin tüm noktaları için tekrarlanır. BMP, TIFF, JPG, GIF gibi formatlar bu yolla kayıt yapar. Grafik ve Animasyon 23 Bitmap Nedir? Bilgisayar ekranında (display space) bir resmi görüntülemek için gereken tüm renk bilgilerinin ekranı oluşturan her piksel (ekran çözünürlülüğü dahilinde, adreslenebilir en küçük resim parçası, pixel) için renk bilgilerinin verildiği resim formatlarına verilen genel addır. Grafik ve Animasyon 24 Bitmap Türleri BMP, GIF, JPEG, JPG, PNG, PICT (Macintosh), PCX, TGA, TIFF, PSD (Adobe Photoshop). Bitmap dosyaları ekranda görebilmek ve yazıcılardan bastırabilmek için özel bazı programlar gerekir (Photo Shop, XView, ACDSee vb gibi). Grafik ve Animasyon 25 Bitmap Ölçeklendirme Bitmap formatları, resmin çözünürlülüğü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 (CAD formatları, Post Script (PS, EPS) formatları gibi). Grafik ve Animasyon 26 Bitmap Görüntü Kaybı 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 arkaplan rengi de her piksel için ayrı ayrı tanımlanmıştır. Grafik ve Animasyon 27 Bitmap Görüntü Kaybı Bitmap grafikler çözünürlükten bağımsız olmadıkları için farklı boyutlarda aynı kalitede görüntü veremeyebilirler. Resmi düzenlerken eğer küçülterseniz bazı piksellerin bilgilerinden feragat edilecek, eğer büyütürseniz de yeni oluşturulan pikseller çevresindekilere bakılarak tahmin edilmeye çalışılacaktır. Bu nedenle resimlerinizi yazıcıdan basarken beklemediğiniz boyut ve kalite değişiklikleriyle karşılaşabilirsiniz. Grafik ve Animasyon 28 Bitmap Renk Derinliği Temelde bitmap dosyalarda dört derece renk derinliğinden biri seçilir: Tek renk, 16 renk (4 bit/piksel), 256 renk (8 bit/piksel), 16 milyon renk (24 bit/piksel). Artık 256 renk ve 16 milyon renk resimler standart olmuştur. Grafik ve Animasyon 29 256 Renk (8 bit/piksel) 256 renk, 8 bit/piksellik resimler, örneğin GIF dosyaları milyonlarca renk arasından, söz konusu resimde kullandıklarını bir araya toplayarak en fazla 256 renk barındıracak bir palet oluştururlar. 640'a 480 piksel boyutlarda 8 bit bir grafik dosyası yaklaşık 300 KB tutar ve yeterli kalitede görüntü sunar ama 35mm'lik bir fotoğrafın kalitesini tatmin edemez. Grafik ve Animasyon 30 16 Milyon Renk (24 bit/piksel) 16 Milyon renk, 24 bitlik resimler ise her bir piksel için üç ana rengin tonlarını kaydederler. Mavi, yeşil ve kırmızı için 256’şar ayrı ton sunan bu yolla 256x256x256 yani 16,7 milyon renge ulaşırız. Çoğu 24 bitlik resim aslında 32 bit olarak kaydedilmekte, ekstra bir bit de o noktanın alpha değerini (efekt özelliği) barındırmaktadır. 640x480 boyutlarında bir resim yaklaşık 920 KB yer tutar. Grafik ve Animasyon 31 Bitmap Türleri ve Özellikleri BMP, CPT, PNG, PSD, TGA, TIF 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. Grafik ve Animasyon 33 CPT Corel PHOTO-PAINT'in kayıt formatlarından biri olan CPT, şekilleri piksellerle betimleyerek resmi oluşturur. CorelDRAW CPT dosyalarını başka dosyalara ekleyebilir ya da alabilir. Bu dosyaların renkli ya da gri ölçekli olması mümkündür. Corel PHOTO-PAINT ile CPT olarak kaydedilen dosyaların mask, lens, floating objects özellikleri korunur. Grafik ve Animasyon 34 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). Grafik ve Animasyon 35 PNG’de Saydamlık Piksel başına 48 bit'e varan kalitede görüntü ile gerçek renk sunan, gri ölçekli resimleri de piksel başına 16 bit bilgiyle kaydedebilen PNG, GIF'ten daha farklı saydamlık özellikleri sunuyor.Şu anda İnternet'te kullanılan temel görüntü formatlarından biri, dosyalarınızı kaydederken mutlaka göz önünde bulundurun. Grafik ve Animasyon 36 PSD Grafik düzenleme programlarının en ünlüsü Photoshop'ın dosyaları kaydederken kullandığı kendi formatı da sadece bu nedenle dahi başlıca formatlar arasında yer alıyor. PSD daha fazla yer tutuyor, gerçek renk derinliğini başarıyla uyguluyor, her zaman katman bilgisi barındırıyor. Sıkıştırma kullanmıyor ve saydamlık özelliği yok. Photoshop'da devam ettiğiniz projeleri PSD olarak tutmak bitmap detay kaybını önlüyor. Grafik ve Animasyon 37 TGA Truevision Targa sıkıştırma ile kaliteden vazgeçip küçük boyutta dosyalar elde edilebilen bir diğer format. Gerçek renk derinliği ve katman bilgisi barındıran TGA saydamlık seçeneği sunmuyor. Grafik ve Animasyon 38 TIF Tagged Image Format birkaç firma tarafından iddialı olarak geliştirilen, genişletilebilen özellikler sunan bir çalışma.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. Grafik ve Animasyon 39 Internette Grafik Seçimi JPG, JPEG (Joint Photographics Experts Group) GIF Kullanımı GIF (Graphics Interchange Format) Temel Fark Gerçek renk derinliği isteyen, tonların birbirine geçtiği görüntülerde JPG düşük boyutlarda harika görüntüler verir. GIF ise aynı görüntü kalitesine ulaşamaz ve daha yüksek boyutlarda kayıt yapar. Az renk içeren uygulamalarda ise JPG hem kaliteyi düşürür, hem de dosya boyutunda önemli bir değişiklik sağlamaz. Grafik ve Animasyon 41 Jpg formatı 24 KB Renklere dikkat! Gif formatı 112 KB Dosya boyutuna dikkat! Grafik ve Animasyon 42 JPG Renk Derinliği JPEG formatı 24-bit 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. Grafik ve Animasyon 43 JPG’de Resim Kalitesi Her seferinde hesaplanıp yeniden oluşturulan resimin kalitesini sıkıştırılma oranı belirler. İlk sefer görüntülenen dosyanın aynısı değil, kodlarının yorumu görüntülendiğinden JPG dosyaların üstünde oynamalar yaptığınızda aslında orijinal görüntüyü değiştiriyor olmazsınız. Onun yerine derlenmiş, yorumlanmış bilginin görüntüsünü elden geçirmiş olursunuz. Grafik ve Animasyon 44 JPG’i Tekrar Kaydetmeyin! Elinizdeki resmin orijinalini saklayın. Web'de yayın gibi amaçlar için oluşturduğunuz resmin bir JPG kopyasını elde ettiğinizde orijinali kaybetmeyin. JPG sıkıştırılmış kodun açılımı olduğu için, sonrasında değişiklikleri orijinalde yapıp yeni bir JPG olarak kaydetmek gerekir. Eğer orijinali elinizde yoksa, düzenlediğiniz JPG dosyasındaki olası sorunları, renklerdeki küçük uyumsuzlukları, fazla parçacıkları temizleyin. Grafik ve Animasyon 45 GIF Renk Derinliği GIF olarak saklanan dosyalar fotoğraflarda ve de bol renkli görüntülerde JPEG'e göre daha başarısız sonuçlar verir. Önce benzer renklerdeki pikseller ayrı birimlere ayrılıp kaydedilir, ardından da dosya bir renge endekslenir. Bu nedenle GIF dosyaları en fazla 256 renk derinliğine sahiptir. Grafik ve Animasyon 46 GIF’de Resim Kalitesi Sıkıştırma özelliği olmayan GIF ile kalite kaybı olmaz ancak, grafiğiniz 256 rengin üzerindeyse bu renge düşürülünce birçok özelliğinden olabilir. Diğer yandan bu kısıtlı renk derinliği dosya boyutunu oldukça küçültebilir. Çizgi film benzeri basit çizgisel görüntüler, şirket logoları, imzalar GIF'in başarılı olduğu resim tiplerine sadece birkaç örnektir. Grafik ve Animasyon 47 GIF 87a ve 89a GIF formatının iki farklı versiyonu var : 87a ve 89a. 89a versiyonu ile eklenen özellikler: Tek bir GIF dosya içinde birden çok GIF formatlı resim yerleştirilmesine ve anime edilmesine olanak veren animated gif özelliği. Katmanlı "interlaced" görüntü saklama özelliği. Bu, özellikle internet üzerindeki resimlerde kullanılır. Böylece, kullanıcı, GIF formatındaki resmi, her seferinde 1 katman gelecek şekilde ekranında görür ve resmin bütünü hakkında, tüm resim gelmese bile, fikri olur. Grafik ve Animasyon 48 GIF Animasyon GIF dosyası birkaç görüntü barındırıp böylece hareketli bir animasyon sunabilir. Grafik ve Animasyon 49 GIF Transparan Renklerin birbirine karışmadığı kalitede şeffaflık da GIF ile mümkündür. Görüntüdeki bir renk transparan olarak atanabilir. Grafik ve Animasyon 50 GIF Dosyalarının Değiştirilmesi Bir GIF dosyasında değişiklik yaparken, doğru rengi seçtiğinizden emin olsanız da istediğiniz tonda bir değişiklik yapamayabilirsiniz. Bunun nedeni, sınırlı renk derinliğidir. GIF dosyasının kaydedilmiş paletinde sizin eklediğiniz renk yer almıyordur. Bu durumda resmi gerçek renk derinliğine, yani RGB moduna yükseltip değişiklikleri yapmalı, sonra yeniden GIF olarak kaydetmelisiniz. Grafik ve Animasyon 51 Renk Paletini Yeniden Kaydetmek Eğer resimden çeşitli bölümleri çıkartmış ya da resmin bir bölümünü kesip görüntüyü küçültmüşseniz belki de resim dosyasında kaydedilmiş bazı renkleri dışarda bırakmışsınızdır. Bu nedenle halihazırda elinizde varolan dosyanın renk paletinde yer alan renklerin bazıları gereksiz hale gelmiş olabilir. Grafik ve Animasyon 52 Renk Paletini Yeniden Kaydetmek Resmin renk derinliğini arttırıp sonra yeniden düşürdüğünüzde program görüntüdeki renkleri yeniden sayacaktır. GIF olarak kaydederken program fazla olan renkleri otomatikman düşürür. Böylece yeni resminizin boyutu önemli oranlarda azalmış olabilir. Grafik ve Animasyon 53 SVG Geliyor Henüz yaygınlaşmamış olan ama üzerinde yoğun çalışmalar yapılan bir vektör grafik formatı da XML teknolojisinden faydalanan SVG (Scalable Vector Graphic) formatıdır. GIF ve JPG dosyalarına Internet'te alternatif olması için geliştirilen başlıca formatlardan biri olan SVG dosyalarını bir metin editöründe açıp inceleyebilir, XML dilinden ne kadar faydalandığına tanık olabilirsiniz. Grafik ve Animasyon 54 SVG’nin Üstünlükleri SVG ile İnternet'ten sadece formülün indirilip, görüntünün oluşturulması kullanıcının bilgisayarına bırakılınca sayfalar daha hızlı gelecektir. Bu formatın çok daha derin renk özellikleri, mükemmel piksel konumlandırması, daha başarılı çıktılar sağlaması, sayısız yazı tipini barındırıp hatta içindeki metinlerin aranabilmesi söz konusudur. Grafik ve Animasyon 55 Video (Hareketli Görüntü) Formatları MPEG, AVI, Quick Time Hareketli Görüntü Formatları Hareketli görüntü formatları, sahneleri arka arkaya (sinema filmi gibi) sürekli gösterebilen formatlardır. Web üzerinde de kullanılan en önemli hareketli görüntü formatları MPEG, AVI ve Quick Time'dır. Grafik ve Animasyon 57 MPEG MPEG ( Video Pictures Extended Group), bir ISO hareketli görüntü (Video) ve ses (Audio) sıkıştırma standartıdır. Video, CD vb gibi ortamlarda hareketli görüntülerin saklanması ve iletilmesini temin eder. Sıkıştırma oranları 1:50 lere kadar çıkmaktadır (MPEG-2). Grafik ve Animasyon 58 AVI AVI, Microsoft'un geliştirdiği bir video formatıdır. 24 bit true color, platformunuzun desteklediği tüm ekran çözünürlülükleri ve ses bu format ile verilebilir. Grafik ve Animasyon 59 Quick Time (MOV) Quick Time, Apple'in geliştirdiği bir hareketli görüntü formatıdır. Pek çok platformda bu format desteklenir. Bu, AVI'ye gore en buyuk avantajıdır. AVI'dekine benzer özellikler taşır. Grafik ve Animasyon 60 Resim formatlarına virüs bulaşabilir mi? Virüsler, temel olarak, bilgisayar programları/program parçalarıdır ve bilgisayarınızın CPU'sunda işlenmelidir. Grafik ve ses formatları ise (en azından bilinen formatların tamamına yakını) sadece statik yapıda verilerden (data) oluşur. İçlerinde hiç çalıştırılabilir kod yoktur. Bu yüzden de virüs taşımaları imkansızdır. Eğer bir resim formatını okumaya çalıştığınızda bilgisayarınız kilitleniyorsa bunun muhtemel sebebi; (1) ya resim formatı bozuktur (2) ya da resim görüntüleyen programınızda bir sorun vardır. Grafik ve Animasyon 61
© Copyright 2024 Paperzz