Photoshop Magazin
 


InDesign CS4 ile İnteraktif PDF Hazırlama

01 May 2009 | Sayı: May 2009
 
1 2 3 4 5
 

Herkese merhabalar. Bu ayki InDesign bölümümüzde interaktif öğelerin (video, flash animasyon ve butonlar gibi) kullanımına bakacağız. Bu öğeleri kullanarak interaktif bir pdf dosyası oluşturmayı deneyeceğiz. Aynı zamanda InDesign CS4’ün yeni özelliklerinden olan sayfa geçişi (Page Transitions) ve Buttons menülerine bir göz atacağız.

Portfolyo Sayfamızı Oluşturmaya Başlayalım

İlk olarak A4 boyutlarında yatay ve 5 sayfalık bir Indesign dokümanı açıyoruz. Hemen ardından Pages panelindeki master sayfamıza tıklıyoruz ve Rectangle Frame Tool (F) aracını kullanarak sol sayfanın tamamını kaplayacak şekilde bir dikdörtgen çiziyoruz. Bu işlemi sağ sayfa için de uyguluyoruz. Arka plan olarak bir renk kullanabileceğiniz gibi herhangi bir resmi de ekleyebilirsiniz. Ben Adobe Photoshop programını kullanarak yaptığım bir resmi eklemek istiyorum. Bunu yapmak için sol sayfadaki dikdörtgene tıklayıp File/Place menüsünden resmi seçiyoruz.
Bu işlemi sağ sayfa için de uyguluyoruz. Ve sonucu görüyorsunuz.



Flash Animasyon (SWF) Ekleyelim
Portfolyo çalışmamıza durağan bir resim eklemek yerine Adobe Flash ile hazırladığım bir avatar çalışmasını eklemek istiyorum. Bunun için yapmamız gereken ilk olarak birinci sayfaya gelip avatar boyutlarında bir dikdörtgen oluşturmak. Rectangle Frame Tool (F) aracını kullanarak bu işlemi gerçekleştiriyoruz. Dikdörtgen seçiliyken X tuşuna basarak dış çizgi özelliğini aktif hale getiriyoruz. Swatches panelinden dilediğimiz bir rengi seçiyoruz. Bir de Window/Stroke panelini açarak Weight özelliği ile dış çizgi kalınlığını değiştiriyoruz.

Dikdörtgen seçiliyken File/Place menüsünden eklemek istediğimiz flash animasyonumuzu seçiyoruz. Animasyon eklendikten sonra gerekli ayarları yapmak için sağ tıklıyor ve Interactive/Movie Options penceresini açıyoruz. Dilersek name bölümünden animasyonun ismini değiştirebilir, description ile ek açıklamalar girebiliriz. Ama asıl yapmamız gereken, çalışmamız PDF olarak kaydedildiğinde
bu animasyonun sorunsuz çalışması.

Bunun için mutlaka Embed Movie in PDF seçeneğini aktif hale getiriyoruz. Ayrıca Poster seçeneğinden Choose Image as Poster ile herhangi bir önizleme resmi ekleyebiliriz. Play on Page Turn, yani sayfa aktif olur olmaz oynatmaya başla seçeneğini
de işaretliyoruz. Ayrıca animasyonun sürekli ekranda dönmesini istediğimiz için de Mode ayarını Repeat Play olarak değiştiriyoruz.
Animasyonu ekledikten sonra dikdörtgenin boyutlarını animasyonun boyutlarına göre değiştirebilirsiniz. Animasyonu seçmek için Direct Selection Tool (A) ile animasyona tıklamanız ve üstteki panelden boyutlandırmanız yeterli olacaktır.

Hyperlink (Bağlantı) Ekleyelim
Avatar olarak yerleştirdiğimiz nesnenin hemen yanına Type Tool ile bir yazı alanı oluşturuyoruz. Kişisel bilgilerimizi yazdıktan sonra ,“mail göndermek için tıkla“ ve “Blog sayfamı ziyaret etmek için tıkla“ yazılarını ekliyoruz. Şimdi yazılarımızın fontunu, büyüklüğünü ve rengini değiştirebiliriz. 

Şimdi “Mail göndermek için tıkla“ yazısını seçiyoruz ve Window/Interactive/Hyperlinks panelini açıyoruz. Panelin hemen altında bulunan Create New Hyperlink düğmesine basıyoruz. Karşımıza çıkan pencereden Link to kutucuğunu Email olarak seçiyoruz. Address kısmına mail adresimizi, Subject Line kısmına da mailin konu alanında görünmesini istediğimiz konu başlığını yazıyoruz. Type seçeneğini ise Invisible Rectangle olarak değiştiriyoruz. Eğer Visible Rectangle yapacak olursanız linkli yazının etrafında bir de kutucuk oluşacaktır. Bu kutucuğun görünmesini istiyorsanız rengini de hemen altındaki Color bölümüden ayarlayabilirsiniz. Ama biz şimdilik yazı etrafında görünen bir kutu istemiyoruz.
Aynı işlemleri “Blog sayfamı ziyaret etmek için tıkla“ yazısı için de yapıyoruz. Tek fark olarak Link to kutucuğundan
URL yi seçiyoruz ve web sayfamızın adresini giriyoruz.



Sayfaya Video Ekleyelim
Çalışma alanınıza AVI, MPEG, MOV ve SWF uzantılı video dosyalarını ekleyebilirsiniz. Bunun için ilk olarak sayfamıza Rectangle Frame Tool ile bir dikdörtgen çiziyoruz. Eğer videonuzun boyutlarını biliyorsanız dikdörtgeni bu boyutlarda da çizebilirsiniz. Dikdörtgeni sayfaya ortalamak için yukarıdaki panelden Align to Page seçeneğine tıklayıp Align Horizontal Centers düğmesine basıyoruz. Hemen ardından File/Place seçeneği ile videomuzu ekliyoruz. Videoyu çizdiğimiz dikdörtgene tam olarak sığdırmak için üstteki panelden Fit Content Proportionally , ortalamak için de Center Content düğmesine basıyoruz.



Videomuzun görüntü ayarlarını değiştirmek için video seçiliyken Object/Interactive/Movie Options seçeneğine tıklıyoruz. Buradan Embed Movie in PDF seçeneğini aktif hale getiriyoruz. Poster yani önizleme resmini dilersek Choose Movie Frame as Poster ile bir film karesi olarak belirleyebiliriz. Videonun sadece bir kez oynamasını istediğimiz için Mode seçeneğini Play Once Then Stop olarak değiştiriyoruz. Play on Page Turn seçeneğini işaretleyerek sayfa aktif olduğu anda videonun oynamasını sağlıyoruz. Show Controller During Play seçeneği ile de kontrol çubuğunun görünmesini istediğimizi belirtiyoruz.



Resim Galerisini Oluşturalım

İlk sayfayı solda avatar, sağda mail ve blog linkleri, ortada da video ile tamamlamış olduk. Şimdi resim galerimizi oluşturacağız ve çalışmamızı pdf olarak kaydedeceğiz. Ekleyeceğiniz resim adedi kadar sayfa oluşturabilirsiniz. Biz şimdilik bir kaç resimden oluşan galeri yapacağız.
İkinci sayfaya geliyoruz ve Rectangle Frame Tool ile bir çerçeve oluşturuyoruz. File/Place ile ilk resmimizi ekliyoruz. Resmi sayfaya ortalama ve resmi çerçeveye sığdırma işlemlerini biraz önce video çalışmasında açıkladığımız gibi gerçekleştirebilirsiniz. Dilerseniz her bir sayfaya iki resim olacak şekilde de tasarlayabilirsiniz.

İkinci sayfada düzenleme yaptıktan sonra her iki resmi Ctrl kısayolu ile seçiyoruz ve Shift+Alt kısayollarına basılı
tutarak sağ sayfaya (3.sayfa) kopyalayarak taşıyoruz. Resimlerin içeriğini silmek için Direct Selection Tool ile tıklayıp delete tuşuna basıyoruz. File/Place ile yeni resimleri yerleştiriyoruz. 4.sayfaya kopyalama yapmak için tutup sürükleme yöntemi yerine hemen bir üstündeki sayfadan (2.sayfa) resimleri Ctrl ile seçiyoruz. Edit/Copy menüsüne tıklıyoruz ve 4. sayfaya gelip Edit/Paste in Place seçeneğine tıklıyoruz. Böylece aynı konuma resimleri yapıştırmış oluyoruz. Benzer uygulamayı 3. sayfadan kopyalayıp 5. sayfaya paste in place komutu ile yapabilirsiniz.

(Not: Nesneleri kopyalamak yerine sayfaları çoğaltma yöntemini de kullanabilirsiniz. Layout/Pages/Insert Pages)



Butonlar Ekleyelim
Resimlerimizi sayfalara ekledikten sonra önceki ve sonraki sayfalara gitmemizi sağlayacak butonları da ekliycez. Bunun için Indesign CS4’ ün yeniliklerinden biri olan butonlardan yararlanacağız.

Butonlarımızı her sayfaya tek tek eklemek yerine Pages panelinden A-master sayfamıza tıklıyoruz. Sol sayfadayken Window/Interactive/Buttons panelini açıyoruz. Bu panelden örnek buton tasarımlarını almak için panelin seçenekler düğmesinden Sample Buttons seçeneğine tıklıyoruz. Örnek butonlardan sol ve sağ ok butonlarını seçiyoruz. Seçtiğimiz butonun dilersek rengini değiştirebiliriz.



Butona tıkladığınız anda soldaki araç çubuğunda kırmızı rengine çift tıklayarak rengi değiştirebilirsiniz. Ya da Window/Color paneli açıksa bu panelden de renk değişikliği yapabilirsiniz. Normal görünümünün yanı sıra Rollover yani üzerine gelindiğinde butonun değişen görüntüsünü de tekrar değiştirebilirsiniz. Burada butona rollover görünümündeyken outer glow efekti verilmiş. Window/Effects panelini açarak bu efekti değiştirebilir veya silebilirsiniz. Bu butonlardan sağ sayfadaki master sayfaya da Alt+Shift kısayolu ile kopyalayarak taşıyoruz.

Düğmelere tıkladığınızda Actions seçeneğinde Go to Previous Page ve Go to Next Page seçeneklerini göreceksiniz. Bu butonlar ile sayfalar arasında kolaylıkla gezinebilirsiniz. İlk sayfada sol ok ve son sayfada sağ ok düğmeleri gereksiz olduğu için birinci sayfaya gelip sol ok düğmesine Ctrl+Shift kısayolları ile tıklıyoruz. Bu sayede düğmenin master sayfayla olan bağlantısını kırıyoruz ve delete tuşuna basarak siliyoruz. Aynı işlemi son sayfadaki sağ ok düğmesi için de yapıyoruz.

Page Transitions (Sayfa Geçişleri) Ekleyelim

Indesign CS4’ün yeni özelliklerinden biri olan Page Transitions ile birbirinden farklı sayfa geçiş efektleri uygulayabilirsiniz.

İlk olarak Window/Interactive/Page Transitions seçeneğine tıklıyoruz. Açılan panelden her bulunduğunuz aktif sayfa için farklı bir geçiş efekti seçebilirsiniz. Efektlere tıkladığınızda önizlemesini aynı panelden izleyebilirsiniz. Bu efektlerden Page Turn efekti sadece swf dosyalarında görünebilir. Bu konuya önümüzdeki ay değineceğiz.

Directions ile efektlerin yönünü, Speed ile efektlerin hızını değiştirebilirsiniz. Panelin hemen alt köşesinde bulunan Apply to All Spreads seçeneği ile de seçtiğiniz efekti tüm sayfalara kolaylıkla uygulayabilirsiniz. Sayfalara efektlerin eklenip eklenmediğini görmek için Pages panelinden sayfaların kenarlarındaki simgelere göz atın.


Çalışmamızı PDF olarak Kaydedelim

Tüm işlemlerimiz tamamlandıktan sonra sıra geldi çalışmamızı PDF olarak kaydetmeye. Çalışma sonunda video, animasyon, bağlantılar ve geçişlerin olduğu interaktif bir PDF yaratmış olacağız.


File /Export menüsüne tıklıyoruz ve Save as Type kutucuğundanAdobe PDF seçeneğine tıklıyoruz. Burada dikkat etmemiz gereken ilk olarak pdf dosyamızı online ortamda yayınlamak istediğimiz için Smallest File Size seçeneğini seçmemizdir. Hemen ardından Compatibility kutucuğundan Acrobat 6 veya üst versiyonlarını seçmemiz gerekir. Video ve animasyon gibi interaktif öğelerin görüntülenmesi için bu şarttır. Tüm sayfaları
istiyorsak All seçeneğine tıklıyoruz. View PDF after Exporting ile dönüştürme sonrası hemen pdf dosyamızı görebiliyoruz. Bağlantılar için Hyperlinks, diğer interaktif öğeler için Interactive Elements seçeneklerini de mutlaka işaretliyoruz. Multimedia kutucuğundan Embed All seçeneğine tıklayarak tüm interaktif öğelerin pdf dosyasına eklenmesini sağlıyoruz. Resim kalitesinin çok düşük olmaması için Compression sekmesinden Image Quality seçeneğini Medium olarak belirliyoruz.



Bu ayarları kaydetmek için Save Preset düğmesine tıklıyoruz ve “Interaktif pdf“ gibi bir isimle kaydediyoruz. Artık Export düğmesine tıklayıp sayfamızı test edebiliriz. Yorum ve eleştrilerinizi bekliyorum

 

May 2009

 


Indesign