Fireworks ile banner ve buton tasarımları eSeminerini izlemek için tıklayın.

Bu hafta Fireworks CS5′te banner ve buton tasarımı nasıl yapılır, yapılan bannerlar nasıl optimize edilerek export edilir bunlardan bahsettik. Seminer sırasında vidobu’nun bannerlarını tasarladık. Bu bannerları aşağıdan görebilir, bilgisayarınıza indirebilir ve hatta sitelerinizde rahatlıkla yayınlayabilirsiniz

İlgili Yazılar:

• eSeminere Davet: Fireworks ile banner ve buton tasarımları
• Adobe CS5 eSeminerleri 11: Web ve Etkileşimli Ekran Tasarımı için Fireworks
• Adobe CS5 eSeminerleri 13: Yeni Başlayanlar için Fireworks

Önceki haftalarda yapılan Fireworks eSeminerlerinden sonra hızla artan talep üzerine Fireworks konusuna daha fazla değinme gereği duyduk ve bu hafta da eSeminer konusunun Fireworks olmasına karar verdik.

Fireworks ile banner ve buton tasarımları konulu 30 dakikalık eSeminerimizde Fireworks’ün temel çizim araçlarını ve optimize yeteneklerini inceleyeceğiz. Seminerimize katılıp canlı olarak soracağınız sorularınızla anlattıklarımıza yön verebilir ve merak ettiklerinizi öğrenebilirsiniz.

Fireworks ile banner ve buton tasarımları başlıklı eSeminerimiz hakkında bilgiler:

• Web, arayüz ve ekran tasarımcılarına yönelik bu seminer Türkçe ve online olarak web tarayıcınızla izlenebilecek,
• 4 Ağustos 2010 Çarşamba günü saat 11:00 – 11:30 arasında gerçekleştirilecek,
• Katılım ücretsiz, kayıt olmanız gerekmiyor. Katılım için eSeminer tarihi ve saatinde aşağıdaki linke tıklamanız yeterli.

Katılım için:
http://my.adobe.acrobat.com/cs5-eseminerleri/

Herhangi bir Connect Pro oturumuna katılmadıysanız bağlantınızı test edin ya da genel bilgi alın.

İlgili Yazılar:

• Adobe CS5 eSeminerleri 14: Fireworks ile banner ve buton tasarımları
• eSeminere Davet: Web ve Etkileşimli Ekran Tasarımı için Fireworks
• eSeminere Davet: Yeni Başlayanlar için Fireworks

8 Temmuz tarihinde yapılan ve internetten tamamı canlı yayınlanan etkinliği kaçıranlara özel eğitim seti. Tamamı ücretsiz olarak seyredilebilen bu eğitim setinden mutlaka faydalanın.

Eğitim setinden örnek bir videoyu aşağıda bulabilirsiniz.

Eğitim setini görmek için tıklayın.

İlgili Yazılar:

• Canlı Yayın: Dreamweaver ve WordPress ile dinamik siteler tasarlamak
• Canlı Yayına Davet: Dreamweaver ve WordPress ile dinamik siteler tasarlamak
• Adobe Contribute ve WordPress – Yeni Bağlantı Oluşturmak

Adobe Flash CS5 ile ilk ciddi projemi yaparken birşey ile karşılaştım. Normalde Flash projelerde yaptığımız preloader işlemi ben henüz yapmadan kendiliğinden oluşmaya başladı. Ancak ben zaten kendim bir preloader hazırladığım için buna gerek duymadım ve nasıl kaldıracağım konusunda baya vakit harcamam gerekti.

Olayın nasıl yapılabileceği yada kaldırılabileceğini kısaca anlatayım:

Bildiğiniz gibi Flash programının text motoru CS5 versiyonu ile birlikte tamamen yenilendi. TLF Text formatı yeni gelen bu motoru kullanmakta. Classic Text ise önceki versiyonlarda yer alan text motorunu kullanmaya devam ediyor.

Eğer hazırladığınız proje de yani fla dosyasının içerisinde herhangi bir yerde bir TLF Text kullandıysanız bu preloader otomatik olarak projenize ekleniyor. Bunu kullanmak isterseniz TLF Text kullanmanız yeterli. Kaldırmak için ise TLF Text kullanmamanız gerekiyor

İlgili Yazılar:

• Flash ve SEO (Arama Motoru Optimizasyonu)
• Flash CS4 | Animasyon Teknikleri – 2
• Flash CS4 | Çizim Teknikleri – 3

Flash Catalyst CS5 ile İnteraktif Web Sitesi Oluşturmak eSeminerini izlemek için tıklayın.

Adobe CS5 eSeminerler dizisinin altıncısı Flash Catalyst CS5 ile İnteraktif Web Sitesi Oluşturmak konusunu ele aldık. Tasarımcıların Illustrator ortamında hazırladıkları tasarımı Flash Catalyst ile açarak interaktif hale getirilmesi aşamalarını bu seminer ile öğrenebilirsiniz. Hiçbir kod yazmadan interaktif flash uygulaması yapmanın tadını çıkartın!..

İlgili Yazılar:

• eSeminere Davet: Flash Catalyst CS5 ile İnteraktif Web Sitesi Oluşturmak
• [CS5] Flash Catalyst CS5 – Karmaşık Bileşenler Oluşturmak: Scroll Panel
• Acrobat eSeminerleri 2: Acrobat ve Flash ile İnteraktif Belgeler

Adobe’nin CS5 versiyonu ile birlikte Creative Suite ailesine kattığı yepyeni programı Flash Catalyst, tasarımcıların oluşturdukları grafikleri hiçbir kod bilgisi gerekmeden web ortamı için interaktif hale getirmelerini sağlıyor. Bu seminerimizde Illustrator ortamında hazırlanan çalışmanın nasıl interaktif hale getirebileceğinden bahsedeceğiz.

Flash Catalyst CS5 ile İnteraktif Web Sitesi Oluşturmak başlıklı eSeminerimiz hakkında bilgiler:

• Web tasarım ile ilgilenen herkese yönelik bu seminer Türkçe ve online olarak web tarayıcınızla izlenebilecek,
• 2 Haziran 2010 Çarşamba günü saat 11:00 – 11:30 arasında gerçekleştirilecek,
• Katılım ücretsiz, kayıt olmanız gerekmiyor. Katılım için eSeminer tarihi ve saatinde aşağıdaki linke tıklamanız yeterli.

Katılım için:
http://connect.medyasoft.com.tr/cs5-eseminerleri

Herhangi bir Connect Pro oturumuna katılmadıysanız bağlantınızı test edin ya da genel bilgi alın.

İlgili Yazılar:

• Adobe CS5 eSeminerleri 6: Flash Catalyst CS5 ile İnteraktif Web Sitesi Oluşturmak
• eSeminere Davet: Acrobat ve Flash ile İnteraktif Belgeler
• eSeminere Davet: InDesign CS5 ile İnteraktif Belgeler

Flash CS5 versiyonu ile birlikte yazılımcılar için Actions panelinde çok güzel geliştirmeler yapılmış durumda. Artık kod tamamlama özellikleri çok daha başarılı ve kod yazarken bize yardımcı olan panelde eklediğimiz komutlarla ilgili çok daha fazla bilgi yer almaktadır. Ayrıca kodlarda properties, event gibi ayrımlarında yapılıyor olması bir diğer güzel özellik diyebiliriz.

Sadece yazılımcılar için değil aynı zamanda tasarımcılar için de ActionScript kodlama da birçok kolaylık getirilmiş durumda. Yeni eklenen code Snippets paneli ile birlikte hiçbir kod bilgisi olmayan tasarımcılarda birçok hazır kod parçacığını çalışmasına sadece tıklayarak ekleyebiliyor.

İlgili Yazılar:

• Flash CS4′te dosyayı kaydedince ActionScript kodların çalışmaması!
• Adobe Illustrator CS5 – Gelişmiş Çizgi Özellikleri (Beautiful Stroke)
• Flash CS4 kullanıcıları için After Effects CS4

Adobe’nin bir süre önce aktif hale getirdiği hizmeti BrowserLab (http://browserlab.adobe.com/) CS5 versiyonu ile birlikte Dreamweaver’a entegre edilmiş durumda. Artık yaptığınız web sitelerini BrowserLab ile tüm tarayıcılar hatta tüm işletim sistemlerinde test edebilirsiniz.

İlgili Yazılar:

• Adobe Browserlab geldi
• Adobe Illustrator CS4 – Live Trace ve Live Paint Kullanımı İpuçları
• Adobe CS5 eSeminerleri 8: Dreamweaver HTML5 Paketi Özellikleri

InDesign ile çalışırken ilk yapılan işlemler yazı veya görsel koyacağımız alanaları belirlemektir. InDesign CS5 versiyonu ile birlikte canlı dizilim modu sayesinde gridlerin çok hızlı ve düzgün bir şekilde oluşturulmasını sağlamaktadır.

Bu video da canlı dizilimin nasıl gerçekleştirildiğine dair tüm detayları bulabilirsiniz.

İlgili Yazılar:

• InDesign CS5 – Canlı Resim Yazıları (Live Caption) ve Metadata
• Adobe InDesign ile ePub Tasarlamak – Bölüm 1
• Adobe InDesign CS4 Tablo Hazırlamak 1 (Giriş)

Photoshop ile çalışırken hemen hemen her işlemin başında seçim yapmak gelir. Bu yüzden Photoshop’un her yeni versiyonda seçimle ilgili geliştirmeler yapılmaktadır. Photoshop CS5 ile birlikte ise en iyi ve en detaylı seçimleri yapmak artık oldukça kolaylaştı.

Photoshop’un Refine Edge komutu ile artık modellerin saçlarını arka plandan ayırabilir, çok ince ve detaylı seçimleri çok kolay bir şekilde yapabilirsiniz. Aslında Refine Edge komutu önceki versiyonlarda da Photoshop’ta vardı. Ancak yeni gelen Edge Detection seçenekleri ile detaylı seçimleri yapabilirsiniz.

İlgili Yazılar:

• Blueprint ile daha kolay geliştirim
• [CS5] Flash Catalyst CS5 – Karmaşık Bileşenler Oluşturmak: Scroll Panel
• Photoshop CS5 – Tasarımcılar için neler yeni?

Photoshop ile çektiğimiz fotoğraflarda belki de en sık yaptığımız işlemdir: netlik kazandırmak yani keskinleştirmek.

Keskinleştirme işlemini Photoshop’ta yapabileceğimiz birçok yöntem bulunmakta. Bunlardan birisi de Sharpen Tool‘dur. Photoshop CS5 versiyonunda keskinleştirme işleminin çok önemli bir işlem olduğunu bildiği için bu araç üzerinde baya çalışmış ve bizim için çok başarılı bir sonuca ulaştırmış.

Artık Sharpen Tool ile keskinleştirme işlemi yaparken korkusuzca çalışabilir ve detayları çok kolay bir biçimde ortaya çıkartabiliriz.

İlgili Yazılar:

• [CS5] Photoshop CS5 – Karmaşık seçimler daha kolay
• iPhone için Photoshop.com Mobile
• Photoshop Express artık Photoshop.com oldu

Adobe’nin yepyeni programı olan Flash Catalyst harika özellikleri ile tasarımcıları cezbediyor. Illustrator ortamında hazırlanan bir scroll alanının direk olarak Flash Catalyst ile açılarak interaktif hale getirilmesi son derece kolay. Sadece scroll değil bir çok bileşeni artık özgürce Illustrator, Photoshop yada Fireworks ile tasarlayıp hiç kod yazmadan interaktif hale getirebilirsiniz.

İlgili Yazılar:

• Adobe CS5 eSeminerleri 6: Flash Catalyst CS5 ile İnteraktif Web Sitesi Oluşturmak
• eSeminere Davet: Flash Catalyst CS5 ile İnteraktif Web Sitesi Oluşturmak
• [CS5] Photoshop CS5 – Karmaşık seçimler daha kolay

Illustrator CS4 ile birlikte çok sayfalı tasarımları Illustrator ortamında yapmaya başlamıştık. Yeni gelen Illustrator CS5 versiyonu ile birlikte bir önceki versiyonda eklenen çoklu çalışma yüzeyleri daha da geliştirilmiş durumda. Artık sayfalar arasındaki sıralamayı kolaylıkla değiştirebilir, sayfaları isimlendirebilir, istediğiniz sayfaları dışarıya aktarabilir veya yazdırabilirsiniz…

İlgili Yazılar:

• Adobe Illustrator CS5 – Gelişmiş Çizgi Özellikleri (Beautiful Stroke)
• Adobe InDesign CS4, Word ve Excel Belgeleri ile Çalışma Yöntemleri
• CS5 İnanılmaz Yeni Özellikler-03 (Illustrator CS5 InDesign Dosyalarını Açar)

Adobe Illustrator CS5
Web ve mobil aygıtlar için düzgün grafikler
Pikselleri hizalanmış resimler sunmak için dosyanın piksel ızgarasında vektör nesneleri oluşturun. Piksel Izgarasına Hizala’yı seçerek ve tek tek metin çerçeveleri için metin kenar yumuşatma seçeneklerini kullanarak temiz, keskin raster grafikler oluşturun.

İlgili Yazılar:

• Reklam Ajansı ve Matbaa Çalışanları için Illustrator CS5 Semineri
• [CS5] Illustrator CS5 – Çoklu Çalışma Yüzeyi Geliştirmeleri
• Illustrator ile hazırlanmış iPhone arabirimi grafikleri

Web sitelerinde en sık gördüğümüz lightbox uygulamalarının nasıl yapıldığını bu video da bulabilirsiniz.

İlgili Yazılar:

• Acrobat eSeminerleri 4: PDF Fotoğraf Galerisi
• eSeminere Davet: PDF Fotoğraf Galerisi
• Flash CS4 | Animasyon Teknikleri – 2

Flash ile ilgili web tasarımcıları desteklemek ve flash’a teşvik amaçlı bu sene 3. sü düzenlenecek olan Ödüllü Flash Web Tasarım Yarışması olan Flash Ödülleri Başladı.

İlki Adobe ‘un Türkiyedeki Resmi Kullanıcı Grubu olan FlashArsivi tarafından 2008 yılında düzenlenen, 2.si de 2009 yılında bol ödül ve bol katılımla gerçekleşen yarışma 2010’da da büyük ilgi bekliyor.

Yarışma sonunda ilk 10 tasarıma olmak üzere oldukça ödül dağıtacak olan yarışmaya başvurular başladı.

Katılmak için ise sitenin katılımcı tarafından Adobe Flash ile tasarlanmış olması yeterli.

Sponsorlar arasında Adobe başta olmak üzere Creasist Bilişim Sistemleri gibi büyük kuruluşların da yer aldığı yarışma aynı zamanda sponsor arayışlarına da devam etmektedir.

Katılmak isteyen veya detaylı bilgi almak isteyenler için yarışma sitesi ; http://www.flashodulleri.com

Katılımın tamamen ücretsiz olacağı yarışmada ödüller şöyle (Başvuru tarihine kadar ödüllerin artacağı ön görülüyor);
http://www.flashodulleri.com/oduller.html

Önemli Not: Son başvuru tarihine kadar(1 Mayıs 2010) Ödüller artabilir, azalabilir veya sıralamadaki yerleri değişebilir.

İlgili Yazılar:

• Creative Suite Developer Summit 2010
• Photoshop CS4 lisansı kazanmak için “404 sayfası” tasarlayın
• Acrobat eSeminerleri 3: Acrobat, Photoshop ve Flash

Web 2.0 ile birlikte gelişen tasarımlarda en çok göze çarpan uygulamalardan biri de hareketli arkaplanlardır. Flash ile hazırladığınız animasyonu nasıl HTML sayfalarında backgroun olarak kullanabilirsiniz.

İlgili Yazılar:

• Flash ve SEO (Arama Motoru Optimizasyonu)
• Flash CS4 | Animasyon Teknikleri – 2
• Flash CS5: Proje yüklenirken kendiliğinden çıkan preloader

Uzun zamandır beklenen Tablosuz Tasarım 2 videosu sizlerle… OnlineVideoEğitim.com sitesi için çektiğim Tablosuz Tasarım eğitim setinin bir parçası olan bu videoyu sizlerle paylaşıyorum.

Tablo kullanmadan web sitesi tasarlamak web standartlarına uyumluluk anlamına gelmektedir. Sizde tablosuz tasarım yapmaya başlayın!

Bu video da yer alan konular…

- Yan yana DIV eklemek
- DIV eklerken dikkat edilmesi gerekenler
- Float ve Clear özelliklerinin kullanılması

İlgili Yazılar:

• Dreamweaver CS4 | Tablosuz Tasarım
• Dreamweaver CS4 | Harici CSS Dosyası Yaratmak
• Dreamweaver CS4 | CSS Türlerini Anlamak

Uzun zamandır üzerinde çalıştığımız video eğitim sitesi: OnlineVideoEğitim ( kod adı OVE ) sonunda yayın hayatına başladı. Sektörde konusunda uzman eğitmenler tarafından birçok programın detaylı video anlatımlarının yer alacağı site, çok yakında en geniş Türkçe kaynak olacaktır.

http://www.onlinevideoegitim.com

İlgili Yazılar:

• Beklenen Kitap: Adobe InDesign CS4 Yetkili Eğitim Kılavuzu Çıktı
• Davet: 2010′un İlk ADOBE PUBLISHING EXPERT Eğitim ve Sınavı -İstanbul
• Medyasoft – Photoshop CS4 Kampanyası

Yaptığınız sitede basit bir üyelik sistemi yapmak istiyorsunuz ama kod yazmayı bilmiyor musunuz? İşte bu video serisi tam size göre hiç kod bilgisi olmadan, hiç kod yazmanıza gerek kalmadan programlama yapabilirsiniz.

• Üye girişi (Log In) yapmak
• Üye çıkışı (Log Out) yapmak
• Üye girişi yapılmadan sayfalara ulaşımı engellemek

İlgili Yazılar:

• Kod Yazmadan Programlama | Database İşlemleri-1
• Kod Yazmadan Programlama | Database İşlemleri-2
• Dreamweaver CS4 | Kütüphane Kullanımı