3. GRAFİK ARAÇLARINI KULLANMAK

Uygulamalara geçmeden önce araç kutusunda yer alan Options seçeneğini kısaca açıklamak yerinde olacaktır.

İpucu : Araç kutusundaki araçları klavyeden ilgili harflere basarak da seçebilirsiniz. Örneğin Arrow Tool aracını V harfine basarak seçili duruma getirebilirsiniz.

3.1. Tek Katman Üzerinde Farklı Şekiller Çizmek

Flash, farklı çizim araçları ve bu araçların sahip oldukları ek özellikleriyle etkileyici tasarımlar yapılmasına olanak verir. Flash’ın araçları, diğer grafik yazılımlarında bulunan araçlara göre oldukça esnek bir yapıdadır.

Uygulama-3.1: Çizgi aracı (Line Tool), kalem aracı (Pencil Tool), dörtgen aracı (Rectangle Tool) ve oval aracı (Oval Tool)’nın kullanılması.

1- 400X400 px boyutlarında boş çalışma sayfası açınız.

2- Cetveli ve Izgarayı görünür yapınız ve hücre boyutlarını 20X20 px’e ayarlayınız.

NOT: Cetvel View › Rulers (CTRL + ALT + Shift + R) komutuyla ızgaralar ise View › Grid › Show Grid (CTRL + I) komutuyla görünür hale getirilir.Izgaranın hücre boyutlarını ise View › Grid › Edit Grid (CTRL + ALT + G) komutuyla ayarlayabilirsiniz.

3- ‘Line Tool - aracını seçiniz. Properties panelinden Custom butonuna tıklayınız ve vuruş biçimi (Stroke Style) iletişim penceresinde Type açılır menüsünden Dashed çizgi türünü seçiniz. Thickness açılır menüsünden 2 değerini seçiniz. İşlemi onaylayıp pencereyi kapatınız.

4- Çalışma alanına gidiniz ve rastgele çizgi çiziniz.

5- Properties panelinden çizgi rengini değiştiriniz. Çizgi türü olarak saç teli inceliğinde anlamına gelen hairline türünü seçiniz. Çalışma alanında rastgele çizgiler çiziniz.

6- Araç kutusundan Pencil Tool aracını seçiniz.

Pencil Tool aracının ek özellikleri Straighten modu  : Çizgi kıvrımlarını keskinleştirir. Smooth modu : Çizgi kıvrımlarını en aza indirger ve yuvarlaklaştırır. Ink modu : Çizgi kıvrımlarını yumuşatır. En doğal çizim modudur.

7- Options kısmından kalem modlarını sırasıyla seçerek çalışma alanına benzer çizgiler çiziniz (ör. 8 rakamını çizin) ve modlar arasındaki farkı daha iyi anlamaya çalışınız.

8- Araç kutusundan Rectangle Tool aracını seçiniz. Options kısmından Round Rectangle Radius modunu seçerek Rectangle Settings iletişim penceresini açınız.

9- İletişim penceresinde Corner Radius alanına 5 değerini giriniz.

10- Araç kutusunda Colors kısmından Stroke Color renk paletini açınız ve düğmesine tıklayınız ve çerçeveyi kaldırınız. Fill Color renk paletini açınız ve istediğiniz bir dolgu rengi seçiniz.

(A)	(B)
(A) Dörtgenin etrafını çevreleyen çerçevenin kaldırılması. (B) Dörtgen köşelerinin yuvarlaklaştırılması

11- Çalışma alanına istediğiniz boyutta dörtgen çiziniz.

12- Araç kutusundan Oval Tool aracını seçiniz. Properties panelinde Stroke color seçeneğinin yanındaki çizgi kalınlığı açılır menüsünden çizgi kalınlığını yükseltiniz.

13- Custom düğmesine tıklayarak açılan Stroke Style iletişim penceresinde Type açılır menüsünden Stipple çizgi türünü seçiniz.

14- İstediğiniz değişiklikleri yaparak çalışma alanına farklı dolgu renklerinde ve çerçevelerde daireler çiziniz.

Uygulama-3.2: Dolma kalem aracı kullanarak farklı şekillerin elde edilmesi.

Pen Tool – Dolma Kalem Aracı: Kullanımı en farklı araçlardan biridir. Çalışma alanında tanımlama noktaları yerleştirmenizi ve bu noktaların birbirine bağlanmasını sağlar. Eğer noktalar kapalı bir alan oluşturacak şekilde bağlanıyorlarsa kapalı alan dolgu rengiyle boyanır.

1- Araç kutusundan dolma kalem aracını () seçiniz. Pen ikonu yanında x işareti belirir. Bu işaret, bir yolun ilk noktasını yerleştirmeye hazır olduğunuzu belirtir.

2- Çalışma sayfasının boş bir bölgesine tıklayınız. İmleç içi boş bir ok şeklini alır. Küçük bir çember, noktanın çalışma sayfasındaki konumunu belirtir.

3- İmleci bir miktar doğrusal bir şekilde sağa hareket ettiriniz ve tıklayınız.

4- Çalışma sayfasında farklı noktalara tıklayarak eklem noktalarından oluşan çizgi meydana getiriniz.

5- Çizimi sonlandırmak için son noktaya ya da araç kutusundan Pen Tool aracına tıklayınız. Edit menüsünden Deselect All komutunu veriniz. Ayrıca Esc tuşuna da basabilirsiniz.

6- Bitiş noktasını başlangıç noktasıyla birleştirecek olursanız kapalı bir alan elde etmiş olursunuz. Böylece kapalı alanın içi dolgu rengiyle boyanır. Bitiş noktasını kapalı bir alan oluşturabilecek bir eklem noktasıyla kesiştirdiğinizde de kapalı bir alan elde edilir. Edit menüsünden Deselect All komutunu vererek çizimi bitiriniz.

Önizleme Çizgisinin Gösterilmesi: Edit › Preferences komutuyla açılan iletişim penceresinde Editing sekmesine geçiniz ve Show Pen Preview onay kutusunu işaretleyiniz. Böylece dolma kalem aracıyla çizim yaparken çizginin önizlemesi çizgi yolu boyunca gözükür.

7- Dolma kalem aracı seçiliyken herhangi bir noktaya tıklayınız. Farenin tuşunu basılı tutarak imleci istediğiniz bir noktaya doğru hareket ettiriniz. Temel noktadan iki tutamaç çıkar ve siz sürüklerken zıt yönlerde uzar.

İpucu : Dolma kalem aracını kullanarak S harfi gibi şekiller çizebilirsiniz. Çeşitli denemeler yaparak bu aracı kullanma yeteneğinizi güçlendirmeye çalışınız.

Uygulama-3.3: Fırça aracı kullanarak farklı şekillerin çizilmesi.

1- Ctrl+N tuşlarıyla boş bir çalışma sayfası oluşturunuz.

2- Araç kutusundan Brush Tool (Fırça) aracını seçiniz. Araç kutusundan Fill Color düğmesine tıklayınız.

3- Fare imlecini Color Swatches renk paleti üzerine götürünüz. İmleç tüp şeklini alınca paletten istediğiniz bir rengi seçiniz. Araç kutusu Colors bölümünde Fill Color renginin değiştiğini göreceksiniz.

Arzu edilen rengin seçildiği renk paleti	Fırça aracının ek özellikleri	Fırça aracının diğer özellikleri

4- Fırça aracının beş farklı modu vardır.Normal boyama işlemi için Paint Normal modunu seçiniz.

5- Çalışma alanına çeşitli çizimler yapınız ve sonucu görünüz.

6- Arrow Tool aracını seçerek çizmiş olduğunuz şeklin bir kısmını seçili duruma getiriniz.

7- Yeniden Brush Tool aracını seçin ve Paint Selection -Seçileni Boya- modunu ayarlayınız.

8- Color Swatches panelinden ya da Fill Color düğmesinden farklı bir renk seçiniz ve seçili duruma getirdiğiniz alanı da kesecek şekilde çalışma alanına fırça darbeleri indiriniz.

9- Yalnızca seçili kısmın boyandığını görmeniz gerekir.

10- Paint Behind -Arkada Kalacak Şekilde Boya- modunu seçiniz ve farklı bir dolgu rengi belirleyiniz.

3.2. Izgaraları, Cetvelleri ve Kılavuzları Kullanmak

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.

4- View › Grid › Edit Grid komutuyla ya da Ctrl+Alt+G tuşlarıyla ızgara düzenleme penceresini açınız.

Izgara iletişim penceresi	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 1'de görüldüğü gibi renkli yatay kılavuz çizgisi belirir.

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.

İ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.Fare tuşunu bırakmadan kılavuz çizgisini düşey cetvel hizasına kadar sürükleyiniz ve tuşu bırakınız.Düşey kılavuz çizgisi kaybolacaktır.

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 yararlanarak ç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.

Kılavuz çizgilerinin belirtilen koordinatlarda oluşturulması	Kılavuz çizgilerinin çalışma sayfasına kilitlenmesi

4- View menüsünden Guides › Edit Guides komutuyla iletişim penceresini açınız ve kılavuz çizgilerini kilitleyiniz.

5- Araç kutusundan Rectangle Tool aracını seçiniz.Fare imleci + şeklini aldığında çalışma alanının 50px-100px konumuna 50px genişliğinde ve 50px yüksekliğinde farenin sol tuşuna basarak bir dikdörtgen çiziniz.

6- Sayfaya eklediğiniz nesnenin kılavuz çizgilerine yaklaşıldığında çizgilere kenetlenmesini istiyorsanız Şekil 2’de olduğu gibi Snap to Guides özelliğini etkinleştiriniz.

7- Nesne hareket ettirilirken nesnenin ızgaralara da kenetlenmesini istiyorsanız View menüsünden Grid › Edit Grid komutuyla iletişim penceresini açınız ve Snap to Grid özelliğini etkinleştiriniz.

8- Eklediğiniz dikdörtgeni seçili hale getirmek için üzerine çift tıklayınız ve çalışma sayfası üzerinde klavyenin yön tuşlarıyla ya da fareyle hareket ettiriniz. Hareket sırasında nasıl bir farklılık oluştuğuna dikkat ediniz.

Kenetleme İşlemi: Kenetleme işlemi (Snap), farklı hassasiyetlerde yapılabilir. Izgara (Grid) ve kılavuz çizgileri (Guides) iletişim pencerelerinde kenetlenme hassasiyeti (Snap accuracy) menüsünü açtığınızda dört farklı seçenek karşınıza gelir.

- Must be close (Yakın olmalı): Nesneye kenetlenmek için nesnenin yakın olması gerekir.

- Normal: Varsayılan kenetlenme düzeyidir.

- Can be distant (Uzak olabilir): Nesne uzak olsa da kenetlenme işlemi gerçekleşir.

- Always snap (Her zaman kenetle): Nesneye her durumda kenetlenilir.

Kenetlenme düzeylerini sırasıyla deneyerek aralarındaki farkı anlamaya çalışın.

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

Bu kısımda çalışma sayfası içine eklediğiniz nesnelere ya da belli bir bölgeye yakınlaşmayı (Zoom), Properties panelini kullanarak nesne özelliklerini değiştirmeyi öğreneceksiniz.

Uygulama-3.6:Çalışma sayfasına farklı nesnelerin eklenmesi, yakından incelenmesi ve bazı özelliklerinin değiştirilmesi.

1- Ctrl+N tuşlarıyla yeni bir çalışma sayfası açınız. Sayfa boyutlarını 400X400 px’e ayarlayınız.

2- Araç kutusundan dikdörtgen aracını seçerek çalışma sayfasına istediğiniz boyutta bir dikdörtgen çiziniz.

3- Araç kutusundan Fill Color aracını çalıştırınız. İmleç tüp şeklini alınca boya paletinden farklı bir renk seçiniz. Oval Tool aracını seçerek sayfaya daire çiziniz.

4- Araç kutusundan Arrow Tool aracını seçerek dikdörtgen üzerine tıklayınız ya da Subselection Tool aracını seçerek dikdörtgenin sol üst köşesinde boş bir yere tıklayarak seçim alanı dikdörtgen şeklini tamamen içine alacak şekilde fareyi sürükleyiniz.

5- View menüsünden Zoom in komutunu birkaç defa uygulayınız. Dikdörtgen şekline yaklaştığınızı görmeniz gerekir.

6- View menüsünden Magnification › %100 komutuyla çalışma sayfasının gerçek boyutuna geri dönünüz.

7- 4. adımdaki işlemi uygulayarak çizmiş olduğunuz daireyi seçili hale getiriniz.

8- Zoom in komutuyla daireye yaklaşınız. Zoom out komutunu gerçek boyutlara dönene kadar çalıştırınız.

9- Daire şekli seçiliyken Properties panelinden Fill color komutunu seçerek dairenin dolgu rengini değiştiriniz.

10- Dairenin dışında yer alan çerçeveyi Selection Tool aracıyla seçili duruma getiriniz. Özellikler (Properties) panelinde Stroke Color komutunu seçerek çerçevenin rengini değiştiriniz.

11- Dikdörtgeni seçili duruma getiriniz ve özellikler panelinden;

Boyut ve koordinat değerleri

değerlerini giriniz.

3.4. Şekiller Üzerinde Değişiklik Yapmak

Uygulama-3.7:Çalışma alanına çizilen bir dörtgen ve oval üzerinde seçme araçlarıyla çeşitli değişikliklerin yapılması.

1- File menüsünden Close komutuyla ya da Ctrl+W kısayol tuşlarıyla bir önceki çalışma sayfalarını sırasıyla kaydetmeden kapatınız.

2- 400X400 px boyutlarında yeni bir çalışma sayfası açınız.

3- Hücre boyutları 20X20 px olan ızgarayı etkinleştiriniz ve cetveli açınız.

4- Yatay 100 px noktasına ve düşey 100 px noktasına yatay ve düşey kılavuz çizgileri ekleyiniz ve kılavuz çizgilerini kilitleyiniz.

5- View menüsünden Zoom in komutuyla çalışma alanını birkaç defa yakınlaştırınız ve kılavuz çizgilerini istenen noktalara yerleştirdiğinize emin olunuz. Eğer kılavuz çizgileri belirtilen koordinatlarda değilse Arrow Tool aracıyla kılavuz çizgilerini ayarlayınız.

6- View › Grid › Edit Grid komutuyla ızgara düzenleme iletişim penceresini açın ve Snap to Grid seçeneğini kaldırınız (Kenetlenme özelliğini iptal ediniz).

7- View › Magnification › %100 seçerek gerçek boyutlara dönünüz.

8- X:100 ve Y:100 koordinatlarına 200 px genişliğinde 200 px yüksekliğinde kırmızı dolgu rengine sahip, 2 px kalınlığında siyah çerçevesi olan bir dörtgen çiziniz

9- Arrow Tool aracını seçerek dörtgenin dışındaki çerçeveye çift tıklayarak seçili duruma getiriniz. Edit menüsünden Clear komutuyla ya da Backspace tuşuyla seçili çizgiyi siliniz.

İpucu : Eğer dörtgenin yalnızca bir kenarını seçmek istiyorsanız seçmek istediğiniz kenar çizgisine bir kez tıklayınız.

10- Edit menüsünden Undo komutuyla ya da Ctrl+Z tuşlarıyla silme işlemini geri alınız. Çalışma alanında boş bir yere tıklayarak çerçeveyi seçili durumdan kurtarınız.

11- Subselection Tool aracıyla dörtgenin çerçevesine farenin sol tuşuyla bir kez tıklayınız. Dörtgenin çerçevesi Şekil 3’deki durumu alır.

Subselection Tool – Altseçim Aracı: Subselection aracıyla seçilen bir çerçevenin içinde kalan alan da seçilir. Ayrıca seçilen çerçeve üzerinde çeşitli tutma noktaları oluşturularak şeklin bu noktalardan değiştirilmesi sağlanır.

12- Subselection aracıyla dörtgenin etrafını kaplayan çerçeveyi seçtikten sonra farenin tuşunu bırakmadan dörtgeni farklı bir bölgeye taşıyınız. Dörtgenin iç dolgusuyla birlikte taşındığını göreceksiniz