GRAFİK TEKNİKLERİ
Retro bilgisayarGRAFİK CAN MILDON
Herkese merhaba, kısa bir aradan sonra yeniden karşınızdayım. Bu arada neler yaptınız, sanıyorum artık Deluxe Paint 4 ile yeni yeni şeyler yaratma peşindesiniz. Köşemiz, dikkat ettiyseniz, farklı arkadaşlar tarafından yazılıyor. Artık sırayla çeşitli teknikler sunmak için karşınızda olacağız. Ben köşemi biraz genişleterek yenilemeyi düşündüm. Artık daha geniş açıklamalar yapacağım. Yeni sloganım ise şu: "GÖREBİLEN HERKES GRAFİK ÇİZEBİLİR" Grafik Tekniklerinin bu ayki bölümünde göreceğiniz gibi, bundan sonra yazılarımda açıklamaları daha ayrıntılı bir hale getireceğim. Adım adım ilerleyerek sonuca ulaşacağız. Anlatacağımız konuları dergiye bakarak uygularsanız sizin için yararlı olur. Eğer gerçekten kendinizi geliştirmek istiyorsanız; benim anlattıklarımı uyguladıktan sonra aynı çalışmayı uygulayabileceğiniz diğer alanları araştırmak ve bu konuda denemeler yapmak sizin yararınıza. Araştırmalar, sizi bir yere ulaştırabilecek tek şeydir. Benim şu an 16 disket dolusu grafiğim var, bunların en az yarısı araştırmadır. 17. disketi doldurmakla uğraştığım şu günlerde, hala araştırmalar devam ediyor. Burada en basit, herkesin anlayıp uygulayabileceği bir şekilde anlatacağım teknikleri ya da uygulama yolları, şu an için sonuçta bir şeye benzemiyor olabilir; ama bu uygulamayı yaparken kazanacağınız tecrübe, ileride size başka bir teknikte yararlı olabilir. Ama önce sabır ve araştırma.
AHIGH
nı 1-5
ADIM 6-8 |" a ik En 9-11 GÖRÜNÜŞ 1
2
Bu ilk yazıda, sizlerle birkaç tekniği birden öğreneceğiz. Bunlar kısaca "LOGO OLUŞTURMA, SÜSLEME VE ÇEŞİTLEME" olarak isimlendirilebilirler. LOGO OLUŞTURMA: Genel olarak logo tarzlarına bir göz atarsak, bunları dört sınıfa ayırabiliriz: 1- BASİT LOGOLAR: Bu tarz logolar, aynı karakter setinin harflerinden oluşmuş olan, harflerin birbirine geçmediği logolardır. Bu tanım oldukça basit ve ilgi çekici gibi görünse de, yazımızı bitirince hiç de öyle olmadığını göreceksiniz. Evet, bu ayki konumuz bu tarz logolar. 2- BİRLEŞİK LOGOLAR: Matematik terimi gibi oldu bu isimler ama neyse, bu tarz logolar ise harflerin birbirinin içine geçtiği ya da harf şekillerinin birbirine uygun olup farklı biçimlerde olmasıdır. Bunların uygulamalarını ise daha sonraki sayılarımızda yapacağız. 3- RESİM LOGOLAR: Bu tarz logolarda, logonun geri planında olan resim önemlidir. Logonun kendisi daha geride kalmıştır ve oldukça basittir. Bu tarzların örneklerini yapamayacağız, ama oyun grafiklerinde bol bol görürüz. 4- PARÇA LOGOLAR: Bu tarz logolar ise sanki çok büyük bir resmin parçası gibi dururlar. Geri plandaki resimden çok, öndeki logo önemlidir. Bu tarzın uygulamalarını da yapacağız.
GRAFİK
ACA 797? 686 464 CAC 979 868 646
ADIM PS-P?
Şimdi, konumuz olan basit logolara gelelim. Bu tarz logolarda bize büyük kolaylık sağlayan en önemli şey, hazır karakter setleridir. Hazır karakter setlerinin büyük boyda olanlarını alarak ya da küçük boyda olanları büyütüp, düzeltmeler yaparak kullanabiliriz. İkinci bir yol ise, hemen bir karakter seti yaratmaktır. Bu yöntem daha iyidir çünkü, istediğimiz gibi çekici bir görünüş veren karakter setleri kolay bulunmuyor. Şimdi adım adım logomuzu yapmaya başlayalım. Eğer anlattığım yolları izleyerek giderseniz, sonuçta aynı logonun tam dört farklı versiyonuna sahip olacağınızı belirteyim. Artık başlayalım, Paint'imizi açalım. Önce logonun ana biçimini oluşturacağız. Ben örnek olması amacı ile "AMIGA" logosu çizeceğim, siz ise ne isterseniz. Bunun için şu adımları izleyin: ADIM 1: Kare şeklinde olan hazır brushlardan soldan ikinci olanını seçin. Bu kare 4 piksel yüksekliğe ve 4 piksel genişliğe sahiptir. Yeni başlayanlar varsa, kare brushlar serbest çizim ikonlarının hemen üzerindedir. ADIM 2: Shift ve h tuşlarına basarak bu brush'ı iki kat büyütelim. Aynı tuşlara basarak yeniden büyütelim. Şimdi ölçü 4 pikselden 16 piksel çıktı. ADIM 3: Harfleri oluşturabilmek için, bu brush ile uzun bir dörtgen çizelim. Serbest çizimde iken shift tuşuna basarak kaydırma yaparsak, o yöne olan koordinat kilitlenir ve düzgün bir kaydırma yapılabilir. ADIM 4: Şimdi brush alma ikonu ile, çizdiğimiz bu dörtgeni brush alalım. Bu dörtgen, harflerimizin dikey çizgilerini oluşturacaktır. ADIM 5: AMIGA harflerine göre şimdi bu dörtgenleri yanyana koyalım. Üç piksel ara ile yerleştirmeye dikkat edelim. Ve unutmayalım ki "İ" harfi, diğerlerine göre daha dar. Diğer harfler için 2 dörtgen koyup, "I" için tek koyalım. ADIM 6: Yine kare brushlardan aldığımız 4'lük brush'ı yeniden alalım. Bu kez yatay çizgileri yapacağız. ADIM 7: Yine kaydırmak için shift tuşunu kullanarak, harflerin alt, orta ve üst çizgilerini oluşturalım. "M" harfi için ise orta ve üst çizgi arasını dolduralım. ADIM 8: "G" harfi için orta ve üst çizgi arasını silelim. ADIM 9: Şimdi harflerin dönüş olan köşelerini silelim. Basamak gibi 3-2-1 piksel silerek bu işi yapalım. Böyle ince işler için büyüteç ikonu ile ya da "m" tuşu ile büyütme yaparak çalışmayı unutmayın. ADIM 10: "M" harfinin ortasını oluşturmak için yine basamak halinde silelim. Böylece harfleri oluşturduk sayılır. Az bir iş kaldı. ADIM 11: Tüm harfleri brush olarak alın. ADIM 12: Kullanmadığımız bir rengi seçelim. "O" tuşuna basarak harflerin dış kenarlarında bir çizgi oluşmasını sağlayalım. ADIM 13: Dış çizgili hali ile logoyu ekrana basın. Şimdi nokta brush seçip harflerin alt kısımlarındaki eksik pikselleri tamamlayın.
ADIM 14: Işık yönünü sağlayabilmek için, bu dış çizgiyi kabartma hissi oluşturabilmek için açık ve koyu tonlarla boyayalım. Işık yönü ile hangi yüzeylerin ışık alacağı biraz gözlem ve alışma işidir. Biraz kafanızı çalıştırın ya da benim çizdiğimi örnek alın. Evet, şu an logonun ana şeklini hemen hemen oluşturduk sayılır. Şimdilik "OLUŞTURMA" aşaması bitti. Sıradaki aşama "SÜSLEME". Süsleme aşamasını yine adım adım ilerleyerek yapacağız. Bu aşamanın adım numaralarından önce "P" harfini kullanacağım. ADIM P1: İlk olarak renk ayarlarını yapalım. Klavyeden "p" tuşuna basarak ya da solda yeralan renklerin üzerindeki, kullanılan rengi gösteren daireye sağ tuş ile klikleyerek palet penceresini açın. Şimdi sekiz adet renk ayarlayacağız. Renkleri RGB ayarları olarak şu şekilde ayarlayın: Yeşil tonları: 10-12-10, 7-9-7, 6-8-6. Mor tonları: 12-10-12, 9-7-9, 8-6-8, 7-5-7. ADIM P2: Şimdi logoyu yeşilin bu tonları ile boyayalım. Açık olması gereken yerleri yeşilin 1., orta kısımı 3. ve koyu kısımları 4. ton ile boyayın. FILL fonksiyonunu ya da STENCIL fonksiyonunu kullanmak hız kazandıracaktır. STENCIL fonksiyonunu kullanırken yapmanız gereken işlemler şöyle: STENCIL MAKE, değiştirilecek rengi pencereden seçin. INVERT ile bu renk dışındaki tüm renklerin seçilmesini sağlayın. MAKE seçeneğine basın. Şimdi yeni rengi seçin. Kare brushlardan birine sağ tuş ile klikleyin. SIZE yazısını göreceksiniz, mouse tuşlarından herhangi biri ile brushı büyütün. Ve şimdi de değişecek rengin olduğu alanların üzerinden geçin. Diğer renkler içinde aynı işlemleri tekrarlayın. Son olarak STENCIL OFF yapın.
Pg-rız
ADIM Pi3-Pis
Piâ-Pze
ADIM P3: Şimdi yeniden fonksiyonu ile sadece yeşilin 3. tonunu açık bırakın. ADIM P4: Yeşilin ikinci tonunu seçin. SPREY ikonuna sağ tuş ile klikleyerek ortaya çıkan SIZE yazısı ile daireyi biraz daha büyütün. Şimdi harflerin alt ya da köşe kısımlarına püskürtme yapın. İstediğiniz kadar yeşil2 koyduktan sonra STENCIL OFF ile STENCIL fonksiyonunu kapatın. Böylece logomuzun ilk versiyonu oluştu... Bu adımdan sonra çeşitleme işlemleri başlıyor. İlk çeşitlememizi yine "P" adımları ile yapalım. ADIM P5: Şimdi harflarden en çok alan kaplayanı olan "M" harfini brush olarak alalım. ADIM P6: Paletten kullanmadığımız bir rengi seçelim. F2 tuşuna basarak COLOR moduna geçelim. Böylece M harfi tek renge dönüşür. ADIM P7: "M"yi şu anki hali ile ekrana basalım. Nokta brush'ı seçelim ve tam bir dörtgen oluşturacak şekilde arada kalan boşlukları dolduralım.
ADIM P8: Bu dörtgeni brush alalım. Ve SHIFT tuşu ile birlikte "h" tuşuna basarak iki katına çıkartalım. Bu iki kat büyük dörtgeni ekrana basalım. ADIM P9: Mor rengin 3 nolu tonunu seçelim. Bu büyük dörtgenin içine bu renkle serbest figürler çizelim. İstediğiniz biçimde figürler olabilir. ADIM P10: Şimdi FILL fonksiyonu ile bu figürlerin içlerini dolduralım. ADIM P11: Büyük dörtgeni yeniden brush alalım. "h" tuşuna basarak küçültelim. Bu işlem bazı ayrıntıları yokedeceği için işimizde kolaylık sağlar. ADIM P12: Küçülttüğümüz dörtgendeki figürlerde, eğer gerekiyorsa, düzeltmeler yapalım. ADIM P13: Küçük dörtgeni brush olarak alalım. Bu dörtgeni "x" ya da "y" (mümkün ise "z") tuşları ile çevirerek yanyana koyalım. Arada 1 piksel boşluk bırakalım. ADIM P14: Bu dörtgenlerden bazılarının içindeki morları silelim. Bu aynı şeklin tekrarlanmadığı izlenimini verecektir. ADIM P15: "I" harfinin genişliği daha dar olduğu için fazlasını silelim. P4 adımından sonra oluşan logodan "I" harfinin üst kısmını alıp buraya kopyalayarak ölçü yapabilirsiniz. Silme işleminden sonra dörtgenlerin yerlerini yeniden ayarlayın. Aralarında birer piksel kalacak şekilde. ADIM P16: P4 adımında oluşan logoyu brush olarak alalım. ADIM P17: "j" tuşu ile arka ekrana geçelim ve iki kopyasını basalım. ADIM P18: Şimdi yanyana bastığımız dörtgenleri brush alıp logonun iki kopyasını bastığımız arka ekrana geçelim ve buraya basalım. ADIM P19: STENCIL fonksiyonu ile mor tonlarının 3.'sünü kilitleyelim. ADIM P20: Logolardan birini brush alalım ve dörtgenlerin tam üzerine yerleştirip basalım. Mor renk önplanda kalacaktır. ADIM P21: Yeniden STENCIL penceresine geçelim. Dört yeşil tonunu kilitleyelim. ADIM P22: P20 adımında oluşan durumu sağ tuş ile brush almaya çalışalım. Böylece mor renkler silinecektir. ADIM P23: Stencil fonksiyonunu off yapın. Şimdi mor renk silindikten sonra kalan kısmı brush alalım. Logonun sağlam halinin üzerine tam olarak ayarlayıp sağ tuşa basın. Böylece mor rengin doldurduğu alanlar ortaya çıktı.
"To TI
ÇATI yağa yeğ ' dr a 4 YAT yapın KU “*
MEHMET ALİ ŞAHİN
ADIM P23
GÖRÜNÜŞ P23
ADIM P24
GÖRÜNÜŞ P25
ADIM P24: Şimdi daha önce yazdığım yöntemi kullanarak (STENCIL yolu ile) bu kalan alanlarda yeşil1'i mor1 ile, yeşil2'yi mor2 ile, yeşil3'ü mor3 ile ve yeşil4'ü mor4 ile değiştirelim.
ADIM P25: Şimdi de son iş olarak mor renk olmuş parçaları
P22 adımında ortaya çıkan şeklin ini tam aya basalım. ya çı şeklin üzerine, yerini tam ayarlayıp,
FE8 BB5 875 444
ADIM C1-C7
Kad
ADIM C8-C13
GÖRÜNÜŞ C1a
GÖRÜNÜŞ C16
P25 adımı ile logonun ikinci versiyonunu elde ettik şimdi P4 adımında oluşan logoyu kullanarak iki çeşitleme daha yapacağız. İlk çeşitlemede, "C" adımlarını kullanacağım. ADIM C1: P4 adımında oluşan logoyu brush alıp, arka ekrana kopyalayalım. ADIM C2: Palet penceresine geçerek dört yeni renk ayarlayalım. 15-14-0, 15-12-0, 15-10-0 ve 15-4. ADIM C3: Kullanmadığımız bir renk ile içi dolu bir daire çizelim. Çok büyük ya da çok küçük olmasın. ADIM C4: Bu dairenin içine sarı4 ile bir daire daha çizelim. Sarı daire ilk daireyi kapatmayacak kadar büyük olmalı. ADIM C5: Daireleri "m" tuşu ya da büyüteç ikonu ile büyütelim. Sarı dairenin sol üst köşesine sarı1 ile bir nokta koyalım. ADIM C6: Sarı1 noktanın etrafını, önce sarı2, sonra sarı3 ile çevreleyelim. Şimdi de sağ alt köşeye sarı3 ile bir nokta daha koyalım. Bütün bu işlemler ayrıntılı yapılırsa, içi dolu cam küre izlenimi elde ederiz. ADIM C7: C3-C6 adımlarını tekrarlayarak farklı boyutlarda küreler yapalım. ADIM C8: Şimdi ilk daireyi çizdiğimiz kullanılmayan renk ile içi dolu bir dörtgen çizelim. ADIM C9: Bu dörtgeni brush alalım. BRUSH pulldown menüsündeki ROTATE fonksiyonunun ANY ANGLE seçeneği ile bu dörtgeni dilediğimizce çevirelim. Ben 45 derece çevirdim. Zaten üst menü çizgisinde derece belirtilmekte, o yüzden zorluk çekeceğinizi sanmıyorum. ADIM C10: Bu dörtgenin içine mor1 ile yine bir dörtgen çizin. ADIM C11: Mor2 ile ikinci çizdiğiniz dörtgeni dört üçgene ayırınız. Bu işi yapmak için düz çizgi modunda köşeden köşeye çizgiler çekin. ADIM C12: Bu dört üçgenden sağ altta kalanı mor4, sağ üst ve sol altta kalanı ise mor3 ile boyayın. Bu işlem sayesinde dörtgenimiz, bir piramit görüntüsüne kavuşur. ADIM C13: C8-C12 adımlarını tekrarlayarak, farklı boy ve açıda dörtgenler yapın. ADIM C14: Şimdi yaptığımız daireleri ve dörtgenleri P4 logosunun üzerine koyun. Bu yerleştirmeyi istediğiniz gibi yapabilirsiniz. İsterseniz tüm logoya dağıtın, isterseniz belirli bir yönde yapın. ADIM C15: STENCİL fonksiyonunu kullanarak daire ve dörtgen çizdiğimiz o boş rengi silin. ADIM C16: Biçimlerin zemin rengi ile birleştiği aralardaki geçişleri düzeltmek amacı ile; harf kenarlarına, daire kenarlarına sarı1, dörtgen kenarlarına mor1 ile pikseller koyun. Böylece logonun bir diğer versiyonunu daha oluşturmuş olduk. Şimdi ise son versiyonumuzu yapmaya geldi. Bu versiyon için yapmamız gereken işlemler çok daha kısa, sonuçta ise kırık bir izlenim elde edeceğiz. Bu versiyon için yapacağımız adımları H ile belirleyeceğiz.
Sizler burada anlatılanları değişik biçimler ve renkler ile çeşitleyin. Gelecek aya kadar hoşçakalın. Bir sonraki yazımda, logo çeşitleme örneklerine devam edecek ve logo tarzlarından "PARÇA LOGOLAR" için örnekler yapacağız. Gelecek aya kadar: BOL PİKSELLER.
NIGA
NIGA
ADIM H1: P4 adımı ile oluşan logoyu brush alıp ekrana kopyalayın. ADIM H2: Brush ikonuna iki kez sol tuşla klikleyerek ya da "b" tuşuna iki kez basarak serbest brush alma moduna geçin. Logonun bir köşesini üçgen olarak sağ tuş ile brush alın. Brush aldığınız alan silinecektir. Şimdi bu brush'ı olması gereken alandan, dikey ve yatay koordinatta biraz kaydırarak basın. ADIM H3: H2 adımını istediğiniz kadar tekrarlayarak sonuca ulaşın. ADIM H4: Harflerin zemin rengi ile birleştiği yerlerden gerekli olanlarına pikseller koyarak geçişleri yumuşatın. Hepsi bu kadar. Basit bir logoyu çeşit çeşit biçimlerde göstermeye çalıştım bu yazıda. En basit ve en kısa şekli ile yazmaya çalıştım. Burada anlattığım bütün işlemler en fazla bir saat sürer.