Adobe Bridge incelemesinin devamı;

- Çıkış İşlemleri (OUTPUT),
- PDF Sunumu hazırlama (PDF Presentation , Contact Sheet) ,
- Web Foto Galeri (Web Photo Gallery) .

İnternet üzerinde türkçe derli toplu şekilde içerik olmayışını düşünerek başlattığımız proje sonunda hayata geçti.Online Video Eğitim kısa adı OVE olarak.Çok kısa sürede alanın enfazla içeriğe sahip ve en gelişmiş sistem olacaktır.

Hayırlı olsun.

Tabuu tekstil için tanıtım filmi çalışması.

Kullanılan programlar;
- Adobe Illustrator CS4,
- Adobe Photoshop CS4,
- Adobe After Effects CS4.

Görünüm (Appearance) paneli ve Grafik Stil (Graphic Styles) paneli mevcut özellikleri ile kullanım kolaylığı sağlarken, Illustrator CS4 sürümü ile öğelerin özelliklerine müdahale çok daha kolaylaştırıldı.

Görünüm (Appearance) Paneli

Görünüm paneli yeni özellikleri ile Freehand kullanıcılarının alışkın olduğu Properties paneline çok yaklaştırılmıştır.Böylece mevcut Freehand’ten Illustrator’a geçiş sıkıntılarını biraz olsun azaltacaktır.

Illustrator CS4 programında çizilen bir objenin tüm detayları ve özellikleri Görünüm paneli kullanarak görülebilir ve müdahale edilebilir.Örnek olarak basit bir obje çizerek özelliklerini sırasıyla inceleyelim.

Obje seçili durumdayken öğeleri görülebilir.Örnegin Resim 2’ deki objenin bir Path olduğunu, çizgisinin (Stroke) Siyah renkte ve kalınlığının 6 pt olduğunu görülmektedir.Dolgu “Fill” ve Transparanlık “Opacity” özellikleri sıralanmıştır.

Illustrator CS4 ile birlikte gelen sol kolon üzerindeki göz simgeleri kullanılarak, öğelerin görünümleri geçici olarak gösterilip gizlenebilir.

Çizgilerin renk ve çizgi kalınlık gibi özellikleri direkt görünüm paneli kullanılarak değiştirilebilir. Görünüm panelindeki renk kutucuğuna  tıklanıldığında  direkt “Swatch” paneli açılacaktır.

Renk kutucuğuna “Shift” tuşu ile birlikte tıklandığında “Swatch” paneli yerine “Color” paneline bağlanacaktır.

“Stroke” yazısının üzerine tıklandığında Stroke Paneli açılır. Buradan direkt seçili çizgi öğesinin özelliklerine müdahale edilebilir.

Çizgi kalınlığıda Illustrator CS4 ile birlikte görünüm panelinden değiştirilebilir.

Görüldüğü gibi seçerek boyut değiştirebilineceği gibi değer kutucuğuna rakam girilerekte değer belirlenebilir.

Görünüm panelinde sıralama çok önemlidir. Sıralama yukarıdan aşağıya doğru sıralanır. En üstteki nesne ekranda en önce görünendir.

Görüldüğü gibi objede 10 pt değerinde siyah ve inside olarak ayarlanmış bir çizgi bulunmaktadır. Fakat ekranda gözükmemektedir bunun sebebi dolgunun sıralamada üste olmasıdır.Çizgi dolgunun altında kalmıştır.

Görünüm paneli kullanarak tek bir objeye birden çok dolgu ve çizgi eklenebilir. Görünüm panel menüsünden veya panelin sol alt köşesinden çizgi ve dolgu eklenebilir.

Görüldüğü gibi tek bir objeye birden çok çizgi eklenebilir. Resim deki objede farklı renkte ve kalınlıkta üç farklı çizgi bulunmaktadır.

Birden fazlada dolguda eklenebilmektedir.

Resimde görüldüğü gibi üst üste üç adet dolgu bulunmaktadır. Görünüm olarak sadece en üste ki dolgu görünmektedir.

Görünüm paneli kullanılarak objelerin dolgu ve çizgilerine ayrı ayrı efekt verilebilir. Resimde ki örnekte altta kalan dolgular görülmemektedir.Herhangi bir dolgu seçili hale getirilerek efekt uygulanabilir.Uygulanan efektle dolgunun görünmesi sağlanabilir.Illustrator CS4 sürümü ile birlikte Effect menüsü Görünüm paneline de eklenmiştir ”fx”.

Pattern verilmiş dolguyu seçili hale getirip Effect > Distort & Transform > Transform efektti uygulanmıştır. Pattern dolguya % 150 yatayda genişletme(Horizontal Scale) verilmiştir.

Resimde dolgu paneline bakıldığında verilmiş olan Transform özelliğini görülebilir. Görülen Transform özelliğine çift tıklanıldığında açılan Transform penceresinden özellikleri değiştirilebilir.

Görünüm paneli kullanılarak çizgi ve dolgulara ayrı ayrı transparanlık değeri verilebilir.

Resim  incelendiğinde en üst sırada bulunan gradient verilmiş dolguya transparanlık verilmiştir. En alt sırada bulunan mavi renkli dolguya Transform efekti verilmiştir. Eklenen özellikler sol kolondaki göz ikonları açılıp kapatılarak, efektler eklenip çıkarılabilir.

İlk bakıldığında birkaç obje kullanılmış gibi olsada bu çalışma sadece tekbir objeden oluşmaktadır. Windows için (CTRL + Y) Mac için (Command + Y) komutuyla Outline önizlemeye alarak obje görülebilir.

Görünüm panelinden extra dolgu ve çizgi eklemeyi sadece şekillere değil gruplanmış objelere veya textlerede eklenebilir.

Resimde gruplanmış bir obje görülmektedir. Bu gruplu objeye dolgu ve çizgi eklendiğinde yine görünüm panelinden görülüp müdahale edilebilir.

Resime bakıldığında gruplanmış objeye dolgu ve çizgi eklenmiştir.Dolgu üste alınmıştır.Grubu oluşturan objeler olduğu gibi korunmaktadır.Böyle bir çalışmada gruplu objelerin tüm avantajları kullanılabilir.Grubu oluşturan objeler istenilen şekilde hareket ettirilebilinir.

Text’lerede text özellikleri bozulmadan çizgiler ve dolgular eklenebilir.

Resim incelendiğinde text özellikleri bozulmadan text’te farklı renk ve boyutlarda çizgi eklenmiştir. İki farklı renkte dolgu eklenmiştir. Dolgulardan en alt zeminde yer alana transform efektti uygulanmıştır. Böylece drop shadow gibi bir etki verilmiştir.

Görünüm panelini kullanarak tek bir obje üzerine bir çok efekt verilebilir. Sadece elips aracı kullanılarak çizilen obje görünüm paneli kullanılarak hazırlanmıştır.

Görünüm panelinin diğer özellikleri incelenecek olursa;

Clear Appearance : Bu özellik görününün tüm niteliklerini kaldırır.Dolgu ve  çizgiyi tamamen kaldırır.
Duplicate Selected Item : Seçili öğeyi kopyalar.
Delete Selected Item : Seçili öğeyi  siler.

Görünüm Panel Menüsü incelenecek olursa;

Add New Fill : Yeni bir dolgu öğesi eklemek için kullanılır.
Add New Stroke : Yeni bir çizgi öğesi eklemek için kullanılır.
Duplicate Item : Seçili öğeyi kopyalar.
Remove Item : Seçili öğeyi kaldırır.
Clear Appearance : Dolgu ve  çizgiyi tamamen kaldırır.
Reduce to Basic Appearance : Görünümü Default ayarlara getirir.Dolgu öğesi beyaz, çizgi öğesi siyah olur.
New Art Has Basic Appearance : Bu özellik işaretli ise hazırlanan görünüm özellikleri yeni çizilen objeye uygulanmaz.İşaretliyse her yeni çizilen objeye yeni görünüm özellikleri uygulanır.
Hide Thumbnail : Görünüm panelindeki Thumbnail gizlenir.
Redefine Graphic Style : Görünüm panelinde hazırlanan özellikler seçili grafik stiline aktarılır.
Show All Hidden Attributes : Gizlenen tüm öğeler veya nitelikler görünür hale gelir.

Grafik Stil (Grafic Style) Paneli
Görünüm panelinde bazı görünümleri oluşturmak bazen çok fazla zaman alabilir. Bu hazırlanan görünüm kullandıktan sonra başka bir çalışmalar hazırlamak istendiğinde hazırlanan görünümü kaldırmak gerekir.

İşte tam bu noktada grafik stil paneli devreye girer. Çünkü var olan görünüm daha sonra kullanılmak istenebilir veya başka bir objeye uygulanmak istenebilir.

Hazırlanan görünüm grafik stil panelinde saklanır. Yapılması gereken Görünüm panelindeki thumbnail’i grafik stil panelinin içerisine sürükleyip bırakmak yeterli olacaktır.

Bundan sonra artık Grafik Stili olarak kaydolmuştur. Tüm objelere uygulanabilir.

Yeni çizilen objeler seçili hale getirilip sadece Grafik Stil paneline yeni eklenen stile tıklamak yeterli olacaktır. Stil tüm objelere uygulanacaktır.

Grafik Stil panelinin özellikleri sadece stil saklamakla sınırlı değildir. Saklanmış bir stil üzerinde herhangi bir değişiklik yapıldığında, objeler seçili olmasa dahi stile bağlı tüm objeler etkilenecektir.

Resimde görünüm panelinden sadece stilin en üstteki dolgusunun rengi değiştirilmiştir. Sonra hepsine birden uygulamak ve stili güncellemek için görünüm panel menüsünden “Redefine Grafic Style” seçeneği kullanılmıştır. Güncellenen stile bağlı tüm objelerin dolgu rengi değişmiştir.

Illustrator CS4 sürümüyle birlikte yeni gelen bir özellik uygulanacak stili uygulamadan önce görülebilmesini sağlıyor. Yapılması gereken stil uygulanacak obje seçilerek , grafik stil menüsünden uygulanacak stile Windows için sağ klik Mac için (Ktrl + sağ klik) yapmak yeterli olacaktır.

Grafik Stil (Graphic Style) Panelini inceleyecek olursak;

New Graphic Style : Yeni bir grafik stil tanımlamak için kullanılır.Görünüm panelinde mevcut olan görünüm bu seçenek ile grafik stil olarak atanır.
Duplicate Graphic Style : Seçili olan grafik stilin kopyalanması için kullanılır.
Merge Graphic Style : Seçili olan grafik stillerin birleştirilerek yeni bir stil olarak atanır.
Delete Graphic Style : Seçili olan grafik stil silinir.
Break Link to Graphic Style : Seçili olan objenin grafik stil bağlantısı koparılır.Bu özellik çalışma içerisinde grafik stil özellikleri değiştirilirken çalışmada değişmesi istenmeyen objelere uygulanır.
Select All Unused : Çalışma içerisinde kullanılmamış stillleri seçer.
Use Square for Preview : Grafik stil panelindeki ön izlemeleri kare obje şeklinde gösterir.

Use Text for Preview : Grafik stil panelindeki ön izlemeleri text  şeklinde gösterir.

Thumbnail, Small List View, Large List View : Grafik stil panelinde sıralanan stillerin görünümlerini organize eder.
Override Character Color : Bu seçenek işaretli olduğunda Text’lere uygulanacak grafik stillerinde bir dolgu içeriyorsa o dolgu uygulanan Text’in dolgusunun üzerine yazılır.Seçenek işaretli değilse uygulanacak grafik stilinde dolgu olsa bile Text’in dolgu rengi korunur.
Graphic Style Options : Grafik stilinin adının değiştirilmesi için kullanılır.
Open Graphic Style Library : Herhangi bir grafik stil kütüphanesi açmak için kullanılır.
Save Graphic Style Library : Stilleri kaydetmek için kullanılır.O anda grafik stil panelinde mevcut olan tüm stiller kaydedilir.

Görünüm panelinin ve Grafik Stil panelinin ne kadar kullanışlı ve gerekli paneller olduğunu açıklamaya çalıştım.Illustrator CS4 ile birlikte gelen hazır grafik stillerini incelemenizi ve kullanmanızı öneririm.Bunun yanında internet üzerinde binlerle grafik stil kütüphanesi bularak bunları Illustrator’ınıza ekleyip kullanabilirsiniz.

Teşekkürler.

Katalog Oluşturma

Katalogumuzu oluşturmak için Indesign kolaylıklarından faydalanacağız. Katalog tipinde birbirini benzer şekilde takip eden çalışmalarda “Data Merge” panelini kullanabiliriz. Katalogta resimler , yazılar, ölçüler, fiyatlar genelde her üründe tekrar eden özelliklerdir.

Data Merge panelinin çalışma mantığı öncelikle Indesign dökümanında yer alması istenen özellikler, Excel veya basit bir metin belgesi içerisinde hazırlanır. Bu sıralamayla hazırlanan belgeler aynı sırayla ve açıklamalarla Indesin dökümanına alınacağından buradaki sıralama önemlidir.

Tabloda görüldüğü üzere bir ayakkabı katalogu örneği hazırmak istedim.

“urun” başlığı altında ayakkabının tanımı yapılabilir.

“kodu” başlığı altında hazırlanan ayakkabının kodu girilebilir.

“fiyat” başlığı altında ayakkabıların fiyatları girilebilir.

“resim” başlığı altında katalog içerisine çağrılacak ayakkabı fotoğraflarının bulundukları konum belirlenir.

Başlıkta yer alan tanımlarda türkçe karakter kullanılmamalıdır. Bu başlıklar sadece Indesign içerisinde tanımlama yaparken kullanılacaktır.

Tablo hazırlanırken bir adet sınırlaması yoktur. İstenildiği kadar ürün girilebilir.

Excel’ de hazırladığımız tabloyu Metin Belgesi (.txt) olarak kaydedilir.

Son olarak Microsoft Excel yapısından dolayı “resim” kolonunun başına eklenmesi gereken “@” işaretini Microsoft Excel’ de eklenememektedir.Bu sebeble kaydettiğimiz Metin Belgesi (.txt) dosyasını Notepad’ te açıp “resim” kolonun başına “@” işareti ekliyoruz.

Bu “@” işaretinin sebebi  “resim” isimi verdiğimiz kolonun fotoğraf kolonu olduğunu belirtir.Bu işaret mutlaka eklenmelidir.

Artık Indesign’ a dönüp katalogumuzu hazırlayabiliriz.Yeni bir Indesign dökümanı açıp ölçüleri hazırlanız.

Açılan dökümanda basit ve hızlı bir tasarım hazırlayıp, önceden hazırlamış olduğumuz içerikler için sadece bir set hazırlıyoruz.

Hazırlanan sete Paragraf Stilleri oluşturarak, ürün niteliklerine istediğimiz gibi atıyoruz.

Gerekli hazırlıkları tamamladık bundan sonra Window > Automation > Data Merge komutu ile Data Merge panelini açıyoruz.

Açılan Data Merge Panelinin menüsünden hazırlamış olduğumuz Metin Belgesi (.txt) dosyasını “Select Data Source” çağırıyoruz.

Veeeee  sonuç hazırladığımız tüm bölümler Data Merge panelinin içerisinde sıralanıyor.

Bundan sonraki aşamada yapmamız gereken az önce hazırladığımız tasarımdaki frame’leri Data Merge paneline atamak.İlgili frame’mi seçili hale getirip Data Merge panelinde ilgili başlığa tıklıyoruz.

Nitelikler atandı ve frame’lere daha önce verdiğimiz Paragraf Stillerinin etkisiyle biçimlendiler.Sonradan eklemelerde yapılabilir. Örneğin Fiyat niteliğinin yanına “TL” ve Kod niteliğinin önüne “#” ekledim.

Herşey  tamamlandı son kontrol amacıyla Data Merge panelinin sol altında bulunan “Preview” seçeneğiyle önizleme yapılabilir.

Son aşamaya gelindiğinde Data Merge paneli menüsünden “Creat Merged Document” seçneğiyle işlem başlatılır.

“Creat Merged Document” seçeneği seçildikten sonra açılan menüde , hazırlanan Metin Belgesinden(.txt) istenilen ürünler veya sayfa mizanpaj ayarları yapılabilir.

Sırasıyla inceleyecek olursak ;

Records : Hazırladığımız tablodan hangi ürünlerin çağıralacağının belirlendiği alandır.
All Records : Tüm ürünler çağırılır.
Single Record : Özel olarak tek bir ürün çağırılır.
Range : Belirli bir ürün grubu çağırılır.
Records per Document Page : Sayfalara ürünlerin tek tek mi yoksa , bir sayfada birden fazla ürünün olup olmamasını belirler.
Multiple Records : Sayfaya birden fazla ürün çağırır.
Single Record  : Her sayfaya tek bir ürün çağırır.

Multiple Record Layout

Margin :  Sayfaya çağırılan ürünlerin sayfadaki konumlarının belirlenmesini sağlar.

Layout of Records :

Arrange by : Sayfaya çağırılan ürünlerin yanyana veya üst üste duruşlarını belirler.
Rows First : Yan yana diziliş,
Columns First : Üst üste diziliş,
Spacing : Sayfaya çağırılan ürünler arasındaki  boşlıkları belirler.

Options

Image Placement : Sayfaya çağırılan image’ların frame içerisinde ki duruşlarını belirler.

Remove Blank Lines for Empty Fields : Boş satırları kaldırır.
Page Limit per Document : Her doküman için limit belirlenir.

Kendi ayarlarımda “All Records” ve “Multiple Records” olarak belirledim.OK tıkladığım anda tüm fotoğraflarım ve hazırlamış olduğum tablomda ki yazılar , yeni bir doküman açılarak yerleşti.

Bu yazıyı yazmaktaki esas amacım Indesign’ın Flash üretimini anlatmaktı ama arada Data Merge’ de değinmiş olduk.

Kataloğumuz hazır Indesign çalışması olduğundan dolayı baskı da bizim için sorun çıkarmayacaktır.
Bu kataloğu internette yayınlamak istersek veya uzaktaki müşterimize online olarak sunmak istersek Indesign CS4’ten önce biraz zordu.Artık çok kolay…

Yeni oluşturduğumuz dökümanımız açıkken Window > Interactive > Page Transitions komutuyla  Page Transitions panelini açıyoruz.

Transitions (Geçiş efektti) seçiyoruz ben burada Page Turn seçeneğini kullandım.
Bundan sonra yapılması gereken tek şey File > Export > swf komutuyla export etmek.

Export > swf dedikten sonra açılan penceredeki özellikleri inceleyecek olursak ;

Size :

Scale : Yüzde olarak sayfaların boyutu ayarlanır.

Fit to : Bu seçenek ile sabit ekran boyularından herhangi biri seçilebilir.

Width ve Height : Genişlik ve yükseklik değeri verilebilir.

Pages :  Hangi sayfaların export edileceği belirlenir.

Spreads : Karşılıklı sayfalar olarak export edilir işaretlenirse,
Rasterize Pages : Sayfalar düzleştirileri işaretlenirse,
Generate HTML File : Swf export’la birlikte bir HTML dosyası oluşturulur işaretlenirse,
View SWF After Exporting : Export işleminden sonra SWF gösterilir işaretlenirse,

Text : Indesign Text framelerinin SWF export’ u sırasında nasıl bir şekilde dönüşeceği belirlenir.Burada Indesign textleri Flash text’ e, Vektör Path’ e veya Rasterize edilerek image şeklinde de alınabilir.

Interactivity ve Image sıkıştırma özellikleride belirlendikten sonra ;

OK tıklandığı anda işlemler başlar, tüm sayfalar işlenir ve sonuç default tarayıcımızda belirir.

Artık online bir dergimiz mevcut…

Umarım faydalı olmuştur.

Teşekkürler.