1. Nesneler Üzerinde Temel İşlemleri Gerçekleştirmek
    2. Metin İşlemleri Gerçekleştirmek
    3. Canlandırma (Animasyon) Hazırlamak Ve Kullanmak
    4. Zaman Doğrusu Efektlerini (Timeline Effects) Kullanmak

    Nesneler Üzerinde Temel İşlemleri Gerçekleştirmek

    Flash çalışma ortamı, kullanıcının hassas ve ölçekli çizimler gerçekleştirmesi için gerekli özellikleri sunar. Izgaralı çalışma alanı sayesinde sayfa içindeki nesnelerin yerleşimi ve konumları daha kolay belirlenir. Yatay ve düşey cetveller ile ölçekli nesneler çizebilirsiniz. Kılavuz çizgileri yardımıyla da çalışma ortamı içine yerleştirdiğiniz nesnelere referans noktaları atayabilirsiniz. Uygulama-3.4: Izgaranın, cetvellerin ve kılavuzların görünür hale getirilmesi. 1- File › New komutunu vererek ya da Ctrl+N tuşlarına basarak yeni bir çalışma sayfası açınız. 2- Çalışma sayfasının boyutlarını 200px – 200px’e ayarlayınız. 3- View › Grid › Show Grid komutunu vererek ya da Ctrl+I tuşlarına basarak çalışma alanında birbirini kesen düşey ve yatay çizgilerin gözükmesini sağlayınız. 28 4- View › Grid › Edit Grid komutuyla ya da Ctrl+Alt+G tuşlarıyla ızgara düzenleme penceresini açınız. Şekil 3.12: Izgara iletişim penceresi Şekil 3.13: Izgara renginin ayarlanması 5- Izgara genişliğini ve yüksekliğini 20 px olarak belirleyiniz. 6- Color kısmından renk paletini açınız. Fare imleci tüp şeklini alınca renk paletinden veya Flash editörünün herhangi bir yerinden renk belirleyiniz. OK düğmesine tıklayınız ve iletişim penceresini kapatınız. Izgara renginin değiştiğini göreceksiniz. 7- View › Rulers komutuyla ya da Ctrl+Alt+Shift+R tuşlarına basarak cetvelin gözükmesini sağlayın. 8- Fare imlecini yatay cetvelin istediğiniz bir noktasında iken tıklayınız. (Fare imlecinin şeklini alması gerekir.) Fare tuşunu bırakmadan fare imlecini çalışma sayfasının istediğiniz bir noktasına sürükleyiniz. Fare tuşunu bıraktığınızda şekil 3.14’te görüldüğü gibi renkli yatay kılavuz çizgisi belirir. Şekil 3.14: Flash çalışma sayfasında yatay kılavuz çizgisinin oluşturulması 29 9- Düşey kılavuz çizgisini çalışma sayfasının istediğiniz noktasında elde etmeniz için 8. adımdaki benzer işlemleri fareyi düşey cetvele tıklayarak gerçekleştiriniz. Bu durumda fare imlecinin şeklini alması gerekir. 10- 8. adımdaki yöntemle istediğiniz kadar kılavuz çizgisi elde edebilirsiniz. View › Guides › Edit Guides komutuyla ya da Ctrl+Alt+Shift+G tuşlarına basarak kılavuz iletişim penceresini açınız. Şekil 3.15: Kılavuz çizgileri iletişim penceresi İletişim penceresi yardımıyla kılavuz çizgilerinin rengini değiştirebilirsiniz, tüm kılavuz çizgilerini silebilirsiniz ya da Lock Guides komutuyla kılavuz çizgilerini yerleri değişmeyecek şekilde sabitleyebilirsiniz. Yaptığınız değişiklikleri Save Default komutuyla varsayılan değerler olarak kaydedebilir ve sonradan göreceğiniz gibi çalışma sayfasındaki nesneleri Snap to Guides komutuyla kılavuz çizgilerine kenetleyebilirsiniz. 11- Kılavuz çizgilerinden istediğinizi yok etmek istiyorsanız örnek olarak az önceki çalışma sayfasında oluşturduğunuz düşey kılavuz çizgisini yok ederek işe başlayalım: Araç kutusundan Arrow Tool aracını seçiniz. Düşey kılavuz çizgisinin üzerine geliniz (Fare imleci şeklini alır) ve tıklayınız. Şekil 3.16’da gösterildiği gibi fare tuşunu bırakmadan kılavuz çizgisini düşey cetvel hizasına kadar sürükleyiniz ve tuşu bırakınız. 30 Şekil 3.16: Düşey kılavuz çizgisinin yok edilmesi 12- Yatay kılavuz çizgisini yok etmek için 11. adımdaki benzer işlemleri fare imlecini yatay kılavuz çizgisi üzerine tıklayarak gerçekleştiriniz. Uygulama-3.5: Çalışma sayfasının belli koordinatlarına grafik nesnesi eklenmesi. 1- 200px – 200px boyutlarında bir çalışma sayfası oluşturunuz. 2- 20px – 20px boyutlarında hücrelerden oluşan bir ızgarayı görünür hale getiriniz. 3- Cetvelden yaralanarak çalışma sayfasının 50px noktasına düşey kılavuz çizgisi ekleyiniz. Sayfanın 100px noktasına da yatay kılavuz çizgisi ekleyiniz. Şekil 3.17: Kılavuz çizgilerinin belirtilen koordinatlarda oluşturulması Şekil 3.18

    Metin İşlemleri Gerçekleştirmek

    İmlecini seçime başladığınız noktaya kadar sürüklemenize gerek yoktur. Başladığınız noktayla sürüklemeyi bitirdiğiniz nokta arasını seçili duruma getirir. 17- Araç kutusundan Arrow Tool aracını seçiniz ve az önce seçmiş olduğunuz parçanın üzerine tıklayarak tuşu bırakmadan farklı bir konuma sürükleyiniz. 18- Yine ok aracıyla bu sefer oval şeklin dışına tıklayarak belli bir bölgesinde düz seçim alanı oluşturacak şekilde fareyi şekle doğru sürükleyiniz.

    Zaman Doğrusu Efektlerini (Timeline Effects) Kullanmak

     36 (A) (B) Şekil 3.26: Ok aracıyla bir grafikte düz seçim bölgesinin oluşturulması 19- İstediğiniz bölgeyi seçtikten sonra siliniz. 20- Ok aracı seçiliyken fare imlecini şeklin istediğiniz bir kenarına yaklaştırınız. Arrow Tool – Ok Aracı: Flash yazılımında en sık kullanılan araçtır. Pek çok işlem yapabilme özelliğine sahiptir. Bu araç seçiliyken imleci bir nesnenin kenarına getirdiğinizde imleç iki şekilden birini alır: ?? Eğer yaklaşılan kenar yumuşak kıvrımlardan oluşuyor ya da tamamen düzse şeklini alır. ?? Yaklaşılan kenar keskin köşeliyse şeklini alır. 21- Fareyi sol tuşa basılıyken istediğiniz bir noktaya sürükleyiniz. Örnekte şeklimiz şekil 3.27’deki görüntüyü almıştır. Seçme araçlarıyla farklı uygulamalar yaparak elinizi bu tür uygulamalara alıştırmaya çalışınız. (A) (B) (C) Şekil 3.27: (A) Fare imleci şeklin düz kenarına yaklaştırılıyor. (B) Fare imleci sol tuşa basılarak şeklin dışına doğru sürükleniyor. (C) Fare tuşu bırakılıyor Uygulama-3.8:Free Transform Tool aracıyla grafik öğeleri üzerinde değişikliklerin yapılması 37 Free Transform Tool – Serbest Dönüşüm Aracı: Bu aracı nesneleri, metinleri, grup altına alınmış öğeleri ve flashın örnek öğelerini (instances) istenildiği gibi döndürmek ve boyutlandırmak amacıyla kullanabilirsiniz. 1- Çalışma sayfasına üzerine, Free Transform Tool aracını uygulayacağınız bir dikdörtgen çiziniz. 2- Araç kutusundan Free Transform Tool aracını seçiniz. 3- Eğer çizdiğiniz dörtgenin çerçevesi varsa ve bunu da seçime dâhil etmek istiyorsanız farenin sol tuşuyla dörtgene iki kere tıklayınız (Bir kez tıklayacak olursanız yalnızca dolgu kısmı seçilir, çerçeve seçimin dışında kalır). 4- İmleç şeklini alır. Şekil 3.28’de seçili dörtgenin farklı noktalarına yaklaştırılan fare ikonunun değişimi gösterilmiştir. (A) (B) (C) Şekil 3.28: (A) Dörtgenin çerçevesiyle birlikte seçilmesi. (B) Fare imlecinin yan, üst ve köşe noktalarına yaklaştırılması sonucu aldığı şekil. (C) Fare imlecinin dörtgenin dönme merkezine yaklaştırılması sonucu aldığı şekil 5- İmleç şekil 3.28 (A)’daki görünümü aldığında dörtgeni farenin sol tuşuna basılıyken farklı bir noktaya sürükleyiniz. 6- İmleç şekil 3.28 (B)’deki görünümlerden birini aldığında seçili dörtgeni ok yönleri doğrultusunda uzatıp daraltabilirsiniz. 7- Fare imlecini dörtgenin sağ alt köşesine yaklaştırınız ve sol tuşa basılıyken yukarı doğru döndürünüz. Tuşu bıraktığınızda şekil 3.29’dakine benzer bir konum alacaktır. (A) (B) (C) Şekil 3.29: Dörtgenin merkez dönme noktasına göre döndürülmesi 38 8- Her nesnenin bir dönme referans noktası vardır. Bu nokta varsayılan olarak merkezdedir. İmleç şekil 3.28 (C)’deki görünümü aldığında dörtgenin dönme noktasını değiştirebilirsiniz. Dönme noktasını dörtgenin sağ üst köşesine yaklaştırınız. 9- Fare imlecini dörtgenin istediğiniz bir noktasına yaklaştırınız. Fare imleci dönen ok şeklini aldığında sol tuş basılıyken şekli istediğiniz yönde hareket ettiriniz. (A) (B) (C) Şekil 3.30: Dörtgenin dönme noktasının değiştirilmesi 10- Fare imlecini sağ ve üst orta noktadaki tutamaçlara imleç ( ya da ) şeklini alacak şekilde yaklaştırınız. Bu durumda şekil iki yöne doğru eğilerek değiştirilebilir. İpucu : Serbest dönüşüm işlemi için, Modify menüsünden de yapılabilir. Dönüşüm işlemi yapmak istediğiniz nesneyi seçili duruma getirip Modify menüsünden Transform komutunu veriniz. Şekil 3.31’deki menü karşınıza gelir. Şekil 3.31: Modify › Transform menüsünün alt seçenekleri 39 Transform menüsüne ait seçeneklerin işlevlerini şöyle sıralayabiliriz: (1) Free Transform: Free Transform Tool aracının yaptığı işlemi gerçekleştirir. (2) Distort: Bu komut verildiğinde Free Transfom işlemine benzer olarak nesnenin etrafında seçme bölgesi oluşur. Ancak merkez dönme noktasını değiştiremezsiniz. Fare imlecini tutamaç noktalarına yaklaştırdığınızda imleç şekil 3.32’deki görünümü alır. Tutamaçlardan şeklin genişliğini ve yüksekliğini ayarlayabilirsiniz. (A) (B) (C) (D) (E) Şekil 3.32: (A, B) Distort komutuyla şekil boyutlarının değiştirilmesi (C) Envelope komutuyla şekil kenarlarında çok zayıda tutamaç oluşturulması (D, E) Yuvarlak tutamaçlardan şekil görüntüsünün değiştirilmesi (3) Envelope: Şekil etrafında çok sayıda yuvarlak tutamaç oluşturur. Bu tutamaçlardan şeklin görüntüsü istenildiği gibi değiştirilir (Şekil 3.32 C,D,E). (4) Scale: Şekil boyutlarında döndürme noktası referans alınarak elle değişiklik yapılabilir. (5) Rotate and Skew: Şekil döndürme noktası referans alınarak elle döndürülür. (6) Scale and Rotate…: İletişim penceresi çıkar. Bu pencereye girdiğiniz değerlere göre grafik öğesinin boyutlarını ve dönme açısını sayısal olarak değiştirebilirsiniz. (7) Rotate 90° CW ve CCW: Saat yönü tersinde ve saat yönünde seçilen nesne döndürülür. (8) Flip Vertical, Flip Horizontal: Seçili nesneyi düşey ve yatay konuma göre ayna görüntüsünü oluşturur. Modify menüsünden eriştiğiniz bu komutlara, şekil üzerindeyken farenin sağ tuşuna tıkladığınızda çıkan menüden de ulaşabilirsiniz. Uygulama-3.9: Ink Bottle Tool aracıyla grafik öğelerinin dış çerçeve hatlarının değiştirilmesi Ink Bottle Tool – Mürekkep Şişe Aracı: Grafik öğelerinin çerçeve renklerini değiştirmek için kullanılır. Çerçevesi olmayan grafik öğelerine de çerçeve ekler. 1- Çalışma alanına farklı şekiller (çizgi aracı, dörtgen aracı, oval aracı, fırça aracı araçlarıyla)

    Canlandırma(Animasyon) Hazırlamak Ve Kullanmak

    İmlecini seçime başladığınız noktaya kadar sürüklemenize gerek yoktur. Başladığınız noktayla sürüklemeyi bitirdiğiniz nokta arasını seçili duruma getirir. 17- Araç kutusundan Arrow Tool aracını seçiniz ve az önce seçmiş olduğunuz parçanın üzerine tıklayarak tuşu bırakmadan farklı bir konuma sürükleyiniz. 18- Yine ok aracıyla bu sefer oval şeklin dışına tıklayarak belli bir bölgesinde düz seçim alanı oluşturacak şekilde fareyi şekle doğru sürükleyiniz. 36 (A) (B) Şekil 3.26: Ok aracıyla bir grafikte düz seçim bölgesinin oluşturulması 19- İstediğiniz bölgeyi seçtikten sonra siliniz. 20- Ok aracı seçiliyken fare imlecini şeklin istediğiniz bir kenarına yaklaştırınız. Arrow Tool – Ok Aracı: Flash yazılımında en sık kullanılan araçtır. Pek çok işlem yapabilme özelliğine sahiptir. Bu araç seçiliyken imleci bir nesnenin kenarına getirdiğinizde imleç iki şekilden birini alır: ?? Eğer yaklaşılan kenar yumuşak kıvrımlardan oluşuyor ya da tamamen düzse şeklini alır. ?? Yaklaşılan kenar keskin köşeliyse şeklini alır. 21- Fareyi sol tuşa basılıyken istediğiniz bir noktaya sürükleyiniz. Örnekte şeklimiz şekil 3.27’deki görüntüyü almıştır. Seçme araçlarıyla farklı uygulamalar yaparak elinizi bu tür uygulamalara alıştırmaya çalışınız. (A) (B) (C) Şekil 3.27: (A) Fare imleci şeklin düz kenarına yaklaştırılıyor. (B) Fare imleci sol tuşa basılarak şeklin dışına doğru sürükleniyor. (C) Fare tuşu bırakılıyor Uygulama-3.8:Free Transform Tool aracıyla grafik öğeleri üzerinde değişikliklerin yapılması 37 Free Transform Tool – Serbest Dönüşüm Aracı: Bu aracı nesneleri, metinleri, grup altına alınmış öğeleri ve flashın örnek öğelerini (instances) istenildiği gibi döndürmek ve boyutlandırmak amacıyla kullanabilirsiniz. 1- Çalışma sayfasına üzerine, Free Transform Tool aracını uygulayacağınız bir dikdörtgen çiziniz. 2- Araç kutusundan Free Transform Tool aracını seçiniz. 3- Eğer çizdiğiniz dörtgenin çerçevesi varsa ve bunu da seçime dâhil etmek istiyorsanız farenin sol tuşuyla dörtgene iki kere tıklayınız (Bir kez tıklayacak olursanız yalnızca dolgu kısmı seçilir, çerçeve seçimin dışında kalır). 4- İmleç şeklini alır. Şekil 3.28’de seçili dörtgenin farklı noktalarına yaklaştırılan fare ikonunun değişimi gösterilmiştir. (A) (B) (C) Şekil 3.28: (A) Dörtgenin çerçevesiyle birlikte seçilmesi. (B) Fare imlecinin yan, üst ve köşe noktalarına yaklaştırılması sonucu aldığı şekil. (C) Fare imlecinin dörtgenin dönme merkezine yaklaştırılması sonucu aldığı şekil 5- İmleç şekil 3.28 (A)’daki görünümü aldığında dörtgeni farenin sol tuşuna basılıyken farklı bir noktaya sürükleyiniz. 6- İmleç şekil 3.28 (B)’deki görünümlerden birini aldığında seçili dörtgeni ok yönleri doğrultusunda uzatıp daraltabilirsiniz. 7- Fare imlecini dörtgenin sağ alt köşesine yaklaştırınız ve sol tuşa basılıyken yukarı doğru döndürünüz. Tuşu bıraktığınızda şekil 3.29’dakine benzer bir konum alacaktır. (A) (B) (C) Şekil 3.29: Dörtgenin merkez dönme noktasına göre döndürülmesi 38 8- Her nesnenin bir dönme referans noktası vardır. Bu nokta varsayılan olarak merkezdedir. İmleç şekil 3.28 (C)’deki görünümü aldığında dörtgenin dönme noktasını değiştirebilirsiniz. Dönme noktasını dörtgenin sağ üst köşesine yaklaştırınız. 9- Fare imlecini dörtgenin istediğiniz bir noktasına yaklaştırınız. Fare imleci dönen ok şeklini aldığında sol tuş basılıyken şekli istediğiniz yönde hareket ettiriniz. (A) (B) (C) Şekil 3.30: Dörtgenin dönme noktasının değiştirilmesi 10- Fare imlecini sağ ve üst orta noktadaki tutamaçlara imleç ( ya da ) şeklini alacak şekilde yaklaştırınız. Bu durumda şekil iki yöne doğru eğilerek değiştirilebilir. İpucu : Serbest dönüşüm işlemi için, Modify menüsünden de yapılabilir. Dönüşüm işlemi yapmak istediğiniz nesneyi seçili duruma getirip Modify menüsünden Transform komutunu veriniz. Şekil 3.31’deki menü karşınıza gelir. Şekil 3.31: Modify › Transform menüsünün alt seçenekleri 39 Transform menüsüne ait seçeneklerin işlevlerini şöyle sıralayabiliriz: (1) Free Transform: Free Transform Tool aracının yaptığı işlemi gerçekleştirir. (2) Distort: Bu komut verildiğinde Free Transfom işlemine benzer olarak nesnenin etrafında seçme bölgesi oluşur. Ancak merkez dönme noktasını değiştiremezsiniz. Fare imlecini tutamaç noktalarına yaklaştırdığınızda imleç şekil 3.32’deki görünümü alır. Tutamaçlardan şeklin genişliğini ve yüksekliğini ayarlayabilirsiniz. (A) (B) (C) (D) (E) Şekil 3.32: (A, B) Distort komutuyla şekil boyutlarının değiştirilmesi (C) Envelope komutuyla şekil kenarlarında çok zayıda tutamaç oluşturulması (D, E) Yuvarlak tutamaçlardan şekil görüntüsünün değiştirilmesi (3) Envelope: Şekil etrafında çok sayıda yuvarlak tutamaç oluşturur. Bu tutamaçlardan şeklin görüntüsü istenildiği gibi değiştirilir (Şekil 3.32 C,D,E). (4) Scale: Şekil boyutlarında döndürme noktası referans alınarak elle değişiklik yapılabilir. (5) Rotate and Skew: Şekil döndürme noktası referans alınarak elle döndürülür. (6) Scale and Rotate…: İletişim penceresi çıkar. Bu pencereye girdiğiniz değerlere göre grafik öğesinin boyutlarını ve dönme açısını sayısal olarak değiştirebilirsiniz. (7) Rotate 90° CW ve CCW: Saat yönü tersinde ve saat yönünde seçilen nesne döndürülür. (8) Flip Vertical, Flip Horizontal: Seçili nesneyi düşey ve yatay konuma göre ayna görüntüsünü oluşturur. Modify menüsünden eriştiğiniz bu komutlara, şekil üzerindeyken farenin sağ tuşuna tıkladığınızda çıkan menüden de ulaşabilirsiniz. Uygulama-3.9: Ink Bottle Tool aracıyla grafik öğelerinin dış çerçeve hatlarının değiştirilmesi Ink Bottle Tool – Mürekkep Şişe Aracı: Grafik öğelerinin çerçeve renklerini değiştirmek için kullanılır. Çerçevesi olmayan grafik öğelerine de çerçeve ekler. 1- Çalışma alanına farklı şekiller (çizgi aracı, dörtgen aracı, oval aracı, fırça aracı araçlarıyla)