Adım - Photoshop Magazin
Transkript
Adım - Photoshop Magazin
mrah Poster: E I ELMASL PHOTOSHOP’UN YENİDEN KEŞFİ FOTO MANİPÜLASYON Buzlu yazı efektlerinden daralanlar için ideal tedavi yöntemleri... MACROMEDIA FLASH KULLANARAK KARAKTER TASARIMI DİJİTAL BOYAMA Konsept tasarımcı Emrah Elmaslı Painter ve Photoshop’ta kullandığı çalışma tekniklerini okuyucularıyla paylaşıyor. DİJİTAL ARTS SERGİSİ K.K.T.C. FİYATI: 6 YTL Dijital Artist’lerin farklı konseptler için hazırladıkları tasarımlarından seçme ve tam sayfa örnekler. ADOBE PHOTOSHOP • Protein İsimli Çalışma • Kelebeklerin Poster Tasarımı • Abstract Tasarım Uygulaması MACROMEDIA STUDIO 8 • Karakter Tasarımı ve Animasyon • Flash 8 Video ve Dreamweaver 8 • Fireworks 8 ile Dokular DİĞER KONULAR • After Effects 7.0 İncelemesi • Vektörel İllüstrasyon • Dijital Artist’ler Fırça ve tuval dijitalle buluştu. www.uclogictr.com www.exa.com.tr 06 0216 418 92Aralık-Ocak/ 00 www.penta.com.tr 0216 528 00 00 • 1024 Basınç seviyesi. • Macintosh ve Pc kolay kurulum. • Değiştirilebilir yükseklik ayarı. • A4 aktif çalışma alanı. • Tablet üzerinde 20 kısa yol. • 4000 LPI yüksek çözünürlük. Türkiye’de Masaüstü Yayıncılık ve Adobe Seminerleri Türkiye’de eğitim ve teknolojik gelişmelerin ANTALYA tanıtım ve etkinlikleri bir çok sebeble ülkemizin batı bölgelerinde hatta İstanbul ile sınırlı yapılmaktadır. Yayımların ve kitapların Anadolu’da dağıtımında ciddi sorunlar yaşanıyor. Özellikle Masaüstü Yayıncılık konusunda Anadolu’da eğitim, seminer vb. neredeyse yok denecek kadar az yapılmaktadır. A ANTALYA NTALYA Seminerlerin en önemli amacı; Yazılımların özellikleri buna bağlı olarak Masaüstü Yayıncılık alanında ciddi gelişmeler oldu. Yerel gazeteler, fotoğrafçılar, reklam ajansları, grafik vb. bu sektörlerdeki Adobe yazılımlarını kullananların bilgi gereksinimlerini karşılamak, önemli noktalara değinerek çözümler sağlamak, bilgi akışı için kanalları göstermek, uzun süreçte gelişimlerine destek olarak paylaşımın sürekliliğini sağlamak hedeflenmiştir. ISPARTA ISPART A Diyarbakır, Malatya (İnönü), Antalya (Akdeniz), Isparta (Süleyman Demirel), Kütahya (Dumlupınar), İstanbul Maltepe Üniversitelerinde bu seminerler gerçekleştirilmiştir. KÜTAHY A KÜTAHYA Önümüzdeki seminer programı Urfa, Afyon, Konya, Ankara, Bursa, İstanbul, İzmir, Karadeniz ile devam edecek. Detaylı bilgi: www.digitalarts.com.tr İletişim: Ceyhun Akgün [email protected] /[email protected] Türkiye’nin her bölgesinde farklı konularda katkılarıyla bu seminerlerin düzenlenmesini sağlayan sponsorlarımız. Grafik Tablet www.bilimer.com Sponsor www.uclogictr.com Sponsor www.adobe.com.tr Teknoloji Sponsoru www.digitalarts.com.tr www.macline.com.tr HABERLER DIGITAL ARTS SERGİ SALONU 8 9 10 11 EPSON PERFECTION 4490 PHOTO Hız, performans ve kullanım kolaylığı profesyonel gövdede birleşiyor “SON TREN “ ANİMASYON FİLMİ Alanlarında profesyonel olan Dijital Artist’lerin seçkin çalışmalarından örnekler. Kerem Beyit Son Tren animasyon çalışması HP PHOTOSMART 8250 Renk kalitesi ve işlevsel özellikleri ile yarı profesyonellere alternatif. GMK GENEL KURULU YAPILDI Genel Kurul 19 Mart Pazar günü gerçekleştirildi 26 27 Kerem Beyit 25. GRAFİK ÜRÜNLER SERGİSİ 06-16 Mayıs 2006’da Yıldız Şale Köşkü’nde yapılacak NIKON’UN HIZ CANAVARI: D2X En yüksek çözünürlüklü D-SLR makinesi D2x ayrıntılı olarak incelendi NIKLAS SUNDIN “GADUS MORHUA “ 53 Kerem Beyit Niklas Sundin, Gadus Morhua isimli kitabının satışa çıktığını açıkladı İNCELEME 12 14 16 18 TERTIUM NON DATA 61 Emrah Elmaslı Gülnur Güvenç, tanınmış “Dijital Artist”lerin çalışmalarını inceliyor. 32 ADOBE’UN YEDİNCİ HARİKASI Mehmet Gözetlik Uğur Akdemir, Video’nun Zevke Dönüştüğü 7. Nokta 66 TUTORIAL DENEYSEL TEKNİKLER Fatih Kaygusuz, Dijital Sanat’ın bir kolu olan Deneysel (Experimental) anlatım biçimiyle bir kompozisyon oluşturup Deneysel Grafik çalışmalarına bakış açısı ve araç yönetimi ile ilgili bir takım örnekleri uygulamalı olarak ele alacağız. YAZARLAR 38 44 20 28 34 46 Etna Yayıncılık Hiz. San. ve Tic. Ltd. Şti. adına sahibi M. Bahattin Apak [email protected] Genel Yayın Yönetmeni İlhan Dinçerler [email protected] Digital Arts Yayın Danışmanı Ceyhun Akgün [email protected] Yazı İşleri (Sorumlu) Burcu Demir [email protected] KULLANILAN YAZILIM PHOTOSHOP CS / CS 2 SAYISAL YARATIM FORMASYON Serdar Bilginer internet üzerinden dağıtılan örnekleri alıp aynen yazıya geçirerek değil, bu çalışmalardan farklı olarak zevkli ve heyecanlı çalışmaları Photoshop kullanarak yapacağız. Savaş Özay serbest çalışmalarda, çoğu zaman işin akışına göre çalışmaya yön veririz. Çalışmamız da bu açıdan, ilerledikçe yeni fikirlerle zenginleştirilmiş bir Protein oldu. 50 KOFTİ AKADEMİ DİJİTAL PALET Gökhan Okur Digital Arts dergisi kapsamında vektörel illüstrasyon sevenler elbette unutulmadı. Ben de sizlere “Alice Harika Bir Diyarda” isimli çalışmayı nasıl yaptığımı adım adım anlatacağım. Emrah Elmaslı ilk yazımda, sizlere bir illüstrasyonun dijital ortamda nasıl yapıldığını baştan sona adım adım anlatmaya çalışacağım. Bu iş için ayrıca bir dijital tablet almanızı tavsiye ederim. 54 ÇİZGİLİ BLOG V.S.O.P. Mehmet Saygın Flash yazılımı ile illüstrasyon ve animasyon üretmek üzerine yazacağım. Teorik bilginin dışında, kendi iş akış planıma göre, projelerimde kullandığım yöntemleri ve püf noktalarnı anlatacağım. Berkay Ünal geçmiş yıllara kadar video, web ortamında kullanıcılar için bir sorun olmaktan öteye gidememişti. Macromedia Flash MX 2004 ile başlayan video serüveni Macromedia Flash 8 ile son halini aldı. 58 FOTO MANİPÜLASYON SOLO Süleyman Gezgin Fotomanipülasyon ne göründüğü kadar zor ne de göründüğü kadar kolay. Eldeki malzemeleri ve ilhamı doğru şekilde nasıl kullanacağımızı bildiğimizde işler o kadar da zor değil aslında. Bora Ünal resim düzenleme uygulamalarında dokuları kullanmak işlerinize görsel zenginlik katar. Peki kendi oluşturduğunuz dokuları bir eklenti olarak dağıtabileceğinizi söylesem... 62 Berkay Ünal Bora Ünal Çağatay Şimşek Emrah Elmaslı Ersoy Soyer Fatih Kaygusuz Gökhan Okur Görkem Tezcanlı Gülnur Güvenç Gürcan Özkan Kerem Beyit Mehmet Saygın Melih Sancar Ömer Durmaz Ömer Yıldız Savaş Özay Serdar Bilginer Süleyman Gezgin Uğur Akdemir Görsel Yönetmen Ceyhun Akgün [email protected] İnternet Editörü Arzu Dindar [email protected] Reklam Müdürü Seçil Bayrak [email protected] Müşteri Temsilcisi Yeşim Kara [email protected] Muhasebe ve Finans Sorumlusu Özlem Türk [email protected] Satış ve Abone Müdürü Derya Yılmaz [email protected] BASKI DAĞITIM Film Çıkış Elma Basım (212) 670 05 25 Ofset Hazırlık ve Baskı Elma Basım (212) 670 05 25 Genel Dağıtım Merkez Dağıtım Pazarlama San. ve Tic. A.Ş. DIGITAL ARTS İLETİŞİM DIGITAL ARTS REKLAMLAR ARTI BİLGİSAYAR......................A.K.İ. BİLİŞİM EĞİTİM MERKEZİ.. ....25 BİLKOM.......................................23 CREATIVE....................................3 ELMA BİLGİSAYAR...................31 INDEX..........................................19 KAKTÜS.......................................15 LEXMARK.. ..................................7 MACLINE....................................41 MEDYASOFT.. ............................Ö.K.İ. NEWTECH..................................33 PHOTOLINE...............................45 XEROX.........................................A.K. Adres Halaskargazi Cad. No: 336/6 Sadıklar 2 Apt. Kat: 6 - Şişli / İSTANBUL Tel : (212) 219 49 32 (pbx) E-Posta : [email protected] Telefon Yazı İşleri : (212) 219 49 32 (D: 21) Reklam Servisi : (212) 219 49 32 (D: 14) Abone Servisi : (212) 219 49 32 (D:13) Faks : (212) 233 46 61 EDİTÖR DIGITAL ARTS TÜRKİYE’DE BİR İLK! D igital Arts olarak Türkiye’de henüz uygulanmamış bir yayım konseptiyle karşınıza çıktık. Dünyada, gün geçtikte gelişen, yaygınlaşan uygulama alanlarından biridir Digital Arts. Bu alanın başarılı temsilcilerini sizlere tanıtarak, farklı disiplinler altında yer bulan, isimlendirilmesi ve tarif edilmesinde zaman zaman karışıklıklara sebep olan bu alanı daha yakından inceleyeceğiz. Digital Arts uygulamalarının ticari boyutu, gelişen multimedia, oyun, sinema sektörünün katkılarıyla büyümektedir. Televizyon, reklam ve basılı medya dünyasında bir çok örneğini görebileceğimiz bu uygulamaların, dergimizde nasıl yapıldıklarını zamanla öğreneceksiniz. Dijital sanat uygulamaları zaman zaman ülkemizdeki bilgisayar teknolojileri üzerine yayımlanan dergilerin sayfalarında kendine yer bulmuştur. Bu sayfalarda neredeyse üvey evlat gibi, sayfaları süslemekten başka bir misyon verilmemiş olan bu alan üzerine başlı başına bir yayım hazırlamanın heyecanı içindeyiz. Sayısal sanatların kapsamı oldukça geniş. Dergimizde masaüstü yayıncılık yazılımları, Macromedia ve Adobe yazılımlarının incelemeleri ve adım adım özel proje uygulamaları yer alacaktır. Dijital boyama araçları ve yazılımları, bu yazılımlara ait 3. parti plug-in’ler, Dijital Artist’ler, tasarımcıların portfolyoları, röportajlar, ülkemizden ve dünyadan tasarım haberleriyle bir arada olacağız. Dergimiz, bilgi düzeyini var olan seviyeden daha ileri bir noktaya götürmeyi Nisan-Mayıs/06 Ceyhun Akgün Digital Arts Yayın Danışmanı hedeflediğinden, başlangıç (basic) düzeyiyle birlikte, daha çok orta ve ileri seviye içerik hedeflemiştir. Başlangıç düzeyindeki okurlarımız için sayfalarımızda düzenli bilgiler yer alacaktır. Fakat internet kaynakları, kitaplar, bugüne kadar çıkmış yayımlardaki bilgiler başlangıç düzeyi için yeterli kaynaklar sunmuş, orta ve ileri düzeye geçememişlerdir. Digital Arts sayfalarında yazacak olan yazarların birçoğunu, uzmanlık alanlarına yönelik çalışmalarıyla, isimlerini duymuş ya da tanıyor olabilirsiniz. Yazarlarımız kendi köşelerinde amatör okurlarımızın yanında profesyonel okurları da hedeflemektedir. Ülkemizde farklı alanlarda çalışan profesyoneller, yerli yayımların bilgi düzeylerini çok sığ bulduklarından, yurt dışı yayımları tercih etmektedirler. Digital Arts, profesyonellerin de okuyabileceği, içeriğinde nitelikli, özel bilgilerin bulunduğu bir yayımdır. Digital Arts’ın içerik çizgisinde bir yerden alıp uyarlama anlayışı olmayacaktır. Birçok yayımda gördüğümüz içeriğin internet kaynaklarından alınarak altına kaynak belirtilmeden yapılan basit çalışmaların benzeri, internet üzerinde rahatlıkla bulunabilecek bilgilerin dergimizin sayfalarında yer alması söz konusu değildir. Her zaman yeniyi ve özeli sizlerle paylaşacağız. Dergimizi sizlere 2 ayda bir hazırlayacağız. Bizim acelemiz yok; iyiyi güzeli, nitelikli olanı sizlere vermek için sizlerin de düşüncelerine ihtiyacımız olacaktır, övgü ve başarı dileklerinizden çok, acımasız eleştiri mektuplarınızı bekliyoruz. Bu sayımızda, özellikle konsept tasarımcı olarak Emrah Elmaslı ve Kerem Beyit’i sayısal sanatların farklı bir alanında ise Mehmet Gözetlik’in çalışmalarını inceleyebilirsiniz. Gökhan Okur ve Mehmet Saygın vektörel illüstrasyon çalışma ve teknikleriyle, Fatih Kaygusuz Photoshop kullanarak Abstract bir çalışmasıyla, Serdar Bilginer nezih bir poster uygulamasıyla, Savaş Özay kendine has üslubuyla Protein adlı örnek çalışmasıyla, Süleyman Gezgin ise foto manipülasyon tekniklerini kullandığı özel çalışmalarıyla dergimizde yer alıyorlar. Gülnur Güvenç Digital Artist’ler üzerine araştırmasıyla, Uğur Akdemir Adobe After Effects 7.0 incelemesi, Bora ve Berkay Ünal Firework, Flash üzerine araştırmalarıyla sizlerle. Yazarlarımızın branşları sayısal sanatlar kapsamında olup uygulama alanında ayrışmıştır. Yazar kadrosu olarak oldukça geniş bir ekibe sahibiz. Bu sayımızda yer alamayan Ömer Durmaz, Görkem Tezcanlı, Çağatay Şimşek, Ömer Yıldız gibi profesyonellerimiz önümüzdeki sayılarda sizlerle olacaklar. Zaman zaman illüstrasyon sanatının en eski ustalarıyla bir araya geleceğiz. Nisan-Mayıs/06 YENİ DONANIMLAR EPSON PERFECTION 4490 PHOTO Hız, performans ve kullanım kolaylığı profesyonel gövdede birleşiyor. Evine veya ofisine tarayıcı almayı düşünenler yazımızı dikkatle okuyabilirler. Testimizin sonuçlarına tasarım özelliklerinden başlayalım. Epson 4490 için çok fazla veya çok az yer kaplıyor gibi bir tabir kullanmak doğru olmaz. Epson 4490, çalışma masanızda, bilgisayarınızın yanında konumlandırabileceğiniz şekilde ortalama bir yer kaplıyor. Siyah ve gümüş olmak üzere iki renkli tasarıma sahip Epson’un ön panelinde tarama işlevini yönetebileceğiniz 4 tuş bulunuyor. Bu tuşlarla kopyalama, PDF’e veya e-postaya tarama, çıkış alma gibi fonksiyonları gerçekleştirebiliyorsunuz. Yan kısımda bulunan açma kapama düğmesi, arka kısımda bulunan USB ve güç adaptörü bağlantısı da Epson 4490’u açmak ve bilgisayarla senkronizasyonunu gerçekleştirmek gibi roller üstleniyor. Epson’un sürücüsünü kutu içeriğinde gelen CD’den yükleyebileceğiniz gibi www.epson.co.uk adresine de başvurabilirsiniz. Oldukça kolay bir arayüze sahip Epson, tarama işlevine başlamadan önce JPEG, TIFF, PDF gibi formatlardan birini tercih etmenizi sağlıyor. Aynı zamanda taradığınız dokümanın istediğiniz klasöre kayıt edilmesini sağladığınız gibi dokümanın ismini de arayüz üzerinden belirleyebiliyorsunuz. Epson Perfection 4490 Photo’nun teknik özelliklerine kısaca bir göz gezdirelim: Taramak istediğiniz fotoğrafı yüksek çözünürlüklü olarak başka bir yerde kullanacaksanız, Epson 4800x9600 dpi çözünürlük oranı ile imdadınıza koşuyor. Epson’un kullanıcılarına sunduğu en önemli özelliği Digital ICE Teknolojisine sahip olması. Taramadan önce fotoğrafınızda çizikler veya tozlar varsa, Epson bu özellik sayesinde bunları yok ediyor. Diğer teknik özelliklere değinecek olursak, 35mm şerit film 12 çerçeve, 35mm slayt film 4 çerçeve, orta format (6 x 12cm), 1 çerçeve şerit film, A4 ve Letter boyutundaki belgelerinizi tarayabilen Epson 4490, 48 bit renkte tarama olanağı tanıyor. USB 2.0 ile bilgisayara bağlantı sağlayabildiğiniz Epson, 272 x 475 x 113 mm boyutlara ve yaklaşık 4 kg ağırlığa sahip. Performans Epson 4490 Perfection Photo’nun performansına değinmeden geçmeyelim. Cihazın açılıp taramaya hazır hale gelmesi yaklaşık 20 saniye gibi bir sürede gerçekleşiyor. Testimize öncelikle 4x6 inç boyutunda bir fotoğrafı 300 dpi çözünürlükte taramakla başladık. Epson’un performans açısından tatmin edici olduğunu söyleyerek içinizi rahatlatalım. Fotoğrafı beklediğimizden de kısa bir sürede tarayan cihaz, yaklaşık 15 saniyelik süremizi aldı. Aynı boyutlardaki fotoğrafı 1200 dpi çözünürlükte taradığımızda ise yaklaşık 4 dakikada tarama işlevi gerçekleşti. Siyah beyaz bir belgeyi PDF formatında 72 dpi çözünürlükle taradığımızda da 15 saniyede tüm işlem tamamlandı. Unutmadan size bir noktayı hatırlatayım, Digital ICE Teknolojisi- “SON TREN “ ANİMASYON FİLMİ nin nimetlerinden yararlanmanız için tarama işleminden önce ‘Customize’ tercihlerine girerek, ‘Dust Removal’ ve ‘Color Restoration’ tercihlerini işaretleyin. Satın alma önerisi Varolan fotoğraflarınızı tarayıp bilgisayarınıza yüklemek istiyorsanız, ihtiyacınız olan bir tarayıcı. Alternatifler arasında size Epson’u öneriyoruz. Epson Perfection 4490 Photo, farklı formatları desteklemesi, hızı, yüksek çözünürlük oranı gibi özellikleri ile tatmin edici bir çözüm sunuyor. Böylece bilgisayarınızda yüksek çözünürlüklü bir fotoğraf arşivi oluşturabilirsiniz. Epson Perfection 4490 Photo Firma: www.epson.com.tr/ Fiyat: 250 Euro + KDV. Son Tren animasyon çalışması 25. Uluslararası İstanbul Film Festivali’nde! Digital Arts dergisi yazarlarından Gökhan Okur’un Son Tren isimli animasyon çalışması, 1-16 Nisan tarihleri arasında gerçekleşecek olan 25. Uluslararası İstanbul Film Festivali’nde, Hisar Seçkisi’nde gösterime sunulacak. Son Tren bundan önce !f İstanbul Bağımsız Film Festivali ve 18. Uluslararası İstanbul Kısa Film Festivali’nde de yer almıştı. Son Tren Flash 7 ile bir aylık bir çalışma sonucu üretilmiş. New York, Brooklyn merkezli Triboro Sound isimli modern dans Nisan-Mayıs/06 topluluğu ile ortak bir çalışma olarak ortaya çıkmış. Triboro Sound’un müziklerini ve senaryosunu yazdığı Son Tren’i internetten izlemek de mümkün http://www.kofti.com/ lasttrain.html (11MB, Quicktime 7) New York’ta yaşayan işinden ve hayatından bunalmış bir adamın zihnine atılan bir gezintiyi resimleyen Son Tren’de Tween, Key animasyon ve bol bol maskeleme görüyoruz. Son Tren bildiğimiz anlamda bir karakter animasyonu değil, daha çok Motion Graphics gibi tanımlamak mümkün. YENİ GELİŞMELER 8 9 10 11 HP PHOTOSMART 8250 Renk kalitesi ve işlevsel özellikleri ile yarı profesyonellere alternatif HP’nin ev ve küçük ofisler için ideal yazıcısı Photosmart 8250, kullanıcıların profesyonel kalitede baskılar almasını sağlıyor. Evinde ufak çaplı bir fotoğraf stüdyosu kurmak isteyen yarı profesyonel fotoğrafçılar için de yeterli performansı gösteren yazıcının kutu içeriği ile söze başlayalım. Güç kablosu, USB arabirimi, kurulum CD’si ile gelen yazıcıyı kurmak oldukça kolay. Güç kablosunu takın, yazıcının bilgisayarla USB aracılığı ile bağlantısını sağlayın. Kurulum CD’sini yükleyip bilgisayara yazıcıyı tanıtarak kurulum işlemini tamamlayabilirsiniz. Yazıcının sürücüsünü kurulum CD’sinden yükleyebileceğiniz gibi http:// welcome.hp.com/country/us/en/support. html?pageDisplay=drivers adresinden de sürücüyü indirebiliyorsunuz. Boyutları itibari ile çok fazla yer kaplamayan Photosmart 8250, açık ve koyu gri renkte tasarlanmış. Ön panelinde bulunan tuşlar baskı işlemini takip etmenizi ve fotoğraflarınız üzerinde değişiklik yapmanızı sağlıyor. CF, XD, SD ve MS bellek kartlarıyla uyumluluk gösteren HP PS 8250, bellek kartları üzerinden direkt baskı alma olanağı tanıyor. Aynı zamanda PictBridge desteği veren 8250, PictBridge ile uyumlu dijital kameralardan doğrudan baskı almanızı sağlıyor. Yine ön panelde bulunan LCD ekrandan fotoğrafların ön izlemesini yapmak mümkün. LCD ekranda beliren fotoğraflarınıza zoom yapabiliyor, yönünü değiştirebiliyorsunuz. Menü içerisinde Edit bölümüne girerseniz, buradan fotoğrafınız üzerinde değişiklik yapabiliyorsunuz. Örneğin, kırmızı gözleri giderebilir, fotoğrafın parlaklığı ile oynayabilir, çerçe- ve ekleyebilir veya renk efektleri verebilirsiniz. A4 boyutuna kadar baskı yapabilen Photosmart 8250’de layout tuşu ile bir sayfaya birkaç fotoğraf basabiliyorsunuz. Performans ve kalite HP Photosmart 8250, renk kalitesi açısından tek kelimeyle başarılı. Çektiğiniz fotoğraflara bilgisayar ekranından baktığınızda gördüğünüz renklerin aynısını baskı sonrasında da elde edebiliyorsunuz. Baskı sonrasında mürekkeplerin kuruması biraz zaman alıyor. Fotoğrafınızın üzerinde parmak izlerinin oluşmasını istemiyorsanız, baskıdan sonra biraz beklemenizi öneririz. Performans olarak Photosmart 8250’yi değerlendirirsek, 10x15 fotoğraf kağıdına yüksek çözünürlüklü baskılar aldığımızda tatmin edici bir sonuçla karşılaştık. 40 saniyeden az bir sürede baskı işlemini tamamlayan HP 8250, A4 boyutunda yaptığı baskılarda da yaklaşık 3 dakikada işlemi tamamlayabildi. Baskı işlemi gerçekleşirken sessiz çalışan yazıcı maksimum 4800x1200 dpi çözünürlük sunuyor. GMK Genel Kurulu 19 Mart Pazar günü gerçekleştirildi. Genç üyelerle kurucu üyelerin bir araya geldiği genel kurul da GMK yeni yönetimi seçildi. Genel Kurul öncesinde uzun bir süredir kapalı olan, www.GMK.org.tr dernek web sitesi de yayına başladı. Gelişmeye açık olan site ziyaret edilebilir. Aşağıdaki çalışma 25. Grafik Ürünler Sergisinin duyuru afişidir. Sergi hakkında bilgi almak için dernek web sitesini ziyaret edebilirsiniz. Satın alma önerisi HP Photosmart tatmin edici renk kalitesi ve performansı ile evinde ufak çaplı bir fotoğraf stüdyosu kurmak isteyenler için ideal bir yazıcı. Küçük işletmelerin renkli baskı ihtiyacını da karşılayabilecek bir kapasiteye sahip HP Photosmart 8250, kullanıcısına kullanım kolaylığı sunuyor. Firma: HP Fiyat: 231 Dolar + KDV Nisan-Mayıs/06 YENİ DONANIMLAR UC-Logic PF 1209 DUYURU! www.uclogictr.com Profesyonel dijital sanatçının en önemli araçlarından biri. Digital Arts Dergisi Okuyucularıyla Buluşuyor! Digital Arts okurlarına özel bir eğitim projesi. Photoshop’un özel püflerinden oluşan ve pratik kullanımının ince noktalarına değinen bir seminer. Her gün kullandığımız bu harika yazılımın, ihmal edilen, gözden kaçan bazı fonksiyonlarına yakından bakmak, fikir edinmek, kullanıma dair önemli püfleri izleyerek öğrenmeyi amaçlamaktadır. Katılmak için, iletişim bilgilerinizin yazılı olduğu ve katılım sayınısını bildiren bir e-mail göndermeniz yeterli olacaktır. Semimere panelist olarak Ceyhun Akgün katılacaktır. CS3 paketinin lokomotif yazılımlarından Photoshop’un yeniliklerini, kullanıcılara getirdiği avantajları, örnek uygulama ve çalışmalar üzerinde yakından inceleyeceğiz. 27 Mart tarihinde duyurulan paketin içerikleri ve yenilikler bir çok kullanıcının kaderini değiştirecek yönde. FreeHand yazılımının akıbeti, InDesign ve Illustrator yazılımlarındaki değişim ve gelişmeler heyecanla bekleniyor. Yer: Bilimer Bilişim Akademisi Mecidiyeköy Merkez Şubesi Tarih: 16 Aralık Cumartesi, Saat: 10:00 - 14:00 Saatleri arası. www.bilimer.com Panelist: Ceyhun Akgün Digital Arts Dergisi REZERVASYON: Digital Arts Abone Servisi Tel: 0212 219 49 32 www.digitalarts.com.tr • E-mail: [email protected] Nisan-Mayıs Ekim - Kasım/ /0606 10 Ürün inceleme bölümümüzde illüstrasyonla uğraşan, çizim çalışmalarınızı bilgisayar başında uzun saatler harcayarak üreten alanlarında uzman iki usta sanatçı farklı noktalardan yaklaşarak inceledi. Kerem Beyit ve Emrah Elmas’lının düşünce ve önerileriyle ürün hakkında fikir edinebilirsiniz. İlk olarak Emrah’ın sonrada Kerem’in yorumlarına yer veriyoruz. Emrah ELMASLI: Uc-logic tableti kutusundan ilk çıkardığımda tasarımı ve inceliği gözüme ilk çarpan artı değerler oldu. Bence bir tablette kaliteyi simgeleyen en önemli etmenlerden birisi dış görünüş ve hafiflik. İnce ve hafif olması yaya haldeyken de kolayca taşınmasına imkan sağlıyor. Renk olarak başka alternatifleri var mı bilemiyorum ama tabletin beyaz olması beni biraz şaşırttı doğrusu. Kendimden örnek vermem gerekirse ben devamlı bilgisayar başındayım ve kollarım her daim tabletin üzerinde. Kahvaltımı da bazen tabletin üstünde yapan bir insanım ben Yaz’ın sıcağında bilgisayar başında çalıştığınızı düşünün, bu yüzden beyaz renk kirlenmeye çok müsait. Daha koyu bir renk olmalıydı bence. Bir de tablet dediğimiz şey dayanıklı olmalı, ben ne yazıkki dayanıklılık testine tabi tutamadım ama ani yüklenmeler sonucunda yüzeyi kırılmamalı ve çatlamamalı. Sonuçta plastik bir malzeme. Umarım uc-logic’in malzemesi dayanıklıdır. Dış görünüşten sonra biraz da kullanımı ve teknik özellikleri hakkında konuşabillirim. Tablet ile gelen cd’ler arasında kurulum yazılımı dışında Adobe Photoshop CS ve Painter 9’un 30 günlük deneme sürümleri var. Yani bu işe sıfırdan başlayan birisi olarak hemen bu deneme sürümlerini kurup çizmeye başlayabilirsiniz. Tabletin yazılımını kurmak çok kolay. 1 dk. içerisinde çizmeye hazır hale geliyorsunuz. Kalemi ilk elime aldığımda ve çizmeye başladığımda tabletin çizim yüzeyinin dokulu olmasından kaynaklanan, gerçekçi bir kağıt hissiyle karşılaştım ki bu büyük bir artı. Dijital tablet üreticileri çizim anında maximum gerçeklik sağlama yarışına girdikleri için son çıkan tabletlerde kağıt hissini en iyi şekilde verebilmek için büyük bir çaba sarfedilmiş gibi gözüküyor. UC-Logic’te bu açıdan eksik kalmıyor. Bence tabletin yüzeyi oldukça rahat ve gerçekçi bir çizim tecrübesi yaşıyorsunuz. Bunlarında dışında çizim yüzeyinin en üstündeki dokunmatik tuşlar iyi düşünülmüş ve hepsi hiç bir ayar gerektirmeksizin düzgün bir şekilde çalışıyor. “New”, “Open”, “Save” ve bunun gibi kısayol tuşları çizerken zaman kazandıracak artı özelliklerden biri. Tabletin altına baktığınızda iki adet yükseltme aparatı görüyorsunuz. Bunları çıkartıp, yükseltme boşluklarına takıyorsunuz. Böylece tabler bir çizim masası gibi yükselmiş oluyor. Bu diğer tabletlerde görmediğim artı bir özellik fakat yükseltme aparatlarının ayrı birer parça olarak düşünülmesi ilginç geldi. Klavyelerdeki gibi tek hamlede kaldırılabilen mandalları olsa daha güzel olabilirdi. Gelelim çizim kalemine. İlk elime aldığımda biraz ağır olduğunu farkettim. Sonra anladım ki pille çalışıyor ve bu ağırlık pilden kaynaklanıyor. Açıkçası bu bana biraz garip geldi çünkü büyük rakiplerine baktığımızda kalemler pille çalışmıyor ve oldukça hafifler. Bu tablette eksi bir özellik göstermem gerekirse o da bu olur sanırım. Çünkü çizerken elinizde tuttuğunuz kalemin ağırlığı önemlidir. Gerçekçi bir şekilde geleneksel malzemelrin hissini vermesi gerekir. UC-Logic tabletin kalemi biraz ağır ama uzun vadede çok fazla sorun çıkaracağını sanmıyorum. Sonuçta tablete alıştığınız da bu size bir sorun gibi gelmeyecektir. 1024 basınç seviyesi diğer rakipleriyle yarışmasını sağlıyor ve çizim hissi olarak beni tatmin ediyor. Ayrıca fiyatına da baktığımızda bence piyasaya göre çok uygun bir rakam ve pahalı tabletler arasında çok kaliteli bir alternatif. Yani genel olarak değerlendirmek gerekirse UC-Logic satın alınıp denenmesi gereken bir tablet. Sonuçta ben denediğim süre içerisinde memnun kaldım. Sizinde kalacağınızdan eminim. Emrah ELMASLI Konsept Tasarımcı – Dijital İllüstratör YENİ GELİŞMELER Kerem BEYİT: İlk etapta sanırım fiyatını yorumlamak icap eder, internetten baktığım kadarıyla neredeyse Wacom tabletlerin yarı fiyatına satılan bir ürün ve açıkçası 1 haftalık bir kullanıcı olarak söyleyebilirim ki aralarında şekil farkı dışında hiçbir fark yok, hatta UcLogic yükseltme aparatları sayesinde bence (+) özelliklere sahip. Wacom tabletlere gücü yetmeyen kullanıcılar için harika bir alternatif teşkil ediyor. Öncelikle tabletin arka panelinde bulunan yükseltme aparatları çok zekice düşünülmüş, önceki tabledimde hep bunun eksikliğini çekiyordum, şimdi bu yükseltme aparatları sayesinde tableti istediğim 20 derecelik açıda kullanabiliyorum. Ama bu açı sabit olmayıp da el ile ayarlanan bir yapıda olsaydı çok daha hoş olurdu. Tabletin kurulumu çok basit 2 dakika içinde oturup çizmeye başladım, opsiyonlar da sade ve anlaşılır, basınç ayarlama özelliği oldukça kullanışlı. Tabletin ön panelinde gördüğü en önemli özellik, çizim alanının üstünde bulunan ince plastiğin oldukça dayanıklı bir malzemeden yapılmış olmasıydı. Bu neden önemli derseniz bir önceki tabledimde çizim alanının üstünde bulunan plastik kısa sürede yıpranmış (özellikle daha çok kullandığım bölümler olan ortalar.) ve bu yıpranmış bölümler zamanlar milimlik kabartılara sebep olmuştu, tabi milimlik de olsa bunlar çizim esnasında büyük sorunlar meydana getiriyorlardı, yıpranmış yüzeylerin üstünden gecen bir çizgi yamuk-yumuk oluyordu. Sizin tablette ise ne kadar bastırırsam bastırayım bir cizik oluşturamadım, bu da ileride çizim yüzeyinde bir Türkiye Yollarında sorun olmayacağını gösteriyor. Tabletin on paneli oldukça geniş ve bu sayede çizerken bileğinize destek oluyor, on panel üzerindeki kısa yollar da çok kullanışlı. Photoshop ve Painter ile çok uyumlu bir şekilde çalışabiliyorsunuz, basınç hassasiyeti gerçekten çok dengeli, ince-kalın ve koyuaçık geçişlerde oldukça smooth sonuçlar elde ettim, mesela birden kalından inceye geçmiyor bu da basınç hassasiyetinin oldukça iyi olduğunu gösteriyor. Açıkçası hoşuma gitmeyen bir özellik ya da bir sorunla karşılaşmadım. İlle de bir eksi özellik söylemek gerekirse, tabletin beyaz renkli olmasını doğru bulmadım, digital is üretiminde aydınlık tek yer bence ekran olmalıdır bunun dışında başka bir ışık kaynağı olursa bu konsantrasyon bozucu bir durum meydana getirebilir, tablet elbette ki bir ışık kaynağı değil ama beyaz rengiyle ekrandan gelen yüksek ışığı çok fazla yansıtıyor, keşke renk seçenekleri olsaydı. Bence tüm tabletler siyah olmalı:) Kerem BEYİT Konsept Tasarımcı LCD MONITÖRDE HIZ FARKI Dünyanın en hızlı LCD monitörü ViewSonic VX922 Türkiye’de Index Bilgisayar, 2 milisaniyelik tepki süresiyle dünyanın en hızlı LCD monitörü olan ViewSonic VX922’yi Türkiye’ye getirdi. LCD ve CRT bilgisayar monitörlerinin yanı sıra, LCD televizyon ve diğer görüntüleme ürünleriyle tanınan ViewSonic’in 19 inç’lik VX922 LCD monitörü Türkiye’de de satışa sunuldu. Index Bilgisayar tarafından getirilen ViewSonic VX922’nin en önemli özelliği dünyanın tepki süresi en hızlı LCD monitör olması. LCD monitörlerin CRT monitör- 8 10 11 12 lere göre başlıca dezavantajı olan tepki süresi gecikmesi bu üründe minimuma indirilmiş. 2 milisaniyelik tepki süresiyle ViewSonic VX922, CRT monitörlere çok yakın düzeyde bir performans sergiliyor ve özellikle oyun tutkunlarının beğenisini kazanacağı tahmin ediliyor. 1280X1024 dpi çözünürlük, 0,294 mm nokta aralığı, DVI-D, D-SUB bağlatıları, 650:1 kontrast oranı, 270 cd/m≤ parlaklık oranı monitörün teknik özellikleri arasında. Türkiye’de eğitim ve teknolojik gelişmeler bir çok açıdan ve sebeplerle ülkemizin batı bölgelerinde gerçekleşiyor. Yayımlar, kitaplar, seminer ve konferanslar bu bölgelerde yoğun bir şekilde yapılırken ülkemizin bir çok illerinde bu tür faaliyetler ne yazık ki yapılmamakta. Özellikle kendi mesleki alanımızda neredeyse yok denecek kadar azdır. Yerel gazeteler, fotoğrafçılar, reklam ajansları, grafik vb. Bu sektörlerdeki Adobe yazılımlarını kullanan meslektaşlarımız ya da benzeri ihtiyaçları hissedenlerin bu gereksinimlerini karşılamak, önemli püf noktalara değinerek çözümler sağlayarak bir köprü kurmak amacını taşıyoruz. Bu köprü ile sonraki eğitimlere zemin hazırlamak, bilgi akışı için kanalları göstermek, uzun süreçte gelişimlerine destek olarak paylaşımın sürekliliğini sağlamak genel hedefimiz. Diyarbakır, Malatya İnönü, Antalya Akdeniz, Isparta Süleyman Demirel, Kütahya Dumlupınar, İstanbul Maltepe Üniversitelerinde bu seminerler gerçekleştirilmiştir. Digital Arts dergisinin ve Ceyhun Akgün’ün düzenlediği, Bilimer, UC-Logic, Adobe’nin destekledği seminerler Urfa, Ankara, Bursa, İstanbul, İzmir, Karadeniz il ve bölgelerinde yakında yapılacaktır. 11 Ekim - Kasım/06 Nisan-Mayıs /06 TERTIUM NON DATA GÜLNUR GÜVENÇ www.gulguvenc.com İnternet dünyasında Loki adıyla tanınan Peter Baustaedter, Station X Studios’da dijital mat ressamı olarak çalışıyor, birçok bilimkurgu filminde onun boyadığı arka planlar kullanılmış. 3D modelleme tekniğiyle kabaca yaptığı modelleri, Photoshop’ta boyayarak yarattığı peyzajlarla birleştiriyor. www.guerillapixel.com Bilgisayar ve yazılım teknolojisinin bugün ulaştığı düzey, onu mimarlık ve yayıncılık alanlarının vazgeçilmez aracı haline getirmenin yanı sıra sanat alanında da yeni bir “akım”a yol açtı. Bazı ortamlarda “Dijital Devrim” olarak adlandırılan bu durum en çok yazılı ve görsel medyada, film endüstrisinde ve özellikle de internet sitelerinde yeni bir görsellik tarzı yarattı. Emrah Elmaslı Nisan-Mayıs/06 12 Kalem, air-brush, yağlı boya ve diğer geleneksel resim teknikleri artık bilgisayarda basit yazılımlar yardımıyla simüle edilebiliyor (Örn. Craig Mullins). Ama dijital devrimin asıl kendini var ettiği iki özgünlük alanı var. İlki, bir tür kolaj denilebilecek fotoğraf birleştirme ve düzenleme tekniği; ikincisi 3 boyutlu modelleme yazılımları ile yaratılan ve orijini zihin olan teknik. Fotoğrafları, sonsuz sayıda katman ile değişik geçirgenlik ve örtüşme derecelerinde bir araya getirdikten sonra piksel temelinde manipule ederek yapılan çalışmalar, başka ortamlarda ve başka araçlarla elde edilemez bir ürün olarak özgünler (Örn. Gerald Bybee, Viktor Koen, Daniel Lee). Bunlara Painter, Photoshop gibi programlarla boyalı yüzeyler eklemek ya da biten ürünü baskı sonrası yeniden elle boyamak da mümkün (Örn. Dave McKean). 3 boyutlu modellenerek tasarlanan ve gerçek dokular ve istenen ışık seçenekleri ile giydirilen imgeler ise özgünlüklerini olmayanın var edilebilirliğinden alıyorlar (Örn. Gilles Tran). 3D imgenin fotogerçek kuruluğunu gidermek, zaman duygusu eklemek için her iki teknik bir arada kullanılıyor (Örn. Cem Gül). Yazılım dünyasının sunduğu sayısız eklentiler (plug-in) ve filtrelerin var olan görüntüyü deforme etmek, parçalayıp yeniden kurmak üzere kullanıma hazır olması ve çok kolay yoldan sürprizli sonuçlar yaratması, ortamda “dijital artist” enflasyonu yaratsa da, her “araç” gibi dijital olan da kendine özgü kurallarını ve etiğini yazma yoluyla gelişiyor. Deneysel ve rastlantısal olanlarla hayal gücüne ve tasarıma dayananlar, teknikler geliştikçe daha ayırdedilir hale geliyor. Zihninde yapacağı imgeyi önceden göremeyen ve bunu geleneksel tekniklerle de yapabilecek donanıma sahip olmayanlar dijital ortamda ancak rastlantıların estetiğine mahkum oluyorlar. Duygu ve düşünceyi ifade etmek yerine, göz okşayan bir görsellik amaçlanmasının sonucu, sanat nesnesi değil grafik ürün elde ediliyor. Fotoğrafın resmin yerini alamaması gibi dijital olanlar da geleneksel teknikleri ikame etmek yerine kendi özgünlük alanlarını yaratmak zorundalar. Belki de başka hiçbir şekilde anlamlı olamayacak sonuçlar için, ancak o alana özgü yeganeliğin gücünü taşıyan araçlar geliştikçe Dijital Sanat gerçek devrimini yapmaya yaklaşacak. TERTIUM NON DATA Selanik doğumlu Viktor Koen İsrail’de sanat eğitimi aldıktan sonra New York’a yerleşmiş ve serbest illüstratör olarak çalışıyor. The New York Times ve National Geographic’e düzenli olarak editoryal illüstrasyonlar yapıyor. Birçok kişisel ve karma sergide yer almış, ödüller kazanmış. Fotoğraf ve el çizimlerini birleştirdiği ve çok sayıda katman kullanarak renk, gölge eklediği ve görür görmez tanınan özgün bir tekniğin sahibi. www.viktorkoen.com Gerald Bybee, San Francisco’da reklam ve tasarım fotoğrafları alanında çalışan bir sanatçı. Dijital olarak manipule edilmiş fotoğraflar üzerine uzmanlaşmış. PhotoShop’un varolmadığı dönemlerde karanlık oda teknikleriyle elde ettiği kompozit fo- toğrafları bugün en ileri dijital donanımlar kullanarak yapmayı sürdürüyor. Stüdyosunun müşterileri arasında Adobe, IBM, SGI, HP, Levi’s gibi isimler var. www.bybee.com Cem Gül, deneysel videoları ve grafik çalışmaları dışında dijital teknikler kullanarak yaptığı illüstrasyonlarla biliniyor. Uluslararası yayınlarda, albüm kapaklarında ve hatta snowboard’larda yer alan çalışmalarında Photoshop, FreeHand ve LightWave 3D kullanıyor. www.cemgul.com 13 Nisan-Mayıs/06 TERTIUM NON DATA Daniel Lee, New York’da 1960’larda başladığı fotoğrafçılık mesleğini 1993’te tanıştığı bilgisayar teknolojisi ile birleştirdikten sonra dijital olarak değiştirdiği fotoğraflarla büyük ün kazandı. Birçok sanat koleksiyonuna dahil edilen ve müzelerde sergilenen eserlerinden en ünlüleri “Origin” ve “Manimals” serileri oldu. İnsan ve hayvan özelliklerini birleştirerek yarattığı tipler için dijital eklemelerle dönüştürdüğü bir Hasselblad kamera, Macintosh bilgisayar ve Adobe Photoshop programı kullanıyor. www.daniellee.com Gilles Tran’ın, “The Scarecrow” imgesinde, Poser ile elde edilen model eşyüzeylerin tepe noktalarından bozunmasına dayanan özel bir teknik kullanılarak patlatılmış ve internette ücretsiz dağıtılan POV-Ray (Persistance of Vision ray-tracer) yazılımı kullanılarak render edilmiş. Tran, matematiksel fraktallerini, yüzlerce POV nesnesini ve edebi metinlerle birleştirdiği dijital imajlarını sergilediği web sitesinde kullandığı teknikleri anlatıyor ve konuyla ilgili tüm kaynak ve yazılımları tanıtıyor. www.oyonale.com Alessandro Bavari, Roma’da sanat tarihi ve resim eğitimi aldıktan sonra geleneksel fotoğraf alanında çalışmaya başlamış. Dijital teknolojinin sunduğu olanakları keşfettikten sonra resim ve fotoğraf tekniklerini birleştirerek Photoshop programıyla dijital olarak işlediği kendine özgü bir teknik yaratmış. Birçok uluslararası ödül kazandığı ve dünyada sergilenen işleri arasında en ünlüsü “Sodom ve Gomorrah: Kayıp Kentten Görüşmeler” serisi. www.alessandrobavari.com Nisan-Mayıs/06 14 15 Nisan-Mayıs/06 MULTIMEDYA UĞUR AKDEMİR [email protected] YAZILIM İNCELEME VİDEO’NUN ZEVKE DÖNÜŞTÜĞÜ 7. NOKTA ADOBE’UN YEDİNCİ HARİKASI Adobe’un popüler Video Composit yazılımı olan After Effects Pro 7 ile tanışmaya ne dersiniz? Başlık size biraz farklı gelebilir, ama After Effects 7.0‘a ilk baktığınızda benimle aynı duyguları hissedeceğinize inanıyorum. BİLGİ Yazar Hakkında 1980 yılı İstanbul doğumlu olan Uğur Akdemir, 4 yılı aşkın süredir İnteraktif Medya Çözümleri alanında çeşitli projelerde faaliyet göstermektedir. Halen Bir Reklam Ajansı’nda Multimedya Direktörü olarak görev yapmaktadır. Nisan-Mayıs/06 16 Belki de yüzlerce defa bu tarz yazılar yazmış olsam da, bu yazı için klavyemin başına geçtiğimde kendimi oldukça heyecanlı hissettim. Digital Arts’ın bu ilk sayısında sizlere merhaba diyecek olmanın yanı sıra, “yeni” bir dergide, “yeni” okuyucular ile, “yeni” bir yazılımdan bahsedecek olmak da bu hoş heyecanın haklı sebeplerinden biriydi. Benzer bir heyecanı bu dergiyi elinize aldığınızda sizlerin de yaşadığına inanarak, içimizdeki heyecanların hiç dinmemesini diliyor ve sizlere MERHABA diyorum :) Adobe‘un Production Studio ürün grubu dahilinde sunduğu After Effects, son yıllarda Video Kompozisyon ve Görsel Efektler üretme konusunda standart olabilmek için önemli bir yol katetmişti. Geçtiğimiz ay 7. sürümü duyurulan After Effects, bu versiyonu ile de aynı yolda hızla ilerlemeye devam edeceğini açıkça ifade ediyor. Adobe After Effects 7.0, Standart ve Professional olmak üzere iki farklı versiyonda piyasaya sunuluyor. Biz sizleri en yetenekli versiyon olan Professional ile tanıştırmak istiyoruz. YAZILIM İNCELEME MULTIMEDYA İlk Görüşte Aşk Evet başlık size biraz farklı gelebilir ama, After Effects 7.0‘a ilk baktığınızda benimle aynı duyguları hissedeceğinize inanıyorum. After Effects 7.0 (takma adıyla; “AE7”), sizi önceki sürümlerinden farklı tamamıyla yeniden tasarlanmış bir kullanıcı arayüzü ile karşılıyor. İlk bakışta fark edeceğiniz üzere, arayüzde kullanılan gri renk tonları ile okunurluk ve kullanım deneyimi üst noktalara taşınmış. Ayrıca, taglanabilir ve ölçeklendirilebilir kontrol pencereleri de, eski versiyonlarda yaşanan pencere karmaşasına son noktayı koyarak, kullanılabilirliği daha da artırmış. Combustion veya Cinema 4D gibi yazılımlar ile ilgilenmiş kullanıcılar bu yeni arayüze alışmakta zorluk çekmeyeceklerdir diye tahmin ediyorum. AE7’nin kullanıcı arayüzü ile ilgili göze çarpan bir diğer yenilik ise Workspace Presets (Çalışma Alanı Şablonları). Bu şablonları kullanarak yazılım arayüzünü istediğiniz şekilde modifiye edebilir veya amacınıza uygun tanımlanmış olan hazır şablonlardan birini kullanarak, daha stabil ve ferah bir kullanıcı arayüzüne kavuşabilirsiniz. Graph Editor Şahsen After Effects’te kullanıcı arayüzü değişikliklerinin ardından en çok ilgimi çeken yenilik, Timeline’a eklenen yeni graph editör aracı oldu. Bu araç sayesinde, animasyonlarınızdaki hare- ket tanımlarına çeşitli hareket düzenleri ayarlayabiliyor, yaptığınız bu hareket düzenlerini grafiksel bir panel üzerinde izolips bir yapı ile görüntüleyebiliyor ve gelişmiş editör araçlarını kullanarak bu hareketleri düzenleyebiliyorsunuz. Bu aracı kullanarak oldukça realistik hareketler elde etmek mümkün. Adobe Bridge Bizimle Yeni Efektler etme ve puanlama özelliklerine sahip. Ayrıca, yeni nesil tüm Adobe ürünlerinde olduğu gibi After Effects 7.0 ile de tam entegre çalışarak size kaynak medyalarınızda tam hakimiyet sunuyor. Biraz yavaş çalışması dışında oldukça işinize yarayacak bir yazılım. arasında. Özellikle Timewarp efekti benim favorim olduğu gibi, birçok kullanıcının da favorisi olacağını tahmin ediyorum. Adobe’un CS2 ürün familyası dahilinde kullanıcılarına sunduğu ve Adobe yazılımlarının doküman erişimini hızlandırma ve doküman kataloglama amacı taşıyan Bridge, After Effects’in bu versiyonuyla da Adobe kullanıcılarının hizmetinde. AE’nin kurulumu ile ücretsiz sahip olduğunuz yazılım; resim, video dosyaları, vektörel çizim dosyaları, After Effects şablonları dahil olmak üzere tüm medyaları; ön izleme, görüntüleme, arama, kategorize AE’nin bu yeni sürümünde eski sürümlerin de bulunmayan birçok yeni efekte ve efekt şablonuna yer verilmiş. After Effects projelerinizdeki film elemanlarının oynatım hızlarını kontrol etmenizi sağlayan Timewarp, hassas renk ayarları ve dönüştürme imkanı sunan Cineon Converter, ve Color Profile Converter efektleri. Yenilenmiş metin efektleri, DVD menüleri ve proje arka planlarınızda kullanabileceğiniz hazır arka plan şablonları yeni efektler listesinde ilk göze çarpanlar HDR Renk Desteği İçinde renk bilgilerinin yanında ortam ışığı şiddeti verilerini de bulunduran ve henüz yeni bir teknoloji olan HDR formatı, After Effects 7.0 tarafından da desteklenmiş. 17 Nisan-Mayıs/06 YAZILIM İNCELEME MULTIMEDYA Ayrıca sadece Professional versiyonunda etkin olan 32 bpc renk desteği sayesinde 32bit imaj dokümanlarını ithal edebilir, projenizde kullanabilir ve yine 32 bit çıkışlar alabilirsiniz. Extend Script Adobe’un yeni nesil tüm yazılımlarında sunduğu bir özellik olan Script kullanımı, After Effects’in sizin yazarak geliştireceğiniz yeteneklere sahip olmasına imkan Tüm bunların yanı sıra burada anlatma fırsatı bulamadığım daha birçok yeni özellik AE7’de hayat bulmayı bekliyor. Performans After Effects 7.0 optimal bir performans sergilemek için ortalamanın biraz üstünde bir bilgisayar konfigurasyonuna ihtiyaç duyuyor. Buna rağmen aynı konfigurasyondaki bir makinede AE6.5 sürümünden daha iyi bir render performansı sergiliyor. Bu noktada geliştirilmiş OpenGL 2.0 render desteğinin verdiği katkı ise kayda değer. Son Söz Auto Save Saatlerce üzerinde çalıştığımız bir dokümanın elektrik kesintisi, sistem çökmesi v.b sebeplerden bir anda uçup gitmesini hepimiz en az bir kere yaşamışızdır. Yeni nesil yazılımların birçoğunda var olan “Otomatik Kaydet (Auto Save)” özelliği After Effects’te de yerini almış ve bu sorun tarihe karışmış. Flash FLV Video Geçtiğimiz yıl sonunda Adobe’un satın aldığı Macromedia’ya ait olan Flash yazılımının Multimedya ortamlardaki gücü artık tartışılmaz düzeyde. Flash 8 sürümü ilk piyasaya sürüldüğünde, video formatında sunduğu yenilikler ile web video alanında önemli gelişmelere imza atmıştı. tanıyor. File > Script > Open Script Editor yonergesi ile ulaşabileceğiniz Script yöneticisini kullanarak, After Effects’e yeni yetenekler kazandırabilirsiniz. Javascript alt yapısı kullanılan Adobe Script faydalı olduğu kadar eğlenceli de. AE ve Ses Öyle tahmin ediyorum ki AE6 ve 6.5 kullanıcılarının birçoğu, After Effects’in ses dosyaları üzerinde düzenlemeler yapabilmede çok yetersiz kaldığı konusunda hem fikirdir. AE7 bu versiyonun da projenizde kullandığınız ses dosyaları üzerinde daha yüksek bir hakimiyet imkanı sunarak kullanıcılarını bu yönde de memnun edecek gibi görünüyor. Genel olarak AE7’de 32 Bit ses dosyalarını projeye ithal edebilme yeteneğinin yanında, Effects panelindeki Audio sekmesinden ulaşılabilen efektleri kullanarak Bass ve Tiz dengelerini yönetebilme, Parametrik Ekolayzer ile frekans düzeylerini ayarlayabilme, Echo, Delay ve Chorus gibi ses efektleri kullanarak ses dosyalarına yaratıcılığınızı katabilme imkanına sahip oluyorsunuz. Maskeler After Effects 7 de bu gelişmeye uyum sağlayıp, Export menüsünü kullanarak doğrudan FLV formatında dosya ihracı özelliğini de eklemiş. Nisan-Mayıs/06 18 AE7’nin maskeleme özelliği önceki sürümlere göre biraz daha geliştirilmiş. Adobe Illustrator içinden kopyalanan bir vektörel çizim AE’de doğrudan maske çizimi olarak yapıştırılabiliyor. Metinler hızla maskeye çevrilebiliyor. Ayrıca imaj dosyalarını trace tekniği ile vektörel maskelere dönüştürülebiliyor. Adobe’un Production Studio familyasındaki ağır topu After Effects 7.0 Pro, hakkında söylenen birçok övgüyü hak etmiş görünüyor. Önceki versiyonlarda bulunan birçok hatanın giderilmiş olmasının yanı sıra, yenilikçi görsel yapısı ve yeni araçları ile kullanıcılarına farklı deneyimler yaşatacağı kesin. Satın almayı düşünen kullanıcılara tavsiyemiz, Standart ve Professional sürümler arasındaki özellik farklarını göz önüne alıp ve ihtiyaçları doğrultusunda karar vermeleridir. Ümit ediyorum ki, AE7.0 ile yaratıcılığınızda bir üst seviyelere ulaşabilirsiniz. Önümüzdeki aylarda After Effects’i daha yakından tanımak isterseniz biz bu sayfalarda olacağız. Yeniden görüşmek ümidiyle heyecanlı günler. 19 Nisan-Mayıs/06 SAYISAL YARATIM SERDAR BİLGİNER [email protected] TUTORIAL KULLANILAN YAZILIM Adobe ILLUSTRATOR ve Adobe PHOTOSHOP CS 2 KELEBEKLERİN RENKLİ DÜNYASINA YOLCULUK KELEBEKLERLE RENKLİ BİR OYUN BİLGİ Yazar Hakkında Grafik tasarımcı ve Webmaster olan yazarımız, İzmir’de bir şirket bünyesinde çalışmaktadır. Aynı zamanda çeşitli firmalara Freelance olarak grafik ve Web tasarım konusunda hizmet vermektedir. Serdar Bilginer Grafik Tasarımcı / Webmaster Kelebeklerle Renkli Bir Oyun Poster Malzemesi : Yazıda bahsedilen çalışma malzemelerini kullanarak posteri yapmak isterseniz, http://www.owlscout.com/work/butterfly_malzemeler.rar adresinden dosyayı indirin. Nisan-Mayıs/06 20 Kelebeklerin konu olmadığı bir çalışma kalmamıştır sanırım. Sempatik görünümleri, etkileyici görsel bütünlükleriyle herkese ilham kaynağı olan “Kelebek”leri konu alan bir çalışmaya ne dersiniz? Digital Arts’ın ilk sayısı sebebiyle yeni bir heyecan ve coşkuyla herkese merhaba. İsim ve içerik konularıya Türkiye’de gelişen Digital Arts tarzında üretilen işlere katkı sağlayacağını, bu alana yönelik ilgiyi artırarak nitelikli çalışmaların ve tasarımcıların tanınmasına hizmet edeceğini düşündüğüm bu yayım projesi içinde yer almaktan dolayı mutluyum. Sizlerle birlikte bugüne kadar “buzlu yazı, aqua button” yapımını anlatan, internet üzerinde Free olarak dağıtılan tutorial ve Photoshop Action’ları alıp bunu aynen yazıya geçiren yazı ve makale türlerinden farklı olarak çok daha zevkli ve heyecanlı çalışmaları Adobe Illustrator ve Adobe Photoshop kullanarak gerçekleştireceğiz. Photoshop programının buzlu yazı, aqua button yapımından başka işlere de yaradığını görünce şaşıracaksınız. Biraz abarttığımın farkındayım, ama dergilerin okurlarına karşı bir sorumluluğu olduğuna inanıyorum. Digital Arts’ın diğer editörlerinin yazılarına bakacak olursanız, aynı şeyi göreceksiniz. Bu sayfalarda hep yeni olanı bulacaksınız. TUTORIAL SAYISAL YARATIM Bu ilk yazımda kelebeklerin renkli dünyasına bir yolculuk yapacağız. Orijinal doküman ve ölçülerde, yüksek çözünürlüklü belgeler üzerinden güzel bir poster çalışması yapacağız. Poster çalışması için kullanılacak malzemelerin hepsini www. owlscout.com/work/butterfly_malzemeler. rar adresinden indirebilirsiniz. Yazı içinde, sizden istenilen uygulama ve işlemler olacaktır. Bu tutorial, sizin orijinal belgeler üzerinden ve buradaki değerleri bire, bir uyguladığınız düşünülerek hazırlanmıştır. Adım 01 İlk önce çalışmamızın zeminini hazırlayacağız, baslangic.psd adlı dosyamızı açın. Sonrasında malzeme klasörümüzün içerisindeki leke.jpg (Resim 01) adındaki dosyamızı açıyoruz Command/ Ctrl+A ile tüm alanı seçin ve Command/ tüm alanı seçin ve ardından Command/ Ctrl+C ile kopyalayın. Çalışmamıza (baslangic.psd) geçerek Command/Ctrl+V ile malzememizi çalışmamızın içerisine yapıştırın ve Layer harmanlama kiplerinden Overlay yapın (Resim 02). Daha önce yaptığımız gibi bu Layer’ımızın adını da (gokyuzu) dosya adı ile değiştirin. Adım (Resim 04). Son olarak da kopyaladığımız Layer’ın ismini gokyuzu 04 olarak değiştirin. Adım 05 Zeminimizi bitirmeye yaklaşıyoruz; şimdi paper.jpg dosyamızı açın ve Adım 02’de yaptığımız işlemin aynısını tekrarlayın (Resim 05). 03 Şimdi çalışmamızı biraz silikleştirip zeminimize devam edeceğiz. Gokyuzu2.jpg dosyamızı açarak 02’ de yaptığımız işlemi tekrarlayın, ama bu sefer Layer harmanlama Overlay değil Soft Light seçin (Resim 03). Resim 05 Resim 03 Resim 01 Ctrl+C ile kopyalayın, daha sonra çalışmamıza (baslangic.psd) geçerek Command/ Ctrl+V ile kopyaladığımız malzememizi yapıştırın ve layer adını (leke) dosyanın adı ile aynı yapmak için, Layer’ın ismini Leke olarak değiştirin. Adım 02 Zeminimizi biraz daha güçlendirmek için devam ediyoruz. Malzeme klasörümüzün içindeki gokyuzu. jpg dosyasını açın, Command/Ctrl+A ile Resim 02 Adım Adım 04 Şimdi de çalışmamızın zeminini biraz renklendireceğiz. gokyuzu03. jpg dosyamızı açarak başlangıç isimli belgemiz üzerine Move Tool ile sürükleyerek bırakın. Layer özelliklerinde Hard Light’ı seçin. Daha sonra Command/Ctrl+J ile seçili olan gokyuzu 03 Layer’ından bir kopya daha oluşturun, kopyaladığınız layer’ın üzerine gelerek, Command/ Ctrl+T ile Transform haline getirin, Mouse ile transformun köşesine tıklayarak 180 derece döndürün ve Opacity 30% yapın 06 Çalışmamıza biraz daha leke ekleyerek artık zeminimizi sonlandıracağız, murekkep.jpg dosyamızı açın Select > Color Range’i seçtikten sonra karşımıza çıkan menüde Image seçeneğini işaretleyin, Fuzziness değerini 200 olarak ayarlayın (Resim 06), daha sonra mürekkep lekesi üzerine Mouse ile tıklayın, lekeli Resim 06 Resim 04 21 Nisan-Mayıs/06 TUTORIAL SAYISAL YARATIM alanı seçili hale getirmek için menüden OK’a basın. Foreground Color rengini #1a171b (Resim 06b) değerine getirin. Command/Ctrl+Shift+N ile yeni bir layer oluşturun, sonrasında Paint Bucket Tool (G) ile seçili alanın içini doldurun. Resim 06 b Command/Ctrl+A ile tüm alanı seçin, Command/Ctrl+C seçili alanı kopyalayın ve baslangic.psd çalışmamıza dönerek Command/Ctrl+V komuduyla malzememizi çalışmamıza yapıştırın. Murekkep adını verdiğimiz layeri gokyuzu 02 Layer’ının altına taşıyın ve Opacity 70%’e düşürün. temle Path paletindeki dekupeyi seçime dönüştürmüş olduk. Etrafı seçili hale gelen kelebek resmimizi Command/Ctrl+C ile kopyalayıp baslangic.psd çalışmamıza yapıştırın. Layer özelliklerinden Overlay yapın ve Layer adını kelebek 01 olarak değiştirin. Resim 10 b Adım 08 Butterfly_02.jpg dosyamızı açarak 07’de yaptığımız işlemlerin aynısını tekrarlayın ve Layer ismini kelebek 02 olarak değiştirin (Resim 08). Resim 10 a timizi uygulayarak karşımıza gelen menüdeki değerleri şöyle yapın. Opacity: 100, Distance: 0, Spread: 42 ve Size: 38. Bunu her iki layer’a da uygulayın (Resim 09b). Adım 07 Yavaş yavaş objelerimizi çalışmamıza dahil etmeye başlayabiliriz. Malzeme klasörümüzden Butterfly_ 01.jpg adındaki dosyamızı açın Tool box araçlarından Pen Tool’a tıklayın, kelebeğin etrafını dekupe edin (Resim 07a). Dekupe Adım 10 Resim 08 Adım 09 Kelebek 01 ve 02 Layer’larını Command/Ctrl+J ile birer kopyasını oluşturun. Bu iki layer’ı gokyuzu 02 adındaki layer’ın altına taşıyın (Resim 09a). Layer > Layer Style > Drop Shadow efek- Çalışmamızı biraz daha renklendirelim, Command/Ctrl+Shift+N ile yeni bir layer oluşturun, Elliptical Marquee Tool (M) ile çalışmamızın sağ üst köşesinde bir yuvarlak çizin ve Foreground Color değerini #d60d88 olarak ayarlayın. Paint Bucket Tool (G) ile içini doldurun. Fitler > Blur > Gaussian Blur efektinin değerini 250 yaparak (Resim 10a) Layer’a uygulayın. Daha sonra layer özelliklerinden Overlay olarak değiştirin ve son olarak Opacity 85% (Resim 10b) değerine getirerek tamamlayın. Resim 07a işlemini tamamladıktan sonra Window menüsünden Path paletini seçerek, isimsiz Work Path’in üzerine çift tıklayarak kaydedin. Path paletindeki çizimi seçime dönüştürmek için, Path paletinin altındaki seçeneklerden Load Path Selection veya PC’lerde CTRL, Mac’lerde Com. tuşuna basılı tutarak fareyle Path’in ikonuna bir kere tıklayın (Resim 07b). Bu iki yön- Resim 07b Nisan-Mayıs/06 Resim 09 a 22 Resim 09 b TUTORIAL SAYISAL YARATIM Resim 11 > Same > Fill Color komuduyla tüm beyaz alanları seçili hale getirin ve sonrasında Delete tuşu ile seçili alanları silin. Command/Ctrl+A ile tüm alanı seçin ve Command/Ctrl+C ile kopyalayın. Resim 14 Adım 13 Adım 11 10’daki işlemin tekrarını bu sefer sol alt köşede uygulayın, ama Foreground Color değerini #70c0b1 olarak değiştirin, Layer özelliğini de Color Burn olarak değiştirin. Opacity değeri ise 100% olarak kalacak. Bu layer’i kelebek 02 adlı layer’ın altına taşıyın (Resim 11). Adım 12 Malzeme klasörü içerisindeki cicek. jpg (Resim 12) dosyasını Illustrator CS2 programında açın, siyah beyaz olan Resim 12 resmimizi vektörel nesneye dönüştürmek için çiçek görseli seçili halde menüden Live Trace ve sonrasında Expand uygulayın, beyaz alanları temizlemek için Direct Selection Tool (A) ile vektörele dönüşmüş beyaz alanlardan bir tanesini seçin, Select Resim 13 Nisan-Mayıs/06 24 Çalışmamıza geçerek Adım 12’de kopyaladığımız vektörel resmimizi Command/Ctrl+V yardımı ile çalışmamızın içerisine yapıştırın. Karşımıza çıkan menüde Smart Object’i seçin, objeyi çalışmanın sağ alt köşesine taşıyın ve Opacity 90% değerine ayarlayın, daha sonra bu layer’ı kelebek 02 adındaki layer’ın altına taşıyın. Command/Ctrl+J ile Seçili layer’dan bir kopya daha oluşturun. Command/Ctrl+T ile Transform haline getirin, Mouse yardımıyla köşesinden tutup 180 derece çevirerek sağ üst köşeye yerleştirin (Resim 13). Resim 13 Adım 14 Çalışmamızın finaline geldik, cicek02.tif dosyasını açın ve 02’deki işlemleri tekrarlayın, layer özelliği Normal olarak kalsın ve layeri gokyuzu 03 adlı Layer’ımızın altına taşıyın daha sonra Layer > Layer Style > Drop Shadow (Resim 14) efekti uygulayın karşınıza gelen menüdeki değerleri şöyle yapın. Opacity: 100, Distance:0, Spread: 28 ve son olarak Size: 38. 25 Nisan-Mayıs/06 “THE /WELL” Nisan-Mayıs 06 Kerem Beyit 26 Photoshop CS2 • Wacom Intuos2 Tablet (20 saat) • Kerem Beyit © 2005-2006 http://kerembeyit.gfxartist.com • http://kerembeyit.deviantart.com • E-mail: [email protected] 27 Nisan-Mayıs/06 KOFTİ AKADEMİ GÖKHAN OKUR [email protected] BİLGİ Yazar Hakkında İllüstratör, Motion Designer Gökhan Okur 1981 yılında Eskişehir’de doğdu. Son 6 yıldır, illüstrasyon, grafik tasarım ve kısa film üzerine işler yapmakta ve şu an Freelance illüstratör olarak çalışmaktadır. Sabancı Üniversitesi Görsel İletişim Tasarımı Bölümü’nde Yüksek Lisans öğrencisidir. Aldığı Ödüller : • San Francisco Flashforward Film Festivali, 2005 Finalist (Motion Graphics Kategorisi) • Orgasmikdesign.com Resist illüstrasyon yarışması, 2005, 6.’lık ödülü • Hacettepe Üniversitesi poster tasarım yarışması, 2005 2.’lik ödülü • Dinodream.com illüstrasyon yarışması, 2005 3.’lük ödülü Sergi / Festival / Konuşmacı olarak katıldığı: • Paris Who is Next Fashion Show Karma sergisi, 2006, Fransa • 25. İstanbul Uluslararası Film Festivali, 2006, Türkiye • Hisar Kısa Film Festivali, 2006, Türkiye • 18. İstanbul Kısa Film Festivali, 2006, Türkiye • If İstanbul Bağımsız Film Festivali, 2006, Türkiye • San Francisco Flashforward Film Festivali, 2005, USA • If İstanbul Bağımsız Film Festivali, 2005, Türkiye • Ottawa Animasyon Film Festivali, 2005, Kanada • Wraclow Kısa Film Festivali, 2005, Polonya • Sabancı Müzesi, Picasso İstanbulda Sergisi, Kübizm Galeri Konuşması, 2005, Türkiye • Osmangazi Üniversitesi, ‘Konseptle Mücadele Etmek’ Semineri, 2005, Türkiye Gökhan OKUR http://kofti.com - [email protected] Nisan-Mayıs/06 28 TUTORIAL KULLANILAN YAZILIM Macromedia FreeHand 10 FREEHAND 10 KULLANARAK HAYALLERDEKİ DİYARI YENİDEN OLUŞTURDUK ALICE HARİKA BİR DİYARDA Digital Arts dergisi kapsamında vektörel illüstrasyon sevenler elbette unutulmadı. Ben de sizlere “Alice Harika Bir Diyarda” isimli çalışmayı nasıl yaptığımı adım adım anlatacağım. N eden vektörel illüstrasyon meselesine bulaştığımdan bahsetmek istiyorum. Maalesef vektörel illüstrasyonun Cgtalk ve Conceptart gibi dev izleyici kitleleri yok. Oyun yapımı ve film prodüksiyonu gibi heyecan verici alanlarda da pek eli ayağı yok. Ancak ben vektörün temiz ve blok renklerini seviyorum. Ayrıca da Celeron işlemcili, 512 MB RAM’li, 1024x768 çözünürlükte bir laptop’tan başka bilgisayarım yok :). Baskı için Photoshop’ta illüstrasyonlar hazırlamaya çalıştığım zaman bilgisayarım takılıyor ve bütün yaptıklarımı kaybediyorum. Artık bundan sıkıldığım noktada vektöre yöneldim. Çözünürlük problemleri yaşamadan büyük boyutta işler yapabildiğim için vektörel çalışmayı tercih ediyorum. Günün birinde iyi bir makine alırsam vektörü belki bırakırım, belli olmaz. FreeHand 10 kullanıyorum, ancak gözüm bir taraftan da Adobe Illustrator’ın gelişmiş özelliklerine takılmıyor değil. Fakat bu tamamen alışkanlık meselesi, nasıl alışırsanız, öyle devam ediyor. FreeHand 10 oldukça eski bir yazılım olmasına rağmen temelde yeni sürümlerden hiç bir farkı yok. Pen aracı, Union, Intersect, Punch, Simplify komutlarından başka bir şey kullanmıyorum. Bu komutların isimle- TUTORIAL KOFTİ AKADEMİ Resim 04 Resim 01 Resim 02 ri diğer vektörel yazılımlarda farklı, ancak işlev olarak hepsi aynı. Alice Harika Bir Diyarda çalışmasını Dinodream.com’un “Masalları Yeniden Yorumlamak” konulu yarışması için hazırlamıştım. Alice Harikalar Diyarında masalını düşünürken, aklım hep diyar kelimesine takıldı. Masal karakterlerinde özgünlük yakalamak yerine, o diyar üzerine daha yoğun çalışmayı tercih ettim (Resim 1). İlk fikrim pofuduk bulutlarla, şekilsiz uçan nesnelerle Alice’i aynı kompozisyon içerisine koyup bu işten sıyrılmaktı. Ancak hiçbir şey tahmin ettiğim gibi gitmedi. Bir teksir kağıdı üzerine tükenmez kalemle eskizimi yaptıktan sonra bilgisayara aktardım. Vektörel illüstrasyon yaparken eğer burada olduğu gibi kağıttan bir çizimi bilgisayara aktarmam gerekiyorsa, dijital fotoğraf makinesini tercih ediyorum. Scannera göre çok daha hızlı ve kolay bir çözüm. Elde etiğim imaj kalitesi felaket, ancak bunun önemi yok, sadece üzerinde çalışabileceğim .jpg dosyası yeterli. Eskizimi en alt layera koydum ve Pen aracı ile bulutların uçan nesnelerin sınırlarını belirledim. Ardından boyut katacak olan gölgelerin sınırlarını belirledim (Resim 2). Havada uçan salçalar ve ters bulutlarla mekanımızı belirledikten sonra sıra Alice’i tasarlamaya geldi. Alice ile ilgili çizdiğim eskizler beni mutlu etmedi (Resim 3). Bilgisayarda Resim 03 birkaç deneme yaptıktan sonra istediğim gibi bir Alice’e ulaştım. Gördüğünüz gibi vektörel Alice kafası sadece uygun seçilmiş biçimlerle ve renklerle oluşuyor. Soldan sağa doğru katman değişiyor, en soldaki biçimler en üstte yer alırken en sağdaki biçimler en altta yer alıyor (Resim 4). Alice’i mekana yerleştirdikten sonra gelen tepkilerden anlaşılan oydu ki; bu çizim ne Alice Harikalar Diyarında masalını çağrıştırıyordu ne de harika bir diyar gibi duruyordu (Resim 5). Diğer karakterleri eklemeye ve mekanı zenginleştirmeye karar verdim. Alice ve diğerleri gökyüzünde süzülürken uzaklarda şirin bir kasaba yapmaya karar verdim. Kasabayı kağıt üzerine çizdikten sonra tekrar FreeHand’e aktardım. Binaların sınırlarını belirledikten sonra sol taraftan ışık geldiğini düşünerek vektör çizgilerimi uygun renklerde doldurdum. Yine gördüğünüz gibi binalar da Alice gibi, sadece uygun renkte uygun biçimde hazırlanmış vektör objelerden oluşuyor (Resim 6). Resim 05 Resim 06 29 Nisan-Mayıs/06 TUTORIAL KOFTİ AKADEMİ Resim 07 AĞAÇ YAPIMI Tek tek binaları çizdikten sonra (Resim 7) ağaçları, çitleri, çiçek detaylarını ve su kuyusunu ekledim. Tam kasabamı bitirdim dediğim noktada “Bu kasaba sanki bir uçağın üzerinde, sağdaki yuvarlak bölge kanata benziyor, üstelik bulutlar da yer hizasında” yorumu geldi. Denemek için güzel bir fikirdi ve kasabamı bir uçak üzerine kondurmak için çalışmalara başladım (Resim 8). Gövdeyi ve kanatları oluşturup uygun gölgeleri koyduktan sonra uçak motorlarını ekledim. Vektörün güzel yanlarından biri de yaptığınız objeleri rahatça tekrar tekrar kullanabilmeniz. Uçak motorlarının hepsi aynı objenin farklı boyutlarda kullanılmasından oluşuyor. Kanatları tarlalara dönüştürdükten sonra, çimleri uçağın gövdesine uyacak şekilde tekrar gözden geçirdim. Kuyruk kısmına bir Türk bayrağı ve kasabaya kırmızı bir Vosvos ekledim (Resim 9). Uçak bittikten sonra diğer karakterleri de çizip kompozisyon denemelerine başladım. Aslında illüstrasyona başlamadan önce kompozisyonun ne olacağına dair kararımı vermiş olurum; ne var ki, kasabanın uçağa dönüşmesi dinamikleri değiştirmişti. Ancak, uçaklı kompozisyonların hiçbirinde aradığım etkiyi bulamadım ve uçaktan vazgeçtim ve orijinal fikrime geri döndüm. Bu uygun vektörel objeleri nasıl oluşturduğumu biraz daha açıklayıcı kılmak için nasıl ağaç yaptığımı inceleyelim. FreeHand aracını kullanarak ağacın yapraklarını oluşturan yeşil bölgenin sınırlarını çizdim. Daha tatlı kıvrımlar yakalamak için çizdiğim eğriye Simplify uyguluyorum. 0.5 mertebesi yeterli geldi. Ancak başka durumlar için diğer seviyelerde gerekli olabilir. Ardından gölgeyi oluşturacak alanın sınırlarını çizdim ve Intersect komutu ile gereksiz bölümlerden kurtuldum. Ağacın gövdesini çizdim. Kabuk etkisini vermek için yeni bir eğri çiziyorum ve onu da ağacın gövdesi ile Intersect ederek gereksiz bölümlerden kurtuldum. Parlak yaprak etkisini veren küçük eğrileri çizdim. Eğrilerin içlerini uygun renklerle doldurduktan sonra bütün objelerden Stroke’u kaldırdım ve ağacım bitmiş oldu. Resim 09 Resim 08 Nisan-Mayıs/06 30 REKLAM 31 Nisan-Mayıs/06 “Vulva Fields” Emrah Elmaslı Adobe Photoshop CS – Corel Painter 9 (9 Saat) • Emrah Elmaslı © 2005 • www.partycule.com • E-mail: [email protected] Bu çalışma Ballistic Publishing’in “Painter” adlı kitabında “Transport” dalında “Excellence” ödülü almıştır. Nisan-Mayıs/06 32 ÇİZGİLİ BLOG MEHMET SAYGIN [email protected] TUTORIAL FLASH ile 2D İLLÜSTRASYON ve KARAKTER ANİMASYONU BİLGİ Yazar Hakkında Mizah dergisi çizerliği ve Umut Sanat Animasyon stüdyosu’nda kısa dönem ara ressamlık yapan yazarımız, daha sonra, son 6 yılını serbest olarak illüstrasyon ve animasyon çalışmaları yaparak geçirdi. Ağırlıklı Web olmak üzere, TV animasyonları ve basılı medya için çalışmalar hazırladı. Ülkemizin önemli internet portalları, reklam ajansları ve kurumsal şirketlerinin yanında Amerika, Kanada ve İngiltere’deki saygın firmalarla birlikte çalıştı. Profesyonel olarak illüstrasyon ve animasyonla uğraşmasının yanında fotoğrafla da hobi olarak ilgilenmektedir. Fotoğraf çalışmalarından oluşan bir karma ve kişisel sergisi gerçekleşmiştir. Mehmet Saygın Serbest İllüstratör/Animatör www.mehmetsaygin.com www.cizgiliblog.com Nisan-Mayıs/06 34 ÇİZGİLERİNİZİ CANLANDIRIN Flash yazılımı; semboller oluşturabilme, bunları kütüphanesinde saklayabilme özellikleri ve katmanlı yapısı sayesinde limitli animasyon çalışması için en uygun ortamı sağlar. B u köşede, Flash yazılımı ile illüstrasyon ve animasyon üretimi üzerine yazacağım. Yazılarda teorik bilgilerden ziyade kişisel projelerim ve iş akış planımda gerçekleştirdiğim çeşitli yöntemleri ve püf noktalarını vermeye çalışacağım. Bildiğiniz gibi Flash yazılımının gerek Web tabanlı uygulamalarda gerek TV, video, CD gibi medyalarda kullanım alanı çok geniş. Yazıları, 2 boyutlu karakter animasyonu çerçevesinde hazırlayacağım. Metin, jenerik animasyonu, menüler, Flash’da 3D kullanımı gibi konuları yazıların kapsamı dışında tutacağım. Temel Flash bilgisine sahipseniz ve araçları yüzeysel de olsa biliyorsanız yazıları takip etmeniz kolaylaşacaktır. Flash ve karakter animasyonu Karakter animasyonu, klasik animasyon ve limitli animasyon olarak 2 farklı yapıda ele alınabilir. Klasik animasyon, her bir kare için ayrı çizim yapılması prensibiyle hazırlanır. Baş animatörler tarafından çizilen anahtar karelerin arası, ara ressamlar tarafından doldurulur. Oldukça vakit alan, maliyetli bir süreçtir. Limitli animasyon’da, sınırlı bir hareket hissi de verse, mümkün olan en az çizim- TUTORIAL ÇİZGİLİ BLOG le canlandırma yapılmaya, böylece yapım maliyeti ve süresi düşürülmeye çalışılır. Ekrandan daha büyük boyutta hazırlanan geri plan resimlerinin sahne içerisinde çeşitli yönlere kaydırılması, karakterlerin sadece kolları, ağızları ya da gözleri gibi bazı parçalarının oynatılması gibi tekniklerle izleyicide hareket hissi uyandırılır. Klasik animasyonun her dakikasının üretiminin onbinlerce dolar ile sağlanabildiğini düşünürsek, saniyeler boyunca karşı karşıya duran 2 karakterin, sadece ağız hareketlerini canlandırarak proje üretmek stüdyolar için yaygın ve başarılı bir alternatif olmuştur. Animelerin pek çoğunda sıklıkla görebileceğiniz limitli animasyonun başarılı örnekleri arasında, Taşdevri gibi Hanna-Barbera serileri ya da UPA stüdyosu tarafından 1960-70 yılları arasında hazırlanan animasyonları sayabilirim. Disney klasiklerindeki akıcı animasyonlara sahip olmasalar da, kendilerine has görsel yapılarıyla, stilize çizgileriyle keyifli filmler olabilmişler. Bu kısa animasyon bilgisini neden verdim? Flash’la nasıl bir bağlantısı var derseniz, Flash yazılımı; semboller oluşturabilme, bunları kütüphanesinde saklayıp tekrar kullanabilme özelliği ve katmanlı yapısı sayesinde limitli animasyon için uygun bir çalışma ortamına sahip. Karakter animasyonu için tasarlanan bir yazılım olmamasına rağmen, bu özellikleriyle yıllardır profesyonel ve amatör bir çok çizerin keyifle takip ettiği, Web tabanlı çizgi seriler oluşturmasını sağladı. Bugün, karakter animasyonunda Flash yazılımı kullanımı Web serilerinin çok ötesine geçmiş durumda. Pek çok profesyonel stüdyo Flash ile çalışma yoluna gitmektedir. Flash ile hazırlanan animasyon serileri televizyonlarda gösteriliyor, DVD olarak satışa sunuluyor ve beyazperdede karşımıza çıkıyor. Flash ile animasyon üretimi, stüdyolarda o kadar yaygınlaştı ki, artık sektörle ilgili iş ilanlarında, doğrudan “Flash sanatçısı” arayan stüdyoların ilanlarına sıklıkla rastlayabilirsiniz. Taslak larınız, vermek istediğiniz görsel etki gibi faktörler tercihimizi etkileyebilir. Kâğıt üzerine kalem ya da fırça kullanarak hazırladığımız çizimleri uygun şekilde tarayarak, yazılımlarla vektörel hale çevirebiliriz. Bu işlem için, taranmış görseli Flash içerisine çağırdıktan (import) sonra, Modify menüsünden Trace Bitmap aracını kullanabileceğimiz gibi, Adobe Illustrator CS2© içerisinde bulunan LiveTrace, CorelDRAW Graphics Suite © içerisinde bulunan Corel PowerTRACE ya da Silhouette gibi, bu işlem üzerine özelleşmiş harici yazılımlardan da faydalanabiliriz. Çizimimizi Flash araçlarını kullanarak doğrudan Flash içerisinde yapabiliriz. Yukarıda belirttiğim her iki yöntem de kullanılmakla birlikte ek yazılıma ihtiyaç duyulmadan Flash içerisinde çalışmak farklı çizim araçlarıyla başarılı sonuçlar verdiğinden çizerlerin tercihi olmuştur. Çizimlerimizi doğrudan Flash içerisinde yapsak bile, kâğıt ve kalem kullan- manın hızından ve rahatlığından vazgeçmemize gerek yok. Her zaman için, kâğıt üzerine yapılmış detaylı bir eskiz, Flash içerisinde çalışırken bize çok yardımcı olacaktır. Bunun için, yaptığımız eskizi tarayıp, Flash içerisine çağırdıktan sonra, en alt katmana yerleştirmemiz, katmanı kilitledikten sonra, çizimi yapmak için yeni bir katman oluşturmamız yeterli. Bu ilk katmanı, çalışma süresince üzerinden geçerek çizimimizi yapabileceğimiz bir rehber olarak düşünebiliriz (Taslak). Flash’la ya da bir Resim 01 başka benzer yazılımla çizim ve boyama yaparken, artık vazgeçilmez olan aracımız; grafik tabletlerdir. Birkaç yıl öncesinde ülkemizde zorlukla bulunan grafik tabletlerin, bugün illüstrasyon ve animasyonla ciddi olarak uğraşan hemen tüm çizerlerde bulunduğunu görüyoruz. Tabletler, çizim kalemlerinin fare kullanmaya göre fiziksel rahatlığının yanında, basınca duyarlı yapılarıyla kullanıcıya daha esnek çalışabilme ve çizgiye daha Çizime başlarken Flash’la animasyon ya da illüstrasyon hazırlarken kullanacağımız görsel elemanları ve çizimleri üretmek için farklı yollar mevcut. Donanım-yazılım imkân- Resim 02 35 Nisan-Mayıs/06 TUTORIAL ÇİZGİLİ BLOG hakim olabilme şansı tanıyor. Çizgi çizerken kalemle tablete yaptığınız basıncı kontrol ederek, çizginin kalınlığını değiştirebilirsiniz. Bunun için Flash içerisinde Tools panelinden, Fırça/Brush Tool seçilmeli ve fırça kontrollerinden “Use Pressure” seçeneği aktif hale getirilmeli. Unutmayın, Flash araçlarından sadece fırça basınca duyarlı çalışmamıza izin verir, o yüzden “Use Pressure” seçeneği sadece, fırça modunda çalışırken görünür (Resim 1). Aşağıdaki ekran görüntüsünde, “Use Pressure” seçeneğinin çizgimize nasıl dinamizm kattığını, nasıl daha stilize bir sonuç elde ettiğimizi görebilirsiniz (Resim 2). Farklı fırça şekilleri seçerek farklı sonuçlara ulaşabilirsiniz. Ben çalışırken, yuvarlak değil oval fırçaları tercih ediyorum, tablet kullanırken farklı kalınlıkları vermek için en uygun olanlar onlardır. Fırça haricinde Flash’ın bize sunduğu bir diğer çizim aracı, yukarıda örneğini gördüğümüz Pencil Tool. Bu aracı tabletle, basınca duyarlı olarak kullanmamız mümkün değil ama, Pencil aracını kullanarak da stilize sonuçlara ulaşmamız, durağan, tek kalınlıklı çizgilerden sıyrılmamız mümkün. Grafik tablet sahibi olmayan birçok çizer, biraz daha zahmetli de olsa Pencil aracı ile istedikleri sonuçlara ulaşabiliyorlar. Biliyorsunuz, Pencil aracı ile yapılan çizimler Flash tarafından “Çizgi” olarak, Brush aracı ile yapılan çizimler “Şekil” olarak değerlendirilirler. Flash içerisinde Modify/ Shape menüsünden ulaşılabilen, “Convert Lines to Fills” seçeneği, bu çizgileri şekillere dönüştürebilmemizi sağlar. Artık şekil haline gelen bu çizimlere Arrow ve Pen araçları ile müdahale ederek, çizgi üzerinde farklı kalınlıkları kolayca oluşturabiliriz. Resim 05 Nisan-Mayıs/06 36 Aşağıdaki örnek çizim, bir elmanın, sırasıyla; 1. Use Pressure seçili iken tablet kullanılarak Brush aracıyla yapılmış çizimini, 2. Smooth modda kullanılan Pencil aracıyla yapılmış çizimini , 3. Yine Smooth modda kullanılan Pencil aracı ile yapılmış çizimin Arrow aracı ile müdahale edilmiş çizimini gösteriyor (Resim 5). . Dikkat edilirse, Wacom tablet sahibi olmayan çizerler Pencil aracı ile yaptıkları çizimlerini, şekile döndürüp Arrow aracı ile müdahale ederek, tabletle yapılan serbest çizime oldukça yakın sonuçlar elde edebilirler. Ancak unutulmamalı ki bu daha fazla emek ve zaman harcamak anlamına geliyor. Farklı kalınlıkta çizgiler oluşturmanın bir diğer yöntemi ise Pencil aracını, “Hairline” çizgi stili ile kullanarak çizeceğimiz çizgilerin kendisini değil konturlarını oluşturmaktır. Sahneye mümkün olduğu kadar zoom yaptıktan sonra, Hairline stilindeki Pencil aracıyla, çizmeyi planladığımız çizgilerin dış hatlarını oluşturalım önce (1. Adım), ardından bu konturların içini Paint Bucket aracıyla istediğimiz renkte dolduralım (2. Adım). Sahnenin tamamını görecek şekilde Zoom Out yaptıktan sonra, Eraser aracını seçip, options bölümünden “Erase Lines” seçeneğine tıklayalım. Silgi ile ekrandaki pencil ile oluşturulmuş çizgileri sildikten sonra, geride istediğimiz çizim kalmış olacak (3. Adım) (Resim 3). 1 PÜF NOKTA Pencil aracı ile yapılmış detaylı çizimleri “Convert Lines to Fills” seçeneğiyle şekil haline getirmek istediğinizde, Flash hesaplamalarda hata yapıp, bazı çizgilerinizi kaybedebilir. Bunun önüne geçmek için, önce tüm çizgileri seçip, Araçlar panelinin, Options bölümünden “Smooth” aracıyla birkaç kez yumuşatmanızı öneririm. Birkaç kez bu işlemi uyguladıktan sonra çiziminizin formunu kaybettiğini farkedeceksiniz, bu aşamaya gelmeden durup, yeniden “Convert Lines to Fills” aracını deneyin. Halen kaybolan çizgileriniz oluyorsa, çizgileri tek tek ya da kısım kısım seçip, şekle dönüştürmek bu sorunu halledecektir. PÜF NOKTA 2 Bu metotlardan hangisi ile hazırlarsak hazırlayalım, konturlarımızı çizdikten sonra Araçlar panelinde, Options bölümünden Smooth aracı ile çizgilerimizi yumuşatıp, daha kusursuz, akıcı çizgilere ulaşabiliriz. TUTORIAL ÇİZGİLİ BLOG Resim 03 PÜF NOKTA 3 Şimdiye kadar birkaç farklı yöntemle nasıl yapacağımızı incelediğimiz bu işlem, kâğıt üzerine yapılan eskizin mürekkeplenmesi, bizim çizerlerin tabiri ile çinilenmesine karşılık geliyor. Bu yüzden, bu işlem “Digital inking” olarak adlandırılıyor. Renkli konturlar 90’ların sonunda iş için başvurduğum yurtdışındaki ajanslardan birisi örnek çalışmalarımı gördükten sonra, kesinlikle onlarla ya da başka büyük bir stüdyoyla çalışamayacağımı söylemişti. Nedeni çok basitti; siyah kontur. O zaman, yaptığım temiz çizimleri çiniledikten sonra tarayıp, bilgisayarda renklendirmekteydim. Çalışmadaki tüm konturlar, çizgiler siyahtı. O günden beri çizim içerisindeki tüm konturları farklı renklerde çiziyorum, ortaya çıkan işlerde kısa sürede çarpıcı değişiklikler oldu. Grafik tabletinizle, yukarıda anlattığımız şekilde, basınç kontrollü fırça aracını kulla- nırken, her objenin konturlarını çizmeden önce, fırça rengini değiştirebilirsiniz. Objelerin içini boyayacağınız rengin daha koyu bir tonunu seçerek, konturları bu renkle boyamak en yaygın uygulamadır. Konturları renkli olarak boyadıktan sonra, bir adım daha atıp, konturları objenin iç rengine boyayarak, tamamıyla kontursuz bir çizimle daha farklı sonuçlara da ulaşabilirsiniz. Fırça ile çizdiğiniz konturları boyamak yerine Pencil Tool ile çizdiğiniz konturların, içlerini boyadıktan sonra silerek de kontursuz bir çizim elde edebilirsiniz. Her iki durumda da doğru bir şekilde ışık-gölge kullanımı ve ara tonlarla çizimi canlandırmanız gerekir. Işık-gölge kullanımına daha sonraki yazılarda detaylı olarak değineceğim. Aşağıdaki örnekte, siyah konturla (1), farklı renklerde konturlarla (2) ve kontursuz (3) yapılmış çizimleri karşılaştırabilirsiniz (Resim 6). Unutmayın ki, bir çizer için en hızlı ve en rahat araç, kâğıt-kalemdir. O yüzden çizimimizi Flash’ta hazırlamadan önce yapacağımız eskiz ne kadar detaylı, ne kadar net ve doğru olursa, bilgisayar başında harcayacağımız zaman da o kadar az olacaktır. Eskizimizi taramadan önce keçeli bir kalemle mürekkeplersek, hem en son temiz çizgilerimizi kontrol etme şansımız olur, hem de taranan eskizin çizgileri monitörde baskın, okunur olur. Aklımızda tutmanız gereken; tek bir doğru olmadığı, her bir projenin, illüstrasyonun ya da animasyonun farklı teknikler ve stillerle daha başarılı olabileceğidir. En doğru seçimi proje metnini okuduktan ve müşteriyle görüştükten sonra, projenin ihtiyaçlarına göre yapabilirsiniz. İyi çalışmalar... Resim 06 37 Nisan-Mayıs/06 DENEYSEL TEKNİKLER Nisan-Mayıs/06 38 TUTORIAL KULLANILAN YAZILIM PHOTOSHOP CS / CS 2 ZAMANIN DENEYSEL KOMPOZİSYONU FATİH KAYGUSUZ [email protected] D ijital sanatlara artan ilgiden yola çıkılarak hazırlanan “Digital Arts” dergisinin ilk sayasında, bu sanatın bir kolu olan Deneysel (Experimental) anlatım biçimiyle bir kompozisyon oluşturmaya çalışacağız. Deneysel grafik çalışmalarına göz atarak, araç yönetimiyle ilgili bir takım örnekleri uygulamalı olarak ele alacağız. İlk bakışta anlamakta güçlük çektiğimiz disiplini belli olmayan çalışmalarla birçok kez karşılaşmışızdır. Sanatçının tasarımdaki sunumu tamamıyla ZAMAN HIZLA AKIP GEÇİYOR! Günümüzde Digital Arts (Dijital Sanat) konumunu ciddi bir boyuta taşımış ve ilgili sayısı giderek artış göstermektedir. Türkiyede de Dijital Sanat’a geçtiğimiz yıllara göre çok daha fazla ilgi var. izleyiciye bıraktığı bu tip çalışmalar Soyutlama (Abstraction) olarak adlandırılır. Deneysel grafik tasarıma ülkemizde de önem veriliyor. Hatta bu alanda çalışan pek çok kişi bulunuyor. Bununla birlikte söz konusu tasarımcıların hayal ettikleri çizgileri uygulama konusunda yeterli bilgiye sahip olmadıklarını görüyorum. Bu noktada “Deneysel Grafik Tasarım” uygulamalarının nasıl ve ne tip araçlarla yapılabileceğini önümüzdeki sayılarda örnekleriyle işlemeye devam edeceğim. Bizim bu çalışma içerisinde yer verdiğimiz birçok grafik ürünü de soyuta dayalı nesnelerden oluşacaktır. Hazırlayacağımız kompozisyonda zamanın hızlıca akıp gittiğini anlatmaya çalışacağız. Adım 01 Photoshop’un arayüzüne hakimiyetiniz olduğunu düşünerek“Witdh: 780px Height: 450px Resolution: 90 dpi” özelliklerinde yeni bir belge oluşturalım (Resim 1). 39 Nisan-Mayıs/06 TUTORIAL DENEYSEL TEKNİKLER Resim 1 Adım 02 Tolbox’ta bulunan Foreground Color rengine tıklayın ve C:65, M:55, YX55, K:55 renk değerlerini girin. Belirlediğiniz üst rengi çalışma alanı içine doldurmak için Edit menüsünden “Fill” penceresini açın. Use sekmesinden Foreground seçeneğini seçin ve onaylayarak pencereyi kapatın (Resim 2). Resim 5 barındaki bilgileri değiştirir. Tercih etmek istediğimiz özellikleri bir düzen içerisinde bu alanda şekillendirebiliriz. Bu bilgi doğrultusunda seçim alanları oluşturmak için “Style: Fixed Size, W:275 px, H: 275 px” değerlerini girdikten sonra (Resim 5) Saat Brim Layer’ında yeni bir daire oluşturun. Seçili bulunan daireyi beyaz renk ile doldurun. Adım 05 İçi şeffaf, sadece kenar çizgileri olan bir dijital saatimiz olsun istiyoruz ve bunun için saatin çerçevesini oluşturarak çalışmamıza devam edelim. Resim 6 Adım 07 Göstergeleri de tamamladıktan hemen sonra saatleri yerlerine yerleştirebiliriz. Saat üzerindeki tipografik uygulama olarak “Helvetica Light 26 pt” yu tercih ettim. Siz dilediğiniz kategoride yazı tipini seçebilirsiniz. Ancak seçeceğiniz fontun, hazırlamakta olduğunuz tasarım üzerinde yaratacağı etkiyi ve tutarlılığı göz önünde bulundurarak, tercihinizi çalışmanın yapısına göre seçmeniz daha doğru olacaktır. Tipografik uygulamalarla anlatımları bir sonraki derslerde daha detaylı bir şekilde işleyeceğim. Tüm göstergelerin ölçülerine göre yazıları yerleştirelim. Saatin genel Resim 8 olarak kadranı ve göstergelerini tamamladık. Saat üzerinde yerleştirmemiz gereken Akrep, Yelkovan ve Saniye okları kaldı (Resim 8). Adım Resim 2 Adım 03 Zamanı sembol haline getiren, akılda kalıcılaştıran en temel öğe saattir. Bunu göz önünde bulundurarak öncelikle uygulaması zor olmayan bir saat hazırlayalım. Saat çalışmasına devam etmek için yeni bir Layer oluşturun (Shift+Ctrl+N). Açılan New Layer penceresinin isim bölümüne “Saat Brim” ismini girin ve pencereyi kapatın (Resim 3). Resim 3 Adım 04 Toolbox seçim araçlarından “Elliptical Marque Tool”a tıklayın. Marque Tool’u seçtikten sonra Photoshop’un özellik barı, seçili buluResim 4 nan Toolbox araçlarına göre özellik Nisan-Mayıs/06 40 Saat Brim Layer’ındayken “Select> Modify> Contract: 2 px” uygulayarak dairelerimizi elde etmiş olduk. Delete ya da Edit/ Clear komutlarını uygulayarak dairenin içini silin (Resim 6). Saatin çerçevesi böylelikle tamamlanmış oldu. Saatin kadran ve göstergelerini hazırlayalım. Adım 06 Yeni bir Layer daha oluşturun, bu kez de ismini “Gösterge” olarak tanımlayın. Toolbox seçim araçlarından “Rectangular Marquee Tool’u” seçin ve özellik barından “Style: fixed size w: 10px, h:35px” değerlerini girin ve dairenin içinde, üst kısımına gelecek şekilde ortalayın. Aynı yöntemle 3 farklı gösterge daha oluşturup doğru açılarda saatin 4 önemli (36-9-12) göstergesini tamamlayalım (Resim 7). Tıpkı bu 4 önemli gösterge gibi, diğer göstergelerin de oranlarını “Style Fixed Size w:5 px h:25 px” olarak oluşturup resimde görüldüğü gibi doğru orantı ve rotasyonlarla yerlerine yerleştirin. 08 Yeni bir Layer oluşturun, Toolbox seçim araçlarından “Elliptical Marque Tool” aracını seçin ve özellik barından “Style: Fixed size w:20 px h:20 px” değerlerini girin. Saatin tam ortasına tıklayarak elips seçimi oluşturun ve seçim alanına Beyaz renk doldurun (Resim 9). ArResim 9 dından tekrar yeni bir layer oluşturup, bu kez “Rectangular Marquee Tool” ve “Style Fixed Size w:5 px h:50 px” ile akrebi oluşturalım. Daha sonra bir yön belirleyici için araç menüsünden “Polygon Tool”’u seçip “Sides: 3” değerini verip akrebi tamamlayalım (Resim 10). Aynı yöntemlerle yelkovanı da oluşturun. Bedenini biraz daha ince ve akrebe oranla biraz daha küçük tutabilirsiniz. Saniye göstergesini ise tek bir çizgiyle de ifade edebiliriz. Saati tamamladık, saatimizin görünümü çok estetik olmayabilir. Saatin görünümünün çalışması final aşamasında, genel bütünlük içinde yerini uygun bir Resim 7 Resim 10 TUTORIAL DENEYSEL TEKNİKLER Resim 11 şekilde alacaktır. Saati isterseniz detaylandırabilirsiniz. Çalışmaya dilediğiniz gibi detaylar ve eklentiler dahil ederek saatin görünümüne yorumlarınızı katabilirsiniz. Örneklerle gösterdiğim grafiklerle ya da oluşturmak istediğiniz grafiklerle gerekli değişiklikleri uyguladıktan sonra bu çalışma üzerinde farklı denemeler yapmanızı öneririm (Resim 11). Adım 09 Saati tamamladıktan sonra şimdi ortamın hareketliliğini, boyutu ve renklerini oluşturmaya çalışalım. Öncelikle Layer penceresinde gördüğümüz şu kalabalıktan bir an önce kurtulalım ve rahat çalışabilmek için bir Layer Set (Group) oluşturalım “Layer > New > Layer Set” (Photoshop CS 2’de Layer> New> Group komutu uygulanır) ve ismi “Saat” olsun (Resim 12). Tüm Layer’ları mouse ile sürükleyerek “Saat Seti”nin içine atalım. Şimdi bu seti geçici süreliğine “Invisible” (gizleme) yapalım, çünkü çalışma üzerinde yeni grafikleri oluşturabilmek için öncelikle ortamı rahatlatmamız gerekecek (Resim 13). Adım 10 Yeni bir Layer (Shift+Ctrl+N) oluşturalım, “Boyut” ismini girin. Tool- Resim 12 box renklerini reset’lemek, yani siyah ve beyaz’a dönüştürmek için klavyeden “D” Resim 14 tuşuna bir kere basın (Resim 14). “Filter > Render > Difference Clouds” filtresini uyguladıktan sonra bu uygulamayı birkaç kez aynı değerlerde tekrar edelim, Ctrl+F (Resim 15). Oluşturmak istediğimiz bir boyut söz- Adım 12 Resim 15 konusu olduğundan, gözümüzü odaklamamız gereken bir merkez noktası olmak zorunda. Bir perspektif oluşturabilmemiz için bu şart. Ekran fotoğrafında gördüğümüz gibi bir merkez noktamız var (Resim 16) ve bu yöne doğru bir derinlik oluşturmak istiyoruz. Çalışmamızın hazırlık aşamasının büyük bir kısmını bitirdik ve şimdi keyifle, tasarımı renklendirmeye başlayıp, bir takım etkilerle çalışmamızı canlandıralım. “Boyut” Layer’ına tıklayın ve “Image > Adjustments > Color Balance’ı” seçip “Color Levels: +100, -80, +12 Tone Balance: Midtones” olarak uygulayıp, “OK”e tıkladıktan sonra ilk renklendirmemizi tamamlıyoruz (Resim 18). Resim 18 Resim 16 Adım 11 ”Filter > Blur > Radial Blur” seçeneği ile kazandıracağımız derinliğin ayarlarını yapalım. “Amound: 100, Blur Method: Zoom, Quality:Best” olarak uygulayıp, resimde göründüğü gibi (Resim 17), “Blue Center” alanını oluşturduğumuz merkez noktası yönünde belirleyip “OK” diyebiliriz. Artık görünürde bir boyutumuz ve kazandırdığımız bir derinliğimiz var. Oluşturduğumuz grafiği daha etkili bir hale getirebilmek için aynı işlemi tekrar uygulayalım (Ctrl+F). Adım 13 Boyut Layer’ını “Layer” araç paletinden “Overlay” harmanlama kipini seçin. Sonrasında yeni bir layer açın ve Eliptical seçim aracını seçtikten sonra özellik barının Style sekmelerinden “150 px’e 150 px” ölçülerinde bir daire oluşturun. Seçili bulunan alanı beyaz renk ile doldurduktan sonra “Filter > Blur > Gassuan Blur - Radius: 27,5 px” etkisini uygulayın ve Layer harmanlama kipini “Overlay” olarak değiştirin. Adım 14 Resim 13 Nisan-Mayıs/06 42 Resim 17 “Boyut” isimli Layer’a tıklayın. Bulunduğumuz Layer’da birbirinin aynısı iki işlem yapacağız. Bu iki işlemin tek farkı; birinin 150 px, diğerini 250 px ölçülerinde oluşturacağımız Eliptical seçim işlemidir. TUTORIAL DENEYSEL TEKNİKLER Adım 15 ”Boyut” isimli Layer’da olduğunuzu kontrol edin. Hazırladığımız çalışma üzerinden, Toolbox seçim araçlarından Eliptical Tool’u seçtikten sonra, özellik barında aktif olan Style seçeneklerini kullanarak 150x150 px değerlerini girin. Ölçü değerlerini girdikten sonra aynı bölümde bulunan “Feather” kutusuna 35 px değerini girerek seçiminizi oluşturun. Seçiminiz Resim 19 35x35 px ölçülerinde ve seçime 35 px’lik Feather (Resim 19), erime etkisi uygulamış olduk. Seçimimiz aktif durumdayken Layer menüsünden, New> Layer via Copy komutunu uygulayarak, seçili alan içindeki piksellerin bir kopyasını yeni bir Layer’da oluşturmuş oldunuz. Image > Adjustment> Hue/ Saturation’ı açın. Hue: 180, Saturation: 100, Lightness: 0 değerlerini belirledikten sonra pencereyi onaylayarak kapatın. Layer paletinden, Layer harmanlama kipini Overlay, Opacity değerini w56% olarak değiştirin (Resim 20). Resim 21 Blur > Motion Blur > Angle: 0 - Distance: 15 px” değerlerini girerek pencereyi onaylayın (Resim 21). Adım 18 Oluşturduğumuz soyut hareketliliklerin yönünü, merkez noktasına doğru yöneltelim. Edit > Transform > Perspective komutunu uygulayın, aktif olan özellik barındaki Transform kontrollerinden Perspektif sekmesine “v: 3.6” değerini girdikten sonra (Resim 22), Layer harmanlama kipini “Overlay” olarak deResim 22 ğiştirelim. Aynı işlemi birkaç kez tekrar ederek örnek ekran fotoğrafındaki perspektif açısını yakalamaya çalışın (Resim 22). Oluşturduğumuz bu soyut grafikler, çalışmaya hem hareketlilik getirir, hem de odaklanmamız gereken yönü daha da artırmış olur. Benzer hareketlilikleri kişisel sitemin galeri bölümünde bulunan birçok çalışmada da görüp inceleyebilirsiniz (Örn: Transmission). Adım Resim 20 Adım 16 Tekrar “Boyut” isimli Layer’a tıklayın ve aynı işlemleri bu sefer “250x250 px” ölçü değerini girerek tekrarlayın. Adım 17 Tamamladığımız aşamalarla merkez noktamıza odaklanabilmek için bir takım etkiler oluşturduk. Şimdi bu etkilerin devamlılığını getirebilmek için, birkaç soyut hareket ekleyerek çalışmaya devam edelim. Yeni bir layer oluşturun, ismini “Daireler” olarak tanımlayın ve aynı Layer içinde “Elliptical Tool” ile minyatür daireler oluşturun. Her oluşturduğunuz daireyi beyaz renk ile doldurun. “Filter > 19 Yarıda bıraktığımız saatimize geri dönüp, “Invisible” modundan çıkaralım ve görünür bir hale getirelim. Saat öğelerini içinde taşıyan çantayı “Layer > Merge Layer Set” yaparak, tüm saat nesnelerimizi tek bir layer altında birleştirmiş olalım. Çünkü, bir sonraki hareketlerimizi rahat bir şekilde uygulayabilmemiz için bu gerekli. Resim 23 Adım 20 Şimdi, “Saat” Layer’ını dairelerde olduğu gibi merkeze odaklamaya çalışalım. “Edit > Transform > Perspective“ Resimde gördüğümüz (Resim 23) değerleri girelim ve Layer’ı “Overlay” olarak bırakalım. Saat’i yeni bir Layer’a aynı özellikleriyle kopyalayıp, “Filter > Blur > Radial Blur - Amount: 75, Blur Method: Zoom, Quality: Best - Blur Center: Normal” uygulayalım. Bu işlemin sayısını dilerseniz artırabilirsiniz, artan işlem sayısı etkiyi giderek arttırıcaktır ve dilerseniz siz de her uygulamada farkı bir Rotasyon yapabilirsiniz. Saatimizi ve Soyut hareketlerimizi tamamladıktan sonra artık bir “Text Layer“ oluşturup, içine 1 yıldaki tüm ayları yazabiliriz (Resim 24). Yazı tercihinizi Saat üzerinde söylediğim gibi dilediğiniz şekilde yönetebilirsiniz. Ancak burada dikkat etmemiz gereken şey Text Layer ile perspektif kontrollü rotasyonlar gerçekleştirebilmeniz için Resim 24 43 Nisan-Mayıs/06 TUTORIAL DENEYSEL TEKNİKLER Resim 25 “Layer > Merge Layer” özelliğini kullanmanız gerekecek. Adım 21 Yazıları “Daire” Layer’ındaki dairelerimizi hazırlarken kullandığımız etkileri tekrar ederek, oluşturduğumuz ayların yönünü merkeze odaklamaya çalışalım. Bu çalışmamda, kullandığım yazıları zamanın kısa belirtileri ve özetleri olan “Ay - Gün ve Tarih” üçlüsü olarak sıraladım. Çalışmama hareketlilik kazandırmış ve birçok soyut nesneyi kullanmış durumdayız. Artık elimizde zamanı gösteren bir grafik çalışmamız var. Adım 21 Tek eksik, biraz ışık ve kompozisyonun başlığı. Işığı Layer paletinde bulunan “Adjustment Layer” seçeneklerinden “Levels ‘i” seçerek ayarlayabiliriz. “Input Levels: 20, 1.17 - 225” değerlerini girelim ve ışığı da bitirmiş olalım (Resim 25). Geriye sadece kompozisyonu anlatabilecek bir tanımlama kaldı. Yapılması gereken bu uygulama size kalmıştır. Kompozisyonu üreten olarak, kendi tercihim “Zaman Doluyor” isimli bir tanımlamayla çalışmamı sonlandırmak oldu. Artık bitmiş bir deneysel grafik çalışması ile yeni bir Dijital Sanat ürünü oluşturmuş bulunuyorsunuz. Burada dikkat edilmesi gereken hayal gücünüzdekileri, ne tip araçlarla ve ne tip uygulamalarla açığa çıkartabileceğiniz. Bu uygulamada gördüğünüz çalışmayı http//www.hoaxit. com/zd.zip adresinden indirebilirsiniz. Yeni bir zamanda buluşmak üzere... Yazar Hakkında BİLGİ Dijital Sanat ile uzun bir süredir ilgilenmekte. Çalışmalarını Experimental tarz üzerinde yoğunlaştıran yazar, çalışmalarını freelance Grafik Tasarımcılık yapmaktadır. Philips, Coco-Cola, Mitsubishi, Mazda gibi tanınmış markalara Masaüstü Yayıncılık, Interactive Media, Interface ve Duvar Üstü alanlarında hizmet verdi. www.hoaxit.com Nisan-Mayıs/06 44 FOTO MANİPÜLASYON SÜLEYMAN GEZGİN [email protected] TUTORIAL KULLANILAN YAZILIM PHOTOSHOP CS HAYALDEN GERÇEĞE UYGULAMALAR FOTO MANİPÜLASYON TEKNİKLERİ NESNELERİN RUHSAL BİRLEŞMESİ Hayat belirtisi olmayan bir atmosferde, erkek ve dişi iki cansız varlığın karşılıklı ruhsal etkileşimini anlatacağız. Cansız varlıkların ruhu var mıdır yok mudur, bilemiyoruz? ama fotomanipülasyon ile hayal dünyamızdan bir fotoğraf çekeceğiz. BİLGİ Yazar Hakkında Serbest Grafik Tasarımcı, 1999 yılından beri dijital ortamda görüntü işleme ve fotoğrafçılıkla ilgileniyor. 2005 yılında Sivas Cumhuriyet Üniversitesi’nde “Ego Drama” isimli dijital manipülasyon sergisini açtı. Yazarımız çeşitli yayın organları için halen çalışmalar yapmaktadır. www.suleymangezgin.com [email protected] Nisan-Mayıs/06 46 B azı şeyler göründüğü kadar zor değildir, bazı şeyler de göründüğü kadar kolay değildir. Fotomanipülasyon da işte böyle bir konu; ne göründüğü kadar zor ne de göründüğü kadar kolay. Eldeki malzemeleri ve ilhamı doğru şekilde nasıl kullanacağımızı bildiğimizde işler o kadar da zor değil aslında. Yalnızca çevremizdeki nesneleri iyi gözlemlemeliyiz ve üstü perdeyle örtülmüş gözlerimizi biraz da hayal dünyamıza doğru çevirmeliyiz. Bu şekilde giriş yaptıktan sonra dilerseniz fotomanipülasyonun konusundan bahsedelim. Ben bu çalışmaları, yaşadığı- mız dünyada hiçbir ekipmanla çekemeyeceğimiz fotoğraflar olarak görüyorum. İnanın, bir ağaç gövdesinden dışarı çıkan insan ellerini fotoğraflamayı çok isterdim ama bu imkânlar dahilinde değil. İşte tam bu noktada bize elimizdeki teknolojiyi ve hayal gücümüzü kullanmak düşüyor. Evet, ihtiyacımız olan şeyler en azından bir fotoğraf makinesi ve Adobe Photoshop.… Fotomanipülasyon çalışmalarının bence en zor evresi işin konsept oluşturma kısmı. Çünkü, ancak konsepte göre malzeme toplar ve işlemeye başlarız. Tabii eldeki malzemelere göre bir konsepte TUTORIAL FOTO MANİPÜLASYON MALZEMELER Malzemeleri internetten indirmek için www.digitalarts.com/suleyman.html adresini ziyaret edebilirsiniz. Uygulama 1 uymadan deneysel olarak hazırlanmış kaliteli çalışmalar da karşımıza çıkabilir. Yine de altyapısı derin olan çalışmalar daha kuvvetli olur ve ortaya daha bilinçli bir eser çıkar kanısındayım. Şimdi bu ayki çalışmamızın aşamalarını incelemeye başlayalım. Çalışmamızda hayat belirtisi olmayan bir atmosferde, biri erkek biri dişi iki cansız varlığın karşılıklı ruhsal etkileşimini anlatacağız. Cansız varlıkların ruhu var mıdır yok mudur bilemiyoruz ama, bu bir fotomanipülasyon ve hayal dünyamızdan bir fotoğraf çekeceğiz yani salt gerçekler bizi pek bağlamıyor şu anda. Konseptimiz hazır olduğuna göre sıradaki işlem malzemeleri fotoğraflamak. Elimizde bacakları ve başı çıkarılmış iki adet oyuncak bebek, ruhları temsil edecek yapay bitkiler, bir nevi saksı olarak kullanacağımız gümüş bir sigara ağızlığı, çeşitli duvar dokularından ayrıntılar ve zemin yaparken referans olarak kullanacağımız mukavva var… Malzemeleri fotoğraflarken de netlik ve çözünürlük açısından dikkatli olmalıyız. Fotoğraflarımız ne kadar net ve yüksek çözünürlükte olursa çalışırken o kadar rahat oluruz. Ev ortamında çalışacağımızı düşünerek uygun bir yerde gün ışığı altında fotoğrafları çekiyoruz. Fotoğrafı çekerken zemin olarak karton kullanmak dekupe işleminde kolaylık sağlar. Ayrıca, makro lensle çekim yaparken nesnelerimizin arkada kalan kısımlarının alan derinliğine çok Uygulama 3 fazla maruz kalmaması gerekir. Evet, çalışmada kullanacağımız malzemeler şunlar: Yağlı boya çalışıyor gibi ilk önce atmosferden başlıyoruz. Bu çalışmamızın atmosferini basamaklı taş doku oluşturuyor ve referans için uygun yerlerinden katladığımız mukavvayı ekrana çağırıyoruz (uygulama 1). Sonra fotoğraflar arasındaki duvar ayrıntısının bir kısmını karşı duvar olarak ayarlayıp, layer blend ayarlarınından luminosity’yi seçip mukavva ile harmanlıyoruz (uygulama 2). Yine aynı uygulamayı altta kalan duvar için uyguluyoruz (uygulama 3). Sıra tabana geldi. Yine duvar ayrıntısından bir bölüm seçiyoruz ve çalışmamıza ekliyoruz. Ama bu sefer taban olduğunu belli etmek için perspektif ayarı yapmamız lazım; bu yüzden free transform’u uygularken “Ctrl” tuşuna da basıyoruz ve üst köşelerden tutup örnekteki gibi iki yanda da yaklaşık bir 30-60-90 üçgeni oluşacak şekilde ayarlıyoruz. Sonra da yine free transform ile genişliği belirliyoruz ve yine luminosity ile blend ediyoruz (uygulama 4). Sonra “Flatten image” seçeneği ile katmanlarımızı birleştirip duvarların köşe kısımlarına 3 px niceliğinde çizgiler çiziyoruz. Sonra bu çizgilere 2,5 px değerinde “Gaussian blur” filtresini uygulayıp yine flatten image yapıyoruz (uygulama 5). Şimdi ise perspektifleri daha iyi vurgulamak için tabana ve alt duvara çatlaklar ekleyeceğiz. Bunun için fotoğraflar arasın- 1 1-Çatlamış taş ayrıntısı 2 2-Gümüş sigara ağızlığı 3 3-Mukavva 4 4-Çatlamış duvar 5 5-Duvar doku ayrıntısı 6 6-Dişi bitki figür 7 7-Erkek bitki figür 8 8-Dişi - erkek oyuncaklar Uygulama 2 Uygulama 4 47 Nisan-Mayıs/06 TUTORIAL FOTO MANİPÜLASYON Uygulama 5 daki çatlak bölgeleri çalışmamıza yapıştırıyoruz. Duvar dokusuna uyum sağlaması için bu çalışmada yapıştırdığımız parçaları “Darken” seçeneği ile “Blend” ediyoruz. Genel dokuya uymayan ve taşan bölümleri ise opacity değeri düşük geniş boyutlu bir fırçayla dikkatlice siliyoruz ve yine flatten image yapıyoruz (uygulama 6). Adobe Photoshop içinde gelen standart fırçalardan birini kullanarak “Burn Tool” ile duvarımızın bazı bölümlerini koyulaştırıyoruz ve sonra da “Exposure” ayarlarını kullanarak arka planımızı bitirmiş oluyoruz (uygulama 7). Uygulama 6 Ayrı bir pencerede dekupe ettiğimiz oyuncakları çalışma alanımıza uygun bir açıyla yapıştırıyoruz. (Dekupe işleminden sonra kolların birleşme yerlerindeki boşluğu “Clone Stamp Tool” ve “Blur Tool” yardımıyla kapattık ve genel ten dokusuyla uyum sağladık.) Sonra da genel atmosfere uyum sağlayacak şekilde “Exposure” değerlerini ayarlıyoruz (uygulama 8). Uygulama 7 Nisan-Mayıs/06 48 Uygulama 8 Oyuncaklarımızın boyun kısımlarına birer saksı yapmamız gerekiyor, bunun için gümüş ağızlığımızı ayrı pencerede dekupe ettikten sonra çalışma penceremize yapıştırıyoruz (uygulama 9). Görüldüğü gibi oyuncakların boyun kalınlığı farklı. Bu yüzden metal parçayı iki oyuncağa göre ayrı ayrı boyutlandırıyoruz. Ten dokusuyla uyumlu bir geçiş olması için metal parçanın köşeli kenarlarını opacity değeri düşük geniş bir silgiyle siliyoruz ve uygun bir “Exposure” değeri bulup katmanları flatten image seçeneğiyle birleştiriyoruz (uygulama 10). Uygulama 9 Sıra oyuncakların içinden çıkacak bitkilere geldi. Kullanacağımız fotoğrafları dekupe ettikten sonra uygun açılarla sahnemize yerleştiriyoruz. Burada önemli olan nokta şu; bitkiler farklı figürlerde olmalı ve birbirine bakan iki insan varmış hissini yaratmalı. Burada bitkileri erkek ve dişi ruhu simgeleyecek şekilde kullanacağımız için figürleri bu duruma uy- Uygulama 10 Uygulama 11 gun şekilde seçiyoruz. Bitki gövdelerinin oyuncaklara girdiği bölümlerde kaybolma etkisi yapmak için yine düşük opacity değerinde bir silgi kullanıyoruz. Bitkilerin çiçek bölümlerini de farklı renklere ayarlıyoruz ve katmanları birleştiriyoruz (uygulama 11). Oyuncakların havada kalmış hissini vermemesi için tabana gölgeler eklememiz gerekiyor. Bunun için orijinal fotoğrafımızdan ilgili yerleri seçip çalışma ekranımıza yapıştırıyoruz. Gölge dışında kalan yerleri uygun bir fırçayla siliyoruz. Taş dokuda sırıtmaması için “Overlay” seçeneğiyle Uygulama 12 “Blend” edip gölgelerin bulunduğu katmanların opacity değerlerini biraz azaltıyoruz ve katmanları birleştiriyoruz. Bu arada saksıların iç kısımlarını “Burn tool” ile çok fazla olmamak şartıyla koyulaştırıyoruz (uygulama 12 ve uygulama 13). Çalışmamız ana hatlarıyla bitti. Son aşama olarak renk ayarlarını yapmamız gerekiyor. Ben genelde donuk mavi tonları Uygulama 13 TUTORIAL FOTO MANİPÜLASYON Uygulama 14 sevdiğimden ve bu çalışmaya da uygun olduğu için Travis Smith – Rene Asmussen tonlamalarına benzer bir renk ayarı düşünüyorum. Bu yüzden önce “Exposure” ayarlarını yapıyorum (uygulama 14). Daha sonra “Curves3 değerlerini ayarlayıp (uygulama 15) en sonunda da “Photo Filter” seçeneğinden “Cooling Filter”ı %14 yoğunlukta uyguluyorum (uygulama 16). Bu haliyle istediğim tonlamayı elde etmiş oluyorum. Ama bu çalışma için iki farklı seçenek elde etmek istiyorum ve Auto Uygulama 15 Uygulama 16 Levels seçeneğini kullanarak ikinci son görüntüyü oluşturuyorum. Bu ayki tutorial’ımız burada bitiyor. Çalışmaya daha fazla ayrıntı eklemek tabii ki mümkün ama temel olarak manipülasyon mantığını özetleyebildiğimizi düşünüyorum. Yaklaşık iki saatlik çalışma sonucunda işlerimizi bitirmiş olduk. Umarım fotomanipülasyon konusuna ilgi duyanlara veya başlamak isteyenlere bu örnek sayesinde yardımcı olabilmişimdir. Hepinize keyifli çalışmalar. Son 49 Nisan-Mayıs/06 FORMASYON SAVAŞ ÖZAY mail @savasozay.com TUTORIAL KULLANILAN YAZILIM Adobe ILLUSTRATOR CS 2 ve Adobe PHOTOSHOP CS 2 PROTEİN NASIL ÜRETİLİR BİLİYOR MUSUNUZ? VEKTÖRLER VE PIXELLER Serbest çalışmaları çoğu zaman işin akışına bırakarak yönlendirebiliriz. Deneysel çalışmaların bazılarında ise ciddi planlamalara rastlamıyoruz. Bu uygulama da ilerledikçe karşımıza çıkan yeni fikirlerle zenginleştirilmiş bir tür “protein çalışması” oldu. BİLGİ Yazar Hakkında 8 yıldır Illüstratör ve grafik tasarımcı olarak çalışmakta olan Savaş Özay, Yapı Kredi Bankası, Ariston, Bosch, Coca Cola, Hürriyet, Garanti Bankası gibi müşterilerle çeşitli işler yaptı. Şu anda, gündüzleri On Kaplan’da sanat yönetmenliği yaparken geceleri ise bir süper kahraman olarak dünyayı kurtarmaya çalışıyor. Savaş Özay www.savasozay.com Nisan-Mayıs/06 50 B ir gece tesadüfen Stock Xchange www.sxc.hu’de karşıma çıkan bu güzelim fotoğrafa, Photoshop CS2 ve Illustrator CS2 kardeşler arasındaki bağı ekleyerek bir sonuca ulaşmaya çalışmanın hikâyesidir bu. Adım 01 Bu tarz çalışmaları yaparken parçaları sayfa içinde gezdirerek, deneme yanılma yöntemi ile işi bitirmeye çalışırsanız hem ciddi vakit kaybeder hem de kompozisyon açısından kötü sonuçlar elde edebilirsiniz. Çalışmaya başlamadan Resim 01 TUTORIAL FORMASYON önce hızlı bir eskiz yaparak işinizi kolaylaştırmış olursunuz. Ben eskiz yaparken kâğıt kullanmaktan pek hoşlanmadığım için Photoshop ile aşağıda gördüğünüz eskizi hazırladım (Resim 01). Adım 02 Eskiz hazırlandıktan sonra, sıra işin en zor kısımlarından biri olan renk paleti oluşturmaya geliyor. Arının doğal, güçlü ve güzel rengini bozmamaya karar verdiğim için bu çalışmada işim çok da zor olmadı. Sarıya en çok yakışan renklerden biri olan kahverengiyi yardımcım olarak seçtim ve palet oluşturma aşamasını kısmen tamamladım (Resim 02). Resim 04 Resim 02 Adım 03 Kendi adıma çok sıkıcı ama kaçınılmaz aşamalardan biri olan fotoğrafı temizlemeye geldi sıra. Fotoğrafın detayına göre uzunluğu değişebilen, bu aşamada hayatınızdan nefret edebilir hatta çalışmayı bırakıp internet sularına kendinizi atabilirsiniz. Bu tarz tehlikelerden kendimizi korumak için beynimizi sıfırlayıp, söylenmeden, şikayet etmeden, sabırla sadece işe konsantre olmak en doğrusu olacaktır (Resim 03). rağmen her nedense ben arının bulunduğu katmanın “Layer Style” penceresinden “Color Overlay” seçeneğini kullanarak sarımsı bir ton ile fotoğrafı toparlamayı tercih ediyorum (Resim 04). Layer Style penceresini kapatmadan önce Drop Shadow ile arıya hafif bir gölge vererek biraz daha gerçekçi bir görüntü elde etmeye çalışıyor ve arı katmanıyla işimi bitiriyorum. Adım 05 Adım 06 Çiçek silüetini çizdikten sonra bunu kopyalıyor ve Photoshop’a geçip sayfamızın içine yapıştırıyorum. Bu sırada “Paste As” penceresi ile karşılıyor ve “Smart Object” olarak yapıştırmayı tercih ediyorum (Resim 06). Şimdi başta hazırladığım eskizden yararlanarak çalışmayı detaylandırma bölümüne geliyorum. Bu aşamada genelde 1-2 ilgili form ve tamamen anlamsız birçok formdan yararlanırım. Alışkanlığımı bozmuyor ve arı dediğimizde aklımıza ilk gelecek şeylerden biri olan çiçek resmini kullanıyorum. Kullanacağım resmi seçtikten sonra tekrar aynı sıkıcı anları yaşamak için kendimi ruhsal olarak Resim 05 Resim 03 hazırlıyorum. Hazır olduğumu hissettikten sonra fotoğrafı Illustrator’e alıyor ve çiçeğin silüetini çizmeye başlıyorum (Resim 05). Resim 06 Adım 07 Smart Object, CS2 sürümüyle birlikte hayatıma giren ve defalarca “Yıllardır neredeydin?” sorusunu sormama sebep olan bir özellik. Smart Object Adım 04 Tertemiz olan arıyı, “A4-300 dpi” bir sayfanın içine atıyorum. Zemini kahverengiye boyadıktan sonra, arının renklerindeki solukluğu farkedip müdahale etme gereği hissediyorum. Bunun Photoshop’ta birden fazla yolu olmasına Resim 07 51 Nisan-Mayıs/06 TUTORIAL FORMASYON özelliği ile Photoshop çalışmanıza yerleştirdiğiniz bir objeyi, kalite kaybı olmadan, istediğiniz zaman yeniden boyutlandırma özgürlüğüne sahipsiniz (Resim 07). Adım 08 Çiçeği uygun bulduğum bir bölgeye yerleştirdikten sonra yine Illustrator’e dönüyor ve aşağıda gördüğünüz formları çiziyorum. Garip görünen şekilleri genelde hiçbir mantığa, hesaba, plana dayanmadan, rastgele çizip çalışmalarımda kullanıyorum. Dolayısıyla bu gördüğünüz formların %80’inde hiçbir anlam yoktur. Sadece kompozisyon dengesini sağlamama, detaylandırmama yardımcı olurlar (Resim 08). Resim 08 Resim 09 Adım 09 Bunları da çizip Photoshop’taki sayfama aldıktan sonra yerleştirme, renk tonlarını ayarlama ile geçen birkaç saatin ardından çalışmanın büyük bölümünü tamamlamış oluyorum (Resim 09). Adım 10 Sol üstteki sarı bandın biraz desteğe ihtiyacı olduğunu görerek içini desenle doldurup gücünü zayıflatmam gerektiğini düşünüyorum. İnternetten rahatça temin edebileceğiniz bu desenler 72dpi çözünürlükte kullanılacağı düşünülerek hazırlandığından benim 300dpi’lık çalışmam içerisinde çok küçük kalıyor. Deseni Photoshop’ta Transform aracı ile büyütmeye kalkarsanız otomatik Resim 10 Nisan-Mayıs/06 52 olarak atılan blur yüzünden rahatsız edici bir görüntü oluşacaktır. Dolayısıyla kolları sıvayıp büyük boyutlu fırçalarla deseni yeniden çizmeye karar veriyorum. Yeni bir sayfa açıyor ve deseni bunun içine atıyorum. 3 kat büyütmeye karar verdiğim için “Pencil” aracının 3 piksel büyüklüğündeki bir fırçasını kullanarak tüm deseni orijinaline bağlı kalarak yeniden oluşturuyorum (Resim 10). Adım 11 Tahmin edeceğiniz üzere, oldukça uzun süren bu işlemi tamamladıktan sonra bu deseni kopyalayıp sarı banResim 11 dın içine “Fill>Pattern” seçeneği ile dolduruyor ve rahatlıyorum (Resim 11). Adım 12 Sonrasında sağ üste basit bir daireyi deforme ederek elde ettiğim şekli, üstüne de çalışmanın adını ekleyerek işimi bitirmiş olmanın huzuru ile rahat bir nefes alıyor ve dosyamı kaydedip kapatıyorum (Resim 12). İlerki sayılarda işin teknik kısımlarından çok, teorik kısımlarına yoğunlaşmaya çalışarak daha karmaşık ve daha yararlı olacağını düşündüğüm konulara gireceğim. Görüşmek üzere... Resim 12 “RENDER TO DEATH” Kerem Beyit Photoshop 7.0 • Wacom Intuos2 Tablet (17 saat) • Kerem Beyit © 2005-2006 http://kerembeyit.gfxartist.com • http://kerembeyit.deviantart.com • E-mail: [email protected] 53 Nisan-Mayıs/06 DİJİTAL PALET EMRAH ELMASLI [email protected] TUTORIAL KULLANILAN YAZILIM Corel PAINTER 9 ve Adobe PHOTOSHOP CS 2 VAULT 13 ŞEHRİNİN GİRİŞİ DİJİTAL BOYAMA TEKNİKLERİ Bu sayfalarda, sizlere elimden geldiğince dijital boyama teknikleri ve konsept tasarım süreçleri hakkında bilgiler vermeye çalışacağım. BİLGİ Yazar Hakkında Konsept tasarımcı ve dijital illüstratör olan yazarımız, yurt dışındaki ve yurtiçindeki çeşitli firmalara freelance hizmet vermektedir. Hizmet verdiği firmalardan bazıları Eidos Interactive bünyesinde bulunan Crystal Dynamics, Irrational Games Australia, Fantasy Flight Games, Cosmos Magazine ve Cgtoolkit ‘ dir. Emrah ELMASLI | Partycule Studios | www.partycule.com | [email protected] Nisan-Mayıs/06 54 Y oğun olarak kullandığım programlardan Adobe Photoshop CS2 ve Corel Painter 9 üzerinde duracağız. Bu iki programın aralarındaki uyumu kullanıp, geçişli olarak çalışacağız. İlk yazımda, sizlere bir illüstrasyonun dijital ortamda nasıl yapıldığını baştan sona adım adım anlatmaya çalışacağım. Bu iş için ayrıca bir dijital tablet almanızı tavsiye ederim. Dijital tabletler, bir dijital kalem ve pad’den oluşan, elinizin hareketlerini bilgisayar ortamına aktarmanıza yarayan cihazlardır. (Resim1) Bu cihazlar, basınç mantığıyla çalıştıkları için, normal bir kalem gibi işlev görürler. Bu sayede elinize boya bulaştırmadan 16 milyon renkle çizim yapmanın özgürlüğünü yaşarsınız. Bu ayrıntıyı da belirttikten sonra, kaldığımız yerden devam edebiliriz. (Resim 1) TUTORIAL DIJITAL PALET İlk olarak Corel Painter‘da yeni bir dosya açarak işe başlayalım. Bu tutorial, “bak-uygula” yönteminden çok, anlatacağım tekniklerin sizin tarafınızdan kendi illüstrasyonlarınızda kullanmanıza dayandığı için, açacağınız dosyanın boyutu çok önemli değil; tamamen size kalmış. Ben yatay bir mekân çalışması yapmak istediğim için, 4000x2400 piksel boyutlarında ve 300 ppi çözünürlüğünde bir dosya açtım. Çalışma öncesi yapılması gereken hazırlıklar nedir? İlk önce kafanızda ne yapmak istediğinizi belirlemeniz gerekiyor. En azından kompozisyonu belirlemek için bu önemli. Daha sonra boyama yaparken eklemeler yapabiliriz. Ben “Fallout” adlı oyundan esinlenerek bir imaj oluşturmaya çalışacağım. Birçoğunuz bu oyunu biliyor olabilirsiniz. Black Isle Stüdyoları’nın geliştirdiği Interplay’in yayıncısı olduğu o muhteşem oyun. Konsept tasarım kadrosu inanılmaz olan bir oyundu, “Justin Sweet ve Vance Kovacs” gibi çok yetenekli sanatçılar çalışmıştı. Hem bu yüzden hem konusu itibariyle çok sevdiğim bu oyunda “Vault 13” isimli bir mekân vardır; bir dağın içindeki dış dünyaya kapalı bir şehirdir bu. Bu şehrin girişini, kendime göre yorumlayarak resmetmeye çalışacağım. Başlıyoruz; 1 Öncelikle hızlı bir taslak çizim yapıyorum. Bunun için yeni bir “Layer” açıyorum ve taslağı yapacağım “brush”ı yani fırçayı seçiyorum. Painter’da kendi ihtiyaçlarıma göre değiştirip, kullandığım fırçalardan bir set oluşturdum (Resim 2). Bu setin içindeki fırçaların nasıl oluşturulacağını diğer sayılarımızda ayrıntılı bir şekilde inceleyeceğiz. Genel olarak, taslak çizimi yaparken “Variable chalk” (Resim 3) kullanıyorum. Bu fırça; genel hatları kabaca belirlemede bana yardımcı oluyor. Daha sonra detaylandırmak istediğim yerleri “detail airbrush” (Resim 4) ile işliyorum. Memnun kaldığım bir kompozisyon oluşturduktan sonra, boyama işlemine geçiyorum (Resim 5) . (Resim 5) (Resim 3) 2 (Resim 4) Öncelikle, taslağı çizdiğim “layer”ı layers penceresindeki özellikler bölümünden “multiply” durumuna getiriyorum (Resim 6). Bu sayede taslak layer’ının altına rahatça boyama yapabiliyorum. Daha sonra yeni bir layer daha açıp bu layer’ı taslak layer’ının altına alıyorum. İsterseniz siz de üstteki layer’ı “taslak”,alttaki layer’ı “boyama” diye adlandırabilirsiniz (Resim 7). Boyama işlemine, sahnenize gelecek ana ışığın kaynağını belirleyerek başlaya(Resim 6) (Resim 7) bilirsiniz. Ben mekânımdaki ışığın sol üstten gelen güneş ışığı olmasını tercih ediyorum; öğlen saatlerinde havanın en sıcak olduğu anın etkisini yaratmak istiyorum. Bu amaç doğrultusunda renkleri bloklayarak; mağaranın dışını sarı ve turuncu yoğunluklu, içini de mor ve gri ağırlıklı tonlarla boyuyorum. İlk aşamada renkleri çok ayrıntılı değil kabaca boyamak, genel görünümü oluşturmak açısından pratik bir çözüm, ki bana göre illüstrasyonun en zevkli kısmı burası (Resim 8). (Resim 8) (Resim 2) 55 Nisan-Mayıs/06 TUTORIAL DIJITAL PALET 3 Renklerden ve genel görünümden memnun kaldıysanız artık detaylandırmaya geçebilirsiniz. Bunun için taslak layer’ının üzerine yeni bir layer daha açıp, illüstrasyonu bu yeni layerda işlemeye devam edebilirsiniz. Çalışmayı detaylandırırken, yukarıda bahsettiğim gibi kendi ihtiyacınıza göre fırçalar kullanabilir, kendi fırça paletinizi oluşturabilirsiniz. Önceden de belirttiğim gibi, ben Photoshop ve Painter’ı geçişli olarak kullanıyorum. Bu yüzden çalışmamı kaydedip kapatıyorum ve Photosop’ta tekrar açıyorum. Yeni açtığım bir layer’ı, layer paleti özelliklerinden “Overlay” konumuna getiriyorum ve daha çok ışık vurmasını istediğim yerleri açık tonda bir sarı ile boyuyorum. Böylece renklerin parlamasını, yani “glow” efekti kazanmasını sağlıyorum. Aynı etkiyi layer’ı “color dodge” özelliğine getirerek de yakalayabilirsiniz. 4 Şimdi çalışmama biraz doku takviyesi yapacağım. Yeni bir layer açıp özelliklerden “multiply” durumuna getiriyorum. Daha sonra internetten bulduğum veya fotoğrafını çektiğim çeşitli pas dokularını Photoshop’ta açıyorum. Bu dokuları çizi- (Resim 9) mimdeki robotun üstüne ve mağaranın duvarlarına adapte etmeye çalışacağım. Bunun için en uygun araç “Clone stamp tool” dur (Resim 9). Açtığım pas dokularından “alt” tuşuna basarak seçtiğim dokuyu, çizimime dönüp robotumun üzerine uyguluyorum. Daha hoş etkiler yakalamak için, bu işlemi daha yumuşak bir fırçayla yapmayı tercih ediyorum (Resim 10). Bunu yaptıktan sonra iş tamamen çizimi boyayıp ayrıntılandırmaya kalıyor. Sonuçta ulaşacağınız final imajın nasıl bir görünüme sahip olacağı tamamen sizin elinizde; çünkü bu, hem sizin yeteneğinize hem renk bilginize ve tekniğinize bakıyor. Bu yolda ne kadar çok pratik yaparsanız, çalışmalarınızın o kadar çok gelişeceğini siz de zamanla göreceksiniz. 5 Şimdi Painter’a tekrar döneceğim. Bunu yapmadan önce Painter’da daha rahat çalışmak için yaptığım bir şey var. Şu ana kadar oluşturduğum bütün (Resim 11) (Resim 10) Nisan-Mayıs/06 56 (Resim 12) layer’ların kopyalarını çıkarıp onları birleştiriyorum ve en üste alıyorum (Resim 11). Bunu sizin de yapmanız şart değil, direkt yeni bir layer açıp onun üzerine de boyayabilirsiniz. 6 Kendi paletimde bulunan fırçalarla, illüstrasyonumu tamamen ayrıntılandırıp son haline getirmeye çalışıyorum. Ayrıntılardan ve detay yoğunluğundan memnun kaldıktan sonra çalışmamı tekrar Photoshop’a atma zamanı geldi. Artık son rötuşları yapacağım (Resim 12). Çalışmada biraz daha atmosfer yaratmam gerektiğini düşünüyorum. Bunun için mağaranın içine biraz duman ekleyeceğim. Photoshop’ta büyük boyutta “Soft”, yani yumuşak bir fırça seçmem yeterli olacak. Fırçanın “Opacity”, yani şeffaflığını %10 yapıp hafifçe istediğim yerleri boyuyorum. Bundan sonra daha dramatik bir etki için sağ üstten sarı bir “Gradient” vermenin iyi olacağını düşünüyorum. Bunun için de yeni bir layer açıp özel- (Resim 13) liklerden “screen” durumuna getiriyorum. Açık bir sarı seçip “Gradient tool”u (Resim 13), sağ üstten resmin ortasına doğru uyguluyorum. Sonuçta hafif bir güneş ışığı etkisi yakalamış oluyorum. Bu işlemden sonra mağaranın duvarına ve bayrakların üzerine “Vault 13” anlamına gelecek “13” ifadesini ekleyeceğim. Bunun için ayrı bir layer’da bir daire çizip içine uygun bulduğum karakterde 13 rakamını yazıyorum, sonra bu iki layer’ı birleştiriyorum. Bu layer’ı çoğaltıp dört bayrağın üzerine de ufak şekilde yerleştiriyorum. Sonra duvardaki “13” yazısını eski TUTORIAL DIJITAL PALET Corel Painter Bilgi Kaynakları BİLGİ Corel Painter yazılımının resmi Web sitesi. Site içinde örnek çalışmalar, tutorial, önemli kaynaklara ulaşmak için linkler bulunmakta. www.corel.com/painterix/home/index.html (Resim 14) ve yıpranmış bir hale getirmek için “Eraser tool”dan dokulu bir fırça seçip bununla belli yerlerini siliyorum. Böylelikle, çalışmamı sonlandırmaya yaklaştım. Geriye en son renk, doygunluk ve parlaklık ayarlarını yapmak kalıyor (Resim 14). Bunun için “Layer> New Adjustment Layer” sekmesinden “Brightness/Contrast”, “Color Balance”, “Hue Saturation” ayarlarını yapıyorum. Her işlem için Photoshop ayrı bir (Resim 15) layer açıyor. Bu yüzden beğenmezsem daha sonra değiştirebilme imkânım var (Resim 15). İstediğim ayarları yapıp bundan memnun kaldıktan sonra çalışmamı bitirmiş oluyorum (Resim 16). 7 Böylece, bir dijital illüstrasyonu baştan sona nasıl yaptığımı genel bir şekilde anlatmış oldum. Diğer sayılarımızda daha ayrıntıya ineceğim ve işin inceliklerine dair ipuçları vereceğim. Umarım sizin için faydalı bir tutorial olmuştur. Diğer sayılarımızda görüşmek üzere. “Painter” isimli kitabın linki. Kitap içinde alanlarında profesyonel sanatçıların çalışmalarından oluşan galeri bölümü de bulunmakta. Ayrıca kitabın içinde, editörümüz Emrah Elmaslı’nın iki ödüllü çalışması da yer almaktadır. www.ballisticpublishing.com/books/painter/ (Resim 16) 57 Nisan-Mayıs/06 V.S.O.P BERKAY ÜNAL [email protected] TUTORIAL UZUN BEKLEMELER, ÇEŞİT ÇEŞİT PLUGINLER VE WEB’DE VIDEO BİLGİ Yazar Hakkında Yazarımız Web teknolojileri konusunda 1998 yılından bu yana geliştirici ve tasarımcı olarak çalışmaktadır. Şu an yerli ve yabancı kurumlara danışmanlık hizmeti veren ve teknoloji geliştiren bir şirkette yönetici ve geliştirimci olarak çalışmakta ve birkaç uluslararası firmanın geliştirimciliğini yapmaktadır. Aynı zamanda Türkiye’deki ilk Macromedia Eğitmenlerinden biri olarak Web teknolojileri eğitimlerini vermektedir. Nisan-Mayıs/06 58 FLASH 8 VIDEO ve DREAMWEAVER 8 Bu yazımda sizlere Flash Video Encoder ve Dreamweaver 8 kullanarak video dosyalarının Web ortamında kullanıcılara nasıl sunulabileceği konusunda bilgi vermeye çalışacağım. İ nternet bağlantı hızlarında son yıllardaki gelişmeler, kullanıcıları daha eğlenceli ve görsel içerikleri izleyebilir hale getiriyor. Flash 8 Video ile Web’e yeni bir heyecan geliyor. Geçmiş yıllara kadar video Web kullanıcılar için bir sorun olmaktan öteye gidememişti. Ta ki Macromedia Flash MX 2004 ile başlayan video serüveni, Macromedia Flash 8 ile son halini alıp şekilleninceye kadar. Bildiğiz gibi Macromedia FLV platformunu ilk olarak MX 2004 serisinde bizlere tanıtmıştı. Flash MX 2004 serisindeki FLV dosyaları zamanın başarılı Codec’lerinden biri olan Sorenson Squeeze ile sıkıştırılıyordu ve ya- yınlanabilir, kaliteli video dosyalarını Web sitelerimizde kullanıyorduk. Bu teknoloji Flash 8 serisi ile büyük ölçüde değiştirildi. Codec On2 firmasına ait olan VP6 ile, daha kaliteli ve küçük dosya boyutları için değiştirildi ve Flash’a alpha kanal içeren videolara karşı destek eklendi. Alpha kanallı videolar şu an konumuz dışında, ancak daha sonraki yazılarımda bu konu ile ilgili sizlere detaylı bilgiler sunmaya çalışacağım. Bu yazımda ise FLV ( Flash Video) dosyalarının Dreamweaver 8 ile kullanılmasını işleyeceğiz. İlk olarak video dosyamızın FLV formatına dönüştürülmesi gerekiyor. O zaman haydi iş başına... TUTORIAL V.S.O.P. Başlıyoruz... 1. Şıkıştırma oranı/kalitesi: Videolarımızı FLV formatına dönüştürerek işe başlayalım. Bu noktada temelde tercih edebileceğiniz iki yol var. Bunlardan ilki ve size tavsiye ettiğim Flash 8 Professional kurulumu ile makinamıza yüklenen Macromedia Flash 8 Video Encoder yazılımını kullanmak, ikincisi ise benzer işleri yapan Sorenson Squeeze (www.sorensonmedia.com) ya da Riva (www.rivavx.com) benzerindeki 3. party yazılımlar. Bu yazımda bu işlemi Macromedia Flash 8 Video Encoder ile yapacağız. Programı çalıştırdığımızda karşımıza aşağıdaki gibi kullanımı gayet kolay bir arayüz gelecektir (Resim1). Video dosyası FLV formatına dönüştürülürken, kullanılabilecek bazı ayarları buradan seçebiliyoruz. Dikkat edilmesi gereken nokta, Flash 7 için şıkıştırılmış dosyaların Sorenson Squeeze Codec’i ile sıkıştırılacağıdır. Daha küçük ve kalitedeki dosyalar için buradaki seçimde Flash 8 VP6 tabanlı bir sıkıştırma seçmenizi öneririm. 2. FLV dosya adı: Bu alanda video dosyası FLV formatına dönüştürülünce kullanılacak dosya adını belirleyebiliyoruz. Bir giriş yapmazsanız, sonuç dosyanız kaynak dosyanız ile aynı ada sahip olup, FLV uzantısında olacaktır. 3. Başlangıç imleci: Bu imleci kullanarak FLV formatına dönüştürülecek video dosyasının, nereden başlayacağını belirleyebiliyoruz. Eğer oluşturmak istediğiniz FLV dosyası, kaynak video’nun bir parçası ise bu imleci sağa sola oynatarak video’unuzun zamanını belirleyebilirsiniz. 4. Bitiş imleci: Resim 1 Add butonuna tıklayarak bir video dosyası seçiyoruz. Eğer kolayda bir video dosyanız yok ise, Windows XP Professional ile gelen küçük Çinli kardeşimizin parkta coşması konulu video’yu Belgelerim>Videolarım altından seçip kullanabilirsiniz. Video’yu ekledik. Video dosyasını arayüzden seçiyoruz ve sıkıştırma oranını, boyutlarını ve birçok özelliğini değiştirmek için yan tarafta bulunan “Settings” butonuna tıklıyoruz (Resim 2). Aşağıdaki resimdeki alanları inceleyelim. Bir önceki maddedeki gibi ancak bu sefer videonun nerede biteceğini belirliyoruz. Ben kendi projemde bu ayarları aşağıdaki gibi yaptım ve daha detaylı ayarlar yapmak için “Show Advanced Settings” butonuna tıkladım (Resim 3). Encoding Sekmesi 1. Video Codec: FLV dosyamız oluşturulurken kullanılacak sıkıştırma metodunu belirliyebiliriz. Daha iyi neticeler almak için size tavsiyem On2 VP6 seçeneğini seçmeniz olacaktır. Bu alandaki diğer bir seçenek ise “Encode Alpha Channel”dir. Video’umuzda böyle bir özellik olmadığından dolayı bu seçeneği kullanmıyoruz. Resim 2 Resim 3 2. Frame Rate: Oluşturulacak FLV dosyasının Frame Rate’ini beliryebiliriz. Daha akıcı dosyalar elde etmek istiyorsak, bu ayarı “Same as source” olarak bırakmak yararlı olacaktır. Ancak, her ne kadar dosya büyüklüğünde doğrusal bir düşüş olmayacaksa da dosya boyutu bizim için önemli ise Frame Rate’i değiştirebiliriz. 3. Key frame placement: Bu özellik ile FLV dosyamızda kaç karede bir “key frame” konulacağını belirleyebiliriz. Örneğin, video dosyasının Frame Rate’i 25 ve belirlediğimiz “Key frame placement 2” ise her 50 karede bir Key frame” eklenecektir. Bu ayarı “Automatic”de tutmakta yarar var, ancak FLV dosyasının daha hassas aralıklarda ileri geri sarılmasını istiyorsak, bu ayarı düşürmemiz gerekmektedir. Bu da FLV dosyamızın daha büyük olmasına sebebiyet verecektir. 4. Kalite: Macromedia tarafından belirlenen öngörülmüş sıkıştırma oranı seçebiliriz. Eğer farklı bir “Bitrate” belirlemek istiyorsanız “Custom” seçeneğini kullanabilirsiniz. 5. Boyutlandırma: Oluşturulacak FLV dosyasının boyutlarının orijinal dosyadan farklı olmasını istiyorsak gerekli ayarları yapabiliriz. 6. Ses sıkıştırılması: FLV dosyamızdaki seslerin sıkıştırılma oranını belirleyebiliyoruz. Daha küçük bitrate’ler küçük dosyalar demek olacaktır. Dikkat edilmesi gereken nokta videonun içeriğidir. Eğer bilgi içeren, üzerinde konuşma olan bir video dosyası kullanıyorsanız 32 kbps’den daha küçük bir “bitrate” seçmemenizi öneririm (Resim 4). 59 Nisan-Mayıs/06 TUTORIAL V.S.O.P Karşımıza yukarıdaki resimde olduğu gibi bir menü gelecektir. Şimdi buradaki maddeleri teker teker inceleyelim. 1. Video Type: Resim 6 Resim 4 Cue Points Sekmesi “Cue Points” video dosyamız belli bir yere geldiği zaman bir olayın tetiklenmesine yaramaktadır. Bunu biraz daha açıklayalım. 1. Önizleme imleci: Video dosyamıza yerleştirmek istediğimiz “Cue points”lerin yerini belirlediğimiz araç. Yukarıdaki resimde de görebileceğiniz gibi ben 00:00:02.398 zamanını seçtim. 2. Cue Point Listesi: Video dosyasına ekleyeceğimiz, eklediğimiz “Cue Point”leri buradan görebiliriz. Yeni bir “Cue Point” eklemek için önizleme imleci ile eklemek istediğimiz yeri belirleyip (+) butonuna tıklıyoruz. Burada iki farklı tip seçebiliriz. Bunlardan ilki “Event” olan bu noktaya gelindiğinde actionscript ile tetiklenecek bir komut, fonksiyondur. Diğeri ise, “Navigation” olan ve video içerisindeki bazı noktalara daha hızlı gidilmesini sağlamaktadır. Bunu DVD filmlerindeki “chapter”lar gibi düşünebilirsiniz. Benim örneğimde her ne kadar kullanmayacak olsak da, tipi “Event” ve çağırılacak fonksiyonun adını da “resimyukle” olarak belirledim. Resim 5 Nisan-Mayıs/06 3. Parametreler: Seçtiğimiz “cue point” noktalarına actionscript değişkenleri atayabiliriz. Yukarıdaki resimde olduğu gibi ben “resimyukle” noktasına “url” adında ve değeri 1.jpg olan bir değişken gönderiyorum. Crop&Trim Sekmesi FLV dosyası oluşturulurken kaynak dosyamızın sağ, sol, üst ve altından belli oranda kesebilmemize olanak sağlamaktadır (Resim 5). Dönüştürmeye hazırız... Evet, gerekli ayarlarımızı yaptık ve artık FLV dosyamızı oluşturmak için hazırız. Bunu yapmak için artık tek yapmamız gereken “Start queue” butonuna tıklamak:). İşlem sonuçlandıktan sonra kaynak video dosyası ile aynı dizinde bir FLV dosyamız olacaktır. DREAMWEAVER 8 ve FLV Evet artık bir FLV dosyamız var. Şimdi bu dosyamızı bir HTML sayfasının içerisinde, kullanıcılarımıza göstermek için gerekli olan hazırlıkları yapacağız (Resim 6). Dreamweaver 8‘i açıp boş bir HTML sayfası oluşturuyoruz, kayıt ediyoruz ve yukarıdaki resimdeki gibi Common sekmesinin Flash menüsünden Flash Video seçeneğini seçiyoruz (Resim 7). Resim 7 60 “Progressive Download Video” sunucudan videoların direkt olarak download edilip, yüklendikçe gösterilmesini sağlayacak seçenektir. Diğer seçenek olan “Streaming Video” ise Flash Media Server veya Flash Communication Server ‘dan video dosyalarını göstermek için kullanılır. Biz burada “Progressive Download Video” seçeneğini seçiyoruz. 2. URL: Az önce oluşturmuş olduğumuz FLV dosyasını “Browse” butonuna tıklayarak seçiyoruz. 3. Skin: Sayfamızda gösterilecek olan FLV dosyamızın göstericisi için tema seçimini yapabiliriz. Burada ben “Clear Skin 1“ adlı temayı seçiyorum. 4. Detect Size: FLV oynatıcımızın boyutlarının otomatik olarak belirlenmesi için bu butona tıklıyoruz. FLV dosyaları meta içeren dosyalardır. Dreamweaver video dosyamın boyutlarını otomatik olarak algılıyor ve oynatıcı boyutlarını belirliyor. Yukarıdaki ayarları yaptıktan sonra “Ok” butonuna tıklayarak video’umu HTML dokümanımın içine yerleştiriyorum ve sayfamı test etmek için F12 tuşuna basıyorum (Resim 8). Bu yazımda sizlere bir video dosyasının Flash Video Encoder ile FLV haline dönüştürülerek, Dreamweaver yardımı ile bir HTML dokümanı içerisinde kullanılmasını anlatmaya çalıştım. Bir sonraki yazımda görüşmek dileğiyle... Resim 8 “JHEREG” Kerem Beyit Photoshop 7.0 • Wacom Intuos2 Tablet (20 saat) • Kerem Beyit © 2005-2006 http://kerembeyit.gfxartist.com • http://kerembeyit.deviantart.com • E-mail: [email protected] 61 Nisan-Mayıs/06 SOLO BORA ÜNAL [email protected] TUTORIAL MACROMEDIA STUDIO 8 PAKETİ’NİN PARLAYAN YILDIZI BİLGİ Yazar Hakkında Yazarımız dijital dünyanın içinde çok uzun zamandan beri yer almaktadır. Temel olarak kurumlara Web teknolojileri ile ilgili destek ve danışmanlık veren bir firmada yönetici ve geliştirici olarak çalışmaktadır. Aynı zamanda Türkiye’deki ilk Macromedia eğitmenlerinden biri olarak Web teknolojileri eğitimleri vermektedir. Nisan-Mayıs/06 62 MACROMEDIA FIREWORKS 8: DOKU’NUN Resim düzenleme uygulamalarında dokuları kullanmak işlerinize görsel zenginlik katar. Peki kendi oluşturduğunuz dokuları bir eklenti olarak dağıtabileceğinizi söylesem... Aslında dijital dünyada işin sadece bir tarafı ile uğraşmak mümkün değil. Çünkü her şey birbiriyle o kadar iç içe ki. Özellikle ülkemizde yetişmiş kişilerin azlığından dolayı birçok işi kendi kendinize yapmanız gerekiyor. Bu da bizlerin geniş bir alanda bilgili olmasını sağlıyor. Yazılarımın sizlere farklı konularda ışık tutacağını umuyorum... Belki de Macromedia ürünlerinin en önemli özelliklerinden biri geliştirilebilir ve genişletilebilir olmasıdır. Bence özellikle Dreamweaver’ın bu kadar çok kullanılır olmasında önemli etkenlerden biri de bu genişletilebilirlik özelliğidir. Aslında pek çoğumuz bu özelliği genellikle Dreamweaver içinde kullanırız. Fakat genişletilebilirlik ve eklentiler diğer Studio ürünleri için de geçerlidir. Bu yazıda size adım adım bir dokuyu nasıl oluşturacağımızı ve sonrasında da nasıl bir eklentiye dönüştürüp dağıtabileceğimizi anlatmaya çalışacağım. Öncelikle bilmeyenler için doku (texture) ne demek ondan bahsetmek istiyorum. Fireworks içinde dokular, gri tonlu resimlerdir. Vektörel cisimlerin, parlaklık, kontrast gibi değerlerini desenlerine göre etkilerler. Örneğin, çizdiğiniz bir dikdörtgenin, tahta dokusunda görünmesini TUTORIAL SOLO Resim 1 istiyorsanız Fireworks içinden, “Property Insperto”’dan “Wood” dokusunu seçersiniz (Resim 1). Muhtemelen bu listede gördüğünüz dokular genelde işinizi görecektir. Fakat bunların dışında bir şeylere ihtiyacınız varsa, onu kendiniz çizip Fireworks’e eklemelisiniz. Şimdi o menüResim 2 de olmayan bir doku oluşturacağız. Bunu yapmak için Fireworks’ün Tools panelindeki Dikdörtgen aracını seçiyoruz. Burada mermer dokusu yapacağız. (Resim 2). Dikdörtgen aracını seçtikten sonra oluşturduğunuz boş bir kanvas üzerine (100 piksel x 100 piksel bir kanvasda çalışabilirsiniz), tamamını kaplayacak şekilde bir kare çizin (Resim 3). Resim 3 Daha sonra bu dikdörtgeni bir bitmap cisme çevirmek için, seçtikten sonra Modify menüsünden Flatten Selection’a tıklayın. Bu işlemi yaptıktan sonra çizim sırasında vektörel bir cisim olan kare artık bir bitmap resme dönüşmüş olur (Resim 4). Artık bu kareye mermer görüntüsü verebiliriz. Bunu yapmak için kareyi belirledikten sonra Menü’den Filters > Eye Candy 4000 LE > Marble’ı seçin (Resim 5). Resim 4 Resim 5 Eye Candy 4000 LE efektleri, Fireworks ile birlikte gelen ve Eye Candy serisinin birkaç özelliğini taşıyan basit bir versiyonudur. Marble butonuna bastıktan sonra karşınıza gelen pencereden efektle ilgili parametreleri ayarlayarak istediğiniz bir mermer dokusunun oluşmasını sağlayın. İşiniz bittiğinde “Ok” butonuna basarak geri dönün (Resim 6). Artık mermer görünümünde bir kareniz var. Şimdi yapacağımız bu kareyi Fireworks’ün Textures klasörüne kaydetmek ve denemesini yapmak. Karenizi File > Save As yardımıyla Program Files> Macromedia> Fireworks 8> Configuration> Textures klasörü altına tercih ettiğiniz bir isim ile kayıt edin. Bu ismi verirken Türkçe karakter kullanmamanızda yarar var. Yaptığımız dokunun nasıl gözüktüğünü görmek için Fireworks içinde denememiz gerekiyor. Bunu yapabilmek için öncelikle Fİreworks’un bu yeni dokuyu yüklemesi lazım. Bunun için Fireworks’ü kapatıp, açıyoruz. Yeniden açıldıktan sonra boş bir kanvas yaratın. Bu kanvas üzerine bir dikdörtgen çizin ve çizdiğiniz dikdörtgen işaretli iken Property Inspector alanında Texture penceresini açın. Bu pencere içindeki listede kayıt ettiğiniz dokunun ismini görmelisiniz. Dokunuzu bulduğunuzda seçin ve vektörel bir cisme nasıl etki ettiğini görün. (RESIM 7) Buraya kadar bir dokunun nasıl oluşturulacağını gördük. Şimdi ise bu dokuyu bir eklenti olarak nasıl dağıtabileceğimize bir bakalım. Macromedia Extension Manager programı özellikle Studio ürünlerine eklenti yükleme işlemini yönetmek ve yeni eklentileri paketlemek için geliştirilmiştir. Eğer yüklemeniz sırasında bu programı kurmadıysanız sonraki aşamalarda ihtiyacımız olacağından kurmanızı öneririm. Eğer bu program halihazırda kuruluysa devam edebiliriz. Öncelikle bir eklentiyi oluşturabilmek için onun ham dosyası olan MXI dosyasını oluşturmanız gerekmektedir. Macromedia Extension Manager ile birlikte boş bir MXI dosyası da gelmektedir. Extension Manager’ı açmak için Fireworks’de Commands > Manage Extensions menüsünü seçebilirsiniz yada “Başlat” menüsündeki Programlar, alanındaki Macromedia grubunun içinden çalıştırabilirsiniz. Resim 7 Resim 6 63 Nisan-Mayıs/06 TUTORIAL SOLO Resim 8 Boş MXI dosyasını bilgisayarınızda C:\ Program Files\Macromedia\Extension Manager\Samples\Fireworks klasörü altında bulabilirsiniz. Bu dosyanın içeriğini Notepad ya da benzer bir program ile düzenleyebilirsiniz. Başlangıçta bu dosyanın içeriği aşağıdaki gibidir. (RESIM 8) Şimdi bu dosya içindeki alanları dolduracağız. <macromedia-extension name=”Textures System 1” version=”1.0.0” type=”Texture” requires-restart = “false” > Yukarıdaki etiket sizin eklentiniz ile ilgili temel bilgileri içermektedir. Name özelliğine dokunuzun ismini yazabilirsiniz. Burada başka değiştirmeniz gereken bir alan yok. Kod içindeki aşağıdaki satır, bu eklentinin en iyi hangi versiyonlar ile çalıştığını göstermektedir. <product name=”Fireworks” version=”6” primary=”true” /> Burada sadece Fireworks 6 yazması en az Fireworks MX veya üzeri bir versiyonda eklentinin (doğru) çalışacağını göstermektedir. Yazar hakkında bilgi veren aşağıdaki sa- Nisan-Mayıs/06 64 tırı da kendi isminizi barındıracak şekilde düzenleyebilirsiniz. <author name=”SOLO” /> Geriye kalan satırlardan eklentimizin çalışmasını sağlayacak olan aşağıdaki gibidir. <File name=”mermer.png” destination =”$fireworks/configuration/Textures/” /> Bu satırda name alanına oluşturduğunuz dokunun ismini ve destination bölümüne de hedef klasörü yazmalısınız. Tahmin edeceğiniz gibi oluşturduğunuz MXI dosyasını kaydederken PNG dosyasını da yanına koymalısınız. Evet artık son adıma geldik. Yani, MXI dosyasını paketleme adımına. Bunun için yapmamız gereken, “Macromedia Extension Manager”ı açmak ve File > Package Extension’ı seçmek. Bu aşamadan sonra açılan pencerede MXI dosyanızın yerini göstermelisiniz. Paketleme işlemi sonrasında MXP dosyanız oluşturulacaktır. Artık sadece bu MXP dosyanızı taşıyarak mermer dokusunu başka bilgisayarlara aktarabilirsiniz. MXP dosyasını yüklemek için yapmanız gereken tek şey üzerine çift tıklamaktır. Gerisini Extension Manager halledecektir. Nisan-Mayıs/06 “AMBERROAD” Mehmet Gözetlik 66 Photoshop CS2, Illustrator CS2 (3 saat) • http://mehmetgozetlik.com © 2005