editörden... editörden... Merhabalar,

Transkript

1

2 Yıl: 2 Sayı: 12 Mart 2010 Ücretsiz Editörler / Editors Abdullah Tekin, Siraceddin El Kapak Görseli / Cover Visual Coşkun Pınarbaşı Tasarım / Design Siraceddin El Yazarlar / Authors Abdullah Tekin, Arda Kazancı, Beyhan Bayhan, H. Sezer Uludağ, İlknur Akpınar, Kemal S. Yıldırım, Mehmet Akça, Oğuzhan Abalı, Okan Cerit, Siraceddin El, Şahap Kurtaran, Tunç Y. Olcay, Uğur Yapal, Ürfet Demirtaş Çalışmalar / Works Abdullah Tekin, Ahmet Apaydın, Bahadır Sungur, Beyhan Bayhan, Ersan Tekin, Gözde Çep, Harun Özdemir, Jon Stigner, Necati Tekin, Orçun Şanlı, Turhan Algan, Vejdi Subari Sponsorlar / Sponsors Hosting: Garanti Server Online Dergi: Diji Mecmua Sanalkurs Dergisi, Sanalkurs.net sitesinin yayın organıdır. Hiçbir yazı ve çalışma Sanalkurs.net ve ilgili yazarından izin alınmaksızın kullanılamaz. Yazılar yazarlarına aittir ve içeriklerinden yazarları sorumludur. editörden... Merhabalar, editörden... Her geçen gün daha fazla kişiye ulaşma gayretiyle son sürat çalışmalarını sürdüren Sanalkurs.net, üyelerinin karşısına ilerleyen dönemlerde farklı sürprizlerle çıkmayı planlıyor. Sizlerin de katkılarıyla ders sayısı her geçen gün sürekli artan ve gerek video derslerle, gerek yazılı derslerle her gün binlerce kişiye ulaşan Sanalkurs, başarılarını daha da yükseklere taşımak için seferber olmuş durumda. Üyelerinin kendi not defterleri gibi öğrendikleri her yeni bilgiyi diğer insanlarla paylaştıkları benzersiz bir ortam olan Sanalkurs.net e sizleri de bekliyoruz.

3 22 TUNÇ Y. OLCAY PHOTOSHOP HD Görünümlü Logo Photoshop ile hayata geçirebileceğimiz bu tür logo / tema görünüm zenginleştirmelerini; çeşitli oyun editlemelerinde, web tasarımlarınızda ya da yapacağınız grafik çalışmalarında kullanıp görselliğe önemli katkılarda bulunabilirsiniz. Merhaballar Sanalkurs okuyucuları, Bugünkü dersimizde Photoshop programı ile herhangi bir logoyu nasıl HD görünümüne büründüreceğimizi öğreneceğiz. Bu derste.eps formatını açarken yapabileceğimiz ayarlar, Load/Save Selection komutları gibi teknik konulara da özellikle değinilecektir. Derse pratik başlamak adına kullanabileceğiniz.eps formatlı bir logoşu adresten temin edebilirsiniz: Bu dosyayı indirdikten sonra Photoshop ta Open komutunu verip,

4 23.EPS uzantılı bu indirdiğiniz dosyayı seçelim (Bursaspor logosu kullanacağım).eps formatını açmak için seçtiğimizde böyle bir diyalog kutusu belirecek, aşağıdaki ayarları yapalım. Resolution 300 dpi olsun (İşaret-1) ve Mode RGB olsun. Bu tür.eps uzantılı dosyalar genelde CMYK olarak karşımıza gelir ama biz effectleri verebilmek için bunları baştan RGB formatına çevirmeliyiz. (İşaret-2) sürümüdür. (Image menüsü altında Image Size dan ayarları yapabilirsiniz.) Magic Wand ile tıklayıp işaret alanı oluşturduktan sonra sırasıyla; Selection Menüsü, Modify ve Feather komutunu verelim, değer olarak 1 girsek yeterli. (bir önceki dersimde [dalgalanan bayrak etkisi] Feather dan bahsetmiştim.) Logomuz verdiğimiz değerlere göre açıldı. Hemen Magic Wand aracını seçelim (İşaret-1) ve logo dışındaki beyaz bir alana tek tıklayıp tüm beyaz alanın seçili hale gelmesini sağlayalım. (İşaret-2).EPS formatlı dosyalar genelde beyaz bir zeminle gelir. Buradaki amacımız bu arkaplandaki beyaz zeminden kurtulmak. Not: Image boyutumuz bu ders için 800 x 800 pixel olmalıdır. Derste kullanılan program Photoshop CS4 Edit menüsü altından Clear komutunu verip beyaz alanları temizleyelim.

5 24 aracını seçip (İşaret-1), çalışma alanımızın yaklaşık yarısına kadar bir kare işareti oluşturalım, (İşaret-2), Select Menüsü nden (İşaret-3) Transform Selection komutu verelim. (İşaret-4) Transform Selection modunda iken sağ üstte Warp Mode düğmesine basıp (İşaret-1) aktif hale getirelim. Select menüsü altından Deselect komutunu verelim, Aşağıdaki resimdeki gibi araç kutusundan Rectangular Marquee kare İşaret-2 de göreceğiniz üzere ızgara şeklinde bir görünüm ortaya çıktı. Şimdi İşaret-3 teki küçük kulakçıklardan tutup aşağı doğru çekerek Selection alanımıza küçük deformasyonlar uyguluyoruz.

6 25 Her iki kulakçıktan tutup düz olarak orta ızgara hizasına kadar çekiyoruz. (İşaret-1) Sağ üstteki Check ikonlu butona basıp (İşaret-2) transformumuzu onaylıyoruz. üstteki Source bölümü altındaki Channel in Layer 1 Transparency de olduğundan emin olup, (İşaret-1) Operation bölümünden Intersect with Selection kutucuğunu işaretliyoruz. (İşaret-2) Select Menüsü nden Load Selection komutunu verip, gelen Load Selection diyalog kutucuğunda önce Oluşan işaret alanımızı kaydedersek daha iyi olur ve de profesyonelce çalışmanın ilk kurallarını benimsemiş oluruz. Bunun için yine Select Menüsü altından Save Selection komutunu veriyoruz. Açılan diyalog kutusundaki Name bölümüne kafanıza göre bir ad verin. Ben ALT adını verdim. (Kaydettiğimiz selectionları geri çağırırken kolayca bulabileceğimiz mantıklı adlar ver-

7 26 mek yerinde olur.) Üst rengi siyah yapalım, (İşaret-1), Paint Bucket aracını aktif edelim (İşaret-2) ve işaret alanı içine tek tıklayalım. (İşaret-3) Şimdi bu ortaya çıkan alanı siyah renk ile dolduracağız. Ama öncelikle Layer penceresinden yeni bir layer yaratalım. Adı Layer 2 olacak. Diğer işaret alanını oluşturmak için sırasıyla; Select Menüsü altından Inverse komutunu verelim, Ardından yine aynı menü altında Load Selection komutunu vereceğiz.

8 27 Bu komutu vermeden önce Layer Penceresi nde Layer 1 in aktif olduğundan emin olunuz, Transparency alanını kullanacağımız Layer, Layer 1 olacak. Yoksa Channel bölümünde Layer 1 i göremezsiniz. Aşağıdaki fotoğrafı dikkatlice incelemenizi öneririm. İşaret-3 de Layer Penceresi nde Layer 1 aktif görünüyor, Load Selection diyalog kutusunda Channel alanına bakarsanız orada otomatikman Layer 1 Transparency nin seçilmiş olduğunu göreceksiniz. (İşaret-1) Vereceğimiz son komut ise yine Intersect with Selection (İşaret-2) Bu seçim alanını da Save Selection komutu ile kaydedelim. Ben UST adını uygun görüp öyle kaydettim. Araç kutusundan yine Paint Bucket aracını seçelim, Layer Penceresi nde Layer 3 ü yaratıp, en üste taşıyalım (İşaret-1) ve seçim alanını yine siyah renge boyayalım. (İşaret-2) Evet, Layer 3 aktif iken Layer Penceresi altındaki Layer Effects ikonuna tıklayalım, orada Gradient Overlay... i işaretleyelim.

9 28 İşaret-1,2,3 ve 4 ün değerlerini dikkatlice inceleyip bu şekilde bir Effect uygulayın. Layer Penceresi nde Layer 1 i aktif edelim, Layer Penceresi nden Opacity ayarını %40 a çekin ve enter tuşuna basın. Select menüsünden > Deselect komutunu verin, Şimdi Layer 2 yi aktif hale getirip onun Opacity ayarını da %20 ye çekin. Image menüsü altında sırasıyla; Adjustment, Brightness Contrast komutunu verelim. (Bunu yapmamızdaki amaç Layer 1 e effect uyguladıktan sonra oluşabilecek bazı koyu bölgelerdeki koyuluğu az da olsa altere edebilmek.) Yaklaşık olarak şu değerleri verebilirsiniz, Şimdi Layer 1 e sırasıyla şu Layer Effectlerini uygulayın, (Layer Effect ile ilgili sorun yaşıyorsanız bir önceki ders-

10 29 teki Layer Effect bölümlerini dikkatlice inceleyebilirsiniz.) Bevel&Emboss altında Inner Bevel ; Shift tuşuna basılı tutup Layer 3 üzerine bir kez tıklıyoruz. Şimdi tüm katmanlar seçili duruma geldi. Drop Shadow; Outer Glow; Edit Menüsü altındaki Free Transform komutunu verelim (Kısayol Ctrl+T) Tüm bu effectleri uyguladıktan sonra gölgelerin dışarı taşıp kesik görüntü yaratmasını önlemek için tüm Layerları seçili hale getirip bir küçültme transformu uygulayacağız. Bunun için öncelikle bu 3 katmanımızın (Layer) seçili hale gelmesi gerek. Önceki dersi hatırlıyoruz değil mi? Yine de hatırlatmış olayım. Layer 1 seçili iken

11 30 Köşelerden tutup bastırırken Alt ve Shift tuşlarını basılı tutuyoruz, neden? Çünkü bu tuşlar basılı haldeyken transform yaparsak her yönden eşit transforma sokmuş oluruz. Evet, gölgelerin tüm Canvas alanına sığmış yani taşmamış olduğuna emin olana kadar transformu sürdürün. Şu an Sanalkurs.net te yer alan, Fireworks başlığı altına yazdığım Png-8 Alpha Channel konulu dersi dilerseniz okuyup, bu yaptığınız çalışmaları web ve oyun editleme ortamlarına kalite kaybı olmadan nasıl aktarabileceğinizi öğrenebilirsiniz. nizde 349 mb yer kaplayacaktır!) İndirme Linki: skydrive.live.com/browse.aspx/ DERSLER/KARIYER (En alttan dördüncü, HOW to CREATE HD LOGO for PES or FIFA.rar adlı dosya) Online Olarak da İzleyin: Yine bu dersi bilgisayarınıza indirmeden online olarak izlkemeniz mümkün. Youtube [HD]: watch?v=0h33yctwnqe Kaynak Dosyalar: Bu çalışmanın kaynak dosyalarını ise yine şu adresten temin edebilirsiniz: skydrive.live.com/self.aspx/all- LOGO-ARCHIVE/00-KARISIK/ FUTBOL%5E_TAKIM/TEAM%5E_ LOGO%5E_psd.rar Bir sonraki derste görüşmek üzere. Tüm okurlara sevgiler ve saygılar... Notlar: Bu dersi video olarak da indirip görüntülü olarak izleyebilir ve tatbik edebilirsiniz. Video= 4.02 MB sıkıştırılmış avi dosyası. (Dikkat! Açıldıktan sonra PC Bu derste yer alan görüntüler net olarak görünmemiş olabilir. Özellikle rakamsal ayarlarda daha büyük görüntüde incelemek isteyebilirsiniz. Bunun için bu dersi Sanalkurs. net üzerinde de aşağıdaki linkten de Photoshop kısmında bulabilirsiniz: