Macromedia Fireworks MX Eğitimi





FİREWORKS MX MENÜLERİ

Macromedia FİREWORKS MX ve Macromedia FİREWORKS tanıyıp, onunla neler yapabileceğimizi detaylı olarak göz gezdireceğiz...




"New" ( Ctrl+N ) Bu yeni sayfa yapmamızı sağlayan menüdür. "New" e bastığınızda karşınıza gelen menüde "Width" in değeri bizim sayfamızın enini belirlememizi sağlayan değerdir. Yandaki kutucuk ise "Pixels" , "Inches" yada "Centimeters" ı seçip istediğiniz değeri verebilirsiniz. "Height" Sayfanızın boyunu belirlemenize yardımcı olacak değerdir. Sayfanız ne kadar büyük olursa sayfanızın internet ortamındaki açılış hızıda ona orantılı olarak yavaşlayacaktır.
"Open" ( Ctrl+O ) Daha önceden kayıt ettiğiniz dosyalarınızı açmaya yarar.
"Open Recent" Bu menüde önceden açtığınız dosyaları hafızasında tutarak "Open Recent" ın üstüne geldiğinizde dosya seçmeden kaydettiğiniz isime göre size dosyayı hemen açıyor.
"Close" Açık sayfanızı kapatmanızı sağlıyor.

"Save" ( Ctrl+S ) Dosyanızı kaydetmeye yarıyor.
"Save As" ( Ctrl+Shift+S ) Kaydedilmiş dosyanızı değişik bir isimle yeniden kaydetmenize yarıyor.
"Save As Copy" Kaydettiğiniz dosyayı aynı isimle bir kez daha kaydetmenizi sağlıyor.
"Revert"

"Import" ( Ctrl+R ) Dosyanıza resimleri buradan ekleyebilirsiniz.
"Export" ( Ctrl+Shift+R ) Bu menü ile dosyanızı Resim, Flash, Photoshop, Freehand, vs. olarak kaydetmenize olanak veren menüdür.
"Export Prewiew" ( Ctrl+Shift+X ) Bu menü ile dosyanızı export'lamadan son özelliklerinizi ayarlamanızı sağlayan menüdür.
"Update HTML" Dosyanızı "HTML" e ekleyen menüdür.

"Export Wizard" Daha kapsamlı export yapmanıza olanak sağlayan menüdür.
"Batch Process"
"Preview in Browser" Yaptığınız çalışmaların explorer da nasıl göründüğüne bakmanıza olanak sağlayan menüdür.

"Page Setup" Yazdırmadan önce dosyanızı görmeye yarayan menüdür.
"Print" ( Ctrl+P ) Dosyanızın bu menü ile çıktısını "Print Out" alabilirsiniz.
"HTML Setup" Bu menüde dosyanızı html olarak kaydetmeden önceki ayarlarınızı yapabilirsiniz.

"Exit" ( Ctrl+Q ) Programdan çıkmanızı sağlayan menüdür.






"Undo" ( Ctrl+Z ) Yaptığınız bir hareketi geri almanızı sağlayan menüdür.
"Repeat" ( Ctrl+Y ) "Undo" yaptıktan sonra "Undo" yu geri almanızı sağlayan menüdür.

"Insert" Bu menü ile "Button" , "Symbol" , "Slice" , "Frame" vs. ekleyebilirsiniz.
"Libraries" Fireworks sizin için hazır "Animation" , "Button" vs. hazırlamıştır. Onları buradan dosyanıza koyabilirsiniz.
"Find and Replace" ( Ctrl+F ) Eğer çok fazla nesne ile çalışıyorsanız onları düzenlemenize silmenize yerleştirmenize olanak sağlayan menüdür.

"Cut" ( Ctrl+X ) Kesme işlemidir. Seçtiğiniz Text yada nesneyi keserek oradan çıkartıp, "Paste" ile istediğiniz yere yapıştırabilirsiniz.
"Copy" ( Ctrl+C ) Seçtiğiniz Text yada nesneyi kopyalamanıza yarar.
"Copy Path Outlines"
"Copy HTML Code" ( Ctrl+Alt+C ) Dosyanızın html kodunu kopyalamak için yapılmış menüdür.
"Paste" ( Ctrl+V ) Kopyaladıklarınızı yapıştırmaya yarayan menüdür.
"Clear" ( Backspace ) Seçtiğiniz nesne yada Text'i silmenize yarayan menüdür.

"Paste as Mask"
"Paste Inside" ( Ctrl+Shift+V ) Örneğin bir dikdörtgen yapıp kopyaladınız. Yaptığınız dikdörtgenden bir tane daha yapıp "Paste Inside" dediğinizde dikdörtgenin diğer dikdörtgenin içinde olduğunu görürüz.
"Paste Attributes" ( Ctrl+Alt+Shift+V )

"Duplicate" ( Ctrl+Alt+D ) Seçili Text'inizi yada nesnenizi çoğaltmaya yarar.
"Clone" ( Ctrl+Shift+D ) Bu menüde seçili Text'inizi aynı yerde çoğaltmaya yarıyor.

"Crop Selected Bitmap" Resminizi bir bölgeye alıp üzerinde oynama yapabilirsiniz.
"Crop Document" Seçili nesnenizi başka bir bölgeye alarak üzerinde oynama yapmanızı sağlar.

"Preferences" ( Ctrl+U ) Buradan kendinize göre özellikleri ayarlayabilirsiniz.
"Keyboard Shortcuts" Kendinize göre en sık kullandığınız fonksiyonlara kısa yol tuşları ekleyebilmenizi sağlayan güzel bir menü.




View bölüümünü bölüm bölüm anlatmak yerine sizlere gerekebilecekleri açıklayacağım.
Eğer ölçekli bir çalışma yapacaksanız önce "Show All" un altındaki "Rulers" ı açalım. "Rulers" bölümünde yukarıdan yada soldan çizgiler çıkartıp kendinize hizalama yapabilirsiniz.
"Grid" lerde sizlere hizalamada çok yardımcı olacaktır.
"Zoom In" ve "Zoom Out" ta dosyanıza yakınlaşıp uzaklaşmanızı sağlayacaktır.
"Magnification" Bu menünün üstüne gelince yandaki çıkan menüden istediğinizi seçerek sayfanıza yaklaşabilir yada ondan uzaklaşabilirsiniz.
"Hide Panels" ise panelleri kaldırarak size daha geniş bir çalışma ortamı sunuyor.




"Select All" ( Ctrl+A ) Sayfanızdaki her nesneyi ve Text'i seçer.
"Deselect" ( Ctrl+D ) Seçtiğiniz bir nesne yada nesneyi seçmemenizi sağlıyor.



"Canvas" Dosyanızı döndürmenize-çevirmenize , uzunluk-genişliklerini ayarlamanıza; kısacası dosyanızın üstünde oynama yapacağınız menüdür.

"Animation" Animasyon ayarlarını yapabileceğiniz ve üzerinde oynama yapabileceğiniz menüdür.
"Symbol" Sembollerin ayarlarını yapabileceğiniz ve üzerinde oynama yapabileceğiniz menüdür.
"Pop-up Menu" Şu sıralar çok kullanılan açılır menülerden yapmanıza olanak sunan menüdür. Ancak Pop-up menü için Slice yada Hotspot eklemeniz gerekmektedir. Bunların dışında nesnenizi seçip , üzerine sağ tuşla tıkladığınızda "Conver to Symbol" e bastığınızda çıkan menüden "Button" a bastıktan sonrada koyabilirsiniz pop-up menüyü.

"Mask"
"Selective JPEG"

"Flatten Selection"
"Merge Down"
"Flatten Layers"

"Transform" Seçili Text'inizi yada nesnenizin üzerinde oynamalar yapabileceğiniz menüdür.
"Arrange" Seçilli Text yada nesnenizin önde yada arkada durmasını sağlayan menüdür.
"Align" Seçili Text yada nesnenizi hizalamanıza yarayan menüdür.

"Combine Paths" Birden çok nesneyi birleştirmeye yarıyor. Group olayına çok benziyor ama köşeleri ayrı ayrı kalıyor.
"Alter Path" Nesne yada Text'in üzerinde ışılarla oynamanızı sağlayan menüdür.

"Group" Birden çok nesneyi yada Texti gruplandırmanıza yarayan menüdür.
"Ungroup" "Group" ları ayırmamızı sağlayan menüdür.



"Font" Yazı tipini değiştirmenizi sağlayan menüdür.
"Size" Yazınızın büyüklüğünü buradan ayarlayabilirsiniz.
"Style" Buradan yazı stillerini seçebilirsiniz.
"Align" Yazınızı hizalamaya yarayan menüdür.

"Editor" Fireworks4'te alıştığımız yazı editörüdür.

"Attact to Path"
"Detach from Path"
"Orientation"
"Reverce Direction"

"Convert to Paths" Yazılarınızı bir bütün olmaktan çıkarıp harflere dönüştürür.

"Check Spelling" Fireworks Mx te İngilizcesi var sadece ama gayet güzel bir özellik. Yazdığınız metin yada kelimeye sözlükten bakarak doğruluğunu kontrol edebiliyorsunuz.
"Spelling Setup" "Check Spelling" özelliklerini değiştirmek için kullanabileceğiniz menüdür.



Commands "FILTERS" Bu filterların hepsi birer efekttir.

Macromedia Fireworks MX Eğitimi





FİREWORKS MX MENÜLERİ

Macromedia FİREWORKS MX ve Macromedia FİREWORKS tanıyıp, onunla neler yapabileceğimizi detaylı olarak göz gezdireceğiz...




"New" ( Ctrl+N ) Bu yeni sayfa yapmamızı sağlayan menüdür. "New" e bastığınızda karşınıza gelen menüde "Width" in değeri bizim sayfamızın enini belirlememizi sağlayan değerdir. Yandaki kutucuk ise "Pixels" , "Inches" yada "Centimeters" ı seçip istediğiniz değeri verebilirsiniz. "Height" Sayfanızın boyunu belirlemenize yardımcı olacak değerdir. Sayfanız ne kadar büyük olursa sayfanızın internet ortamındaki açılış hızıda ona orantılı olarak yavaşlayacaktır.
"Open" ( Ctrl+O ) Daha önceden kayıt ettiğiniz dosyalarınızı açmaya yarar.
"Open Recent" Bu menüde önceden açtığınız dosyaları hafızasında tutarak "Open Recent" ın üstüne geldiğinizde dosya seçmeden kaydettiğiniz isime göre size dosyayı hemen açıyor.
"Close" Açık sayfanızı kapatmanızı sağlıyor.

"Save" ( Ctrl+S ) Dosyanızı kaydetmeye yarıyor.
"Save As" ( Ctrl+Shift+S ) Kaydedilmiş dosyanızı değişik bir isimle yeniden kaydetmenize yarıyor.
"Save As Copy" Kaydettiğiniz dosyayı aynı isimle bir kez daha kaydetmenizi sağlıyor.
"Revert"

"Import" ( Ctrl+R ) Dosyanıza resimleri buradan ekleyebilirsiniz.
"Export" ( Ctrl+Shift+R ) Bu menü ile dosyanızı Resim, Flash, Photoshop, Freehand, vs. olarak kaydetmenize olanak veren menüdür.
"Export Prewiew" ( Ctrl+Shift+X ) Bu menü ile dosyanızı export'lamadan son özelliklerinizi ayarlamanızı sağlayan menüdür.
"Update HTML" Dosyanızı "HTML" e ekleyen menüdür.

"Export Wizard" Daha kapsamlı export yapmanıza olanak sağlayan menüdür.
"Batch Process"
"Preview in Browser" Yaptığınız çalışmaların explorer da nasıl göründüğüne bakmanıza olanak sağlayan menüdür.

"Page Setup" Yazdırmadan önce dosyanızı görmeye yarayan menüdür.
"Print" ( Ctrl+P ) Dosyanızın bu menü ile çıktısını "Print Out" alabilirsiniz.
"HTML Setup" Bu menüde dosyanızı html olarak kaydetmeden önceki ayarlarınızı yapabilirsiniz.

"Exit" ( Ctrl+Q ) Programdan çıkmanızı sağlayan menüdür.






"Undo" ( Ctrl+Z ) Yaptığınız bir hareketi geri almanızı sağlayan menüdür.
"Repeat" ( Ctrl+Y ) "Undo" yaptıktan sonra "Undo" yu geri almanızı sağlayan menüdür.

"Insert" Bu menü ile "Button" , "Symbol" , "Slice" , "Frame" vs. ekleyebilirsiniz.
"Libraries" Fireworks sizin için hazır "Animation" , "Button" vs. hazırlamıştır. Onları buradan dosyanıza koyabilirsiniz.
"Find and Replace" ( Ctrl+F ) Eğer çok fazla nesne ile çalışıyorsanız onları düzenlemenize silmenize yerleştirmenize olanak sağlayan menüdür.

"Cut" ( Ctrl+X ) Kesme işlemidir. Seçtiğiniz Text yada nesneyi keserek oradan çıkartıp, "Paste" ile istediğiniz yere yapıştırabilirsiniz.
"Copy" ( Ctrl+C ) Seçtiğiniz Text yada nesneyi kopyalamanıza yarar.
"Copy Path Outlines"
"Copy HTML Code" ( Ctrl+Alt+C ) Dosyanızın html kodunu kopyalamak için yapılmış menüdür.
"Paste" ( Ctrl+V ) Kopyaladıklarınızı yapıştırmaya yarayan menüdür.
"Clear" ( Backspace ) Seçtiğiniz nesne yada Text'i silmenize yarayan menüdür.

"Paste as Mask"
"Paste Inside" ( Ctrl+Shift+V ) Örneğin bir dikdörtgen yapıp kopyaladınız. Yaptığınız dikdörtgenden bir tane daha yapıp "Paste Inside" dediğinizde dikdörtgenin diğer dikdörtgenin içinde olduğunu görürüz.
"Paste Attributes" ( Ctrl+Alt+Shift+V )

"Duplicate" ( Ctrl+Alt+D ) Seçili Text'inizi yada nesnenizi çoğaltmaya yarar.
"Clone" ( Ctrl+Shift+D ) Bu menüde seçili Text'inizi aynı yerde çoğaltmaya yarıyor.

"Crop Selected Bitmap" Resminizi bir bölgeye alıp üzerinde oynama yapabilirsiniz.
"Crop Document" Seçili nesnenizi başka bir bölgeye alarak üzerinde oynama yapmanızı sağlar.

"Preferences" ( Ctrl+U ) Buradan kendinize göre özellikleri ayarlayabilirsiniz.
"Keyboard Shortcuts" Kendinize göre en sık kullandığınız fonksiyonlara kısa yol tuşları ekleyebilmenizi sağlayan güzel bir menü.




View bölüümünü bölüm bölüm anlatmak yerine sizlere gerekebilecekleri açıklayacağım.
Eğer ölçekli bir çalışma yapacaksanız önce "Show All" un altındaki "Rulers" ı açalım. "Rulers" bölümünde yukarıdan yada soldan çizgiler çıkartıp kendinize hizalama yapabilirsiniz.
"Grid" lerde sizlere hizalamada çok yardımcı olacaktır.
"Zoom In" ve "Zoom Out" ta dosyanıza yakınlaşıp uzaklaşmanızı sağlayacaktır.
"Magnification" Bu menünün üstüne gelince yandaki çıkan menüden istediğinizi seçerek sayfanıza yaklaşabilir yada ondan uzaklaşabilirsiniz.
"Hide Panels" ise panelleri kaldırarak size daha geniş bir çalışma ortamı sunuyor.




"Select All" ( Ctrl+A ) Sayfanızdaki her nesneyi ve Text'i seçer.
"Deselect" ( Ctrl+D ) Seçtiğiniz bir nesne yada nesneyi seçmemenizi sağlıyor.



"Canvas" Dosyanızı döndürmenize-çevirmenize , uzunluk-genişliklerini ayarlamanıza; kısacası dosyanızın üstünde oynama yapacağınız menüdür.

"Animation" Animasyon ayarlarını yapabileceğiniz ve üzerinde oynama yapabileceğiniz menüdür.
"Symbol" Sembollerin ayarlarını yapabileceğiniz ve üzerinde oynama yapabileceğiniz menüdür.
"Pop-up Menu" Şu sıralar çok kullanılan açılır menülerden yapmanıza olanak sunan menüdür. Ancak Pop-up menü için Slice yada Hotspot eklemeniz gerekmektedir. Bunların dışında nesnenizi seçip , üzerine sağ tuşla tıkladığınızda "Conver to Symbol" e bastığınızda çıkan menüden "Button" a bastıktan sonrada koyabilirsiniz pop-up menüyü.

"Mask"
"Selective JPEG"

"Flatten Selection"
"Merge Down"
"Flatten Layers"

"Transform" Seçili Text'inizi yada nesnenizin üzerinde oynamalar yapabileceğiniz menüdür.
"Arrange" Seçilli Text yada nesnenizin önde yada arkada durmasını sağlayan menüdür.
"Align" Seçili Text yada nesnenizi hizalamanıza yarayan menüdür.

"Combine Paths" Birden çok nesneyi birleştirmeye yarıyor. Group olayına çok benziyor ama köşeleri ayrı ayrı kalıyor.
"Alter Path" Nesne yada Text'in üzerinde ışılarla oynamanızı sağlayan menüdür.

"Group" Birden çok nesneyi yada Texti gruplandırmanıza yarayan menüdür.
"Ungroup" "Group" ları ayırmamızı sağlayan menüdür.



"Font" Yazı tipini değiştirmenizi sağlayan menüdür.
"Size" Yazınızın büyüklüğünü buradan ayarlayabilirsiniz.
"Style" Buradan yazı stillerini seçebilirsiniz.
"Align" Yazınızı hizalamaya yarayan menüdür.

"Editor" Fireworks4'te alıştığımız yazı editörüdür.

"Attact to Path"
"Detach from Path"
"Orientation"
"Reverce Direction"

"Convert to Paths" Yazılarınızı bir bütün olmaktan çıkarıp harflere dönüştürür.

"Check Spelling" Fireworks Mx te İngilizcesi var sadece ama gayet güzel bir özellik. Yazdığınız metin yada kelimeye sözlükten bakarak doğruluğunu kontrol edebiliyorsunuz.
"Spelling Setup" "Check Spelling" özelliklerini değiştirmek için kullanabileceğiniz menüdür.



Commands "FILTERS" Bu filterların hepsi birer efekttir.

"Info" Oluşturmuş olduğumuz grafik dosyaları hakkında bilgileri bu pencereden alıyoruz. Ayrıca sayfa üzerinde hangi koordinatlar üzerindeyseniz anında bu pencereden izleyebilirsiniz.

"Mixer" Programda kullanacağınız renkleri düzenlediğiniz kısım. Buradan yeni renk oluşturabilir veya var olan renklerde oynamalar yapabilirsiniz.

"Swatches" Bu pencerenin renk paletinden farkı yok. Buradan metin veya objelerinizin renklerini değiştirebilirsiniz.

"Table" Buradan kendi favori renklerinizi oluşturup kullanabilirsiniz.

"Options" Programın mouse ve görünümle ilgili ayarlamalarınızı yapabileceğiniz pencere.

"Optimize" Bu pencere sayesinde grafik dosyalarının hangi formatla ( gif, jpg, Animated gif gibi. ) kaydedeceğinizi belirliyorsunuz. Bu sayede dosyanızın boyutunu küçültme olanağına da sahipsiniz.

"Object" Daha önceden efekt verdiğiniz grafiklerinizi düzenlemeye yarar. Bu sayede çeşitli efektler de yakalayabilirsiniz.

"Behaviors" Bu seçenek sayesinde Pop-Up menü oluşturabilir, grafiklerinize " Hotspot" verebilir, "Rollover" efekti oluşturabilir vs. oluşturabilirsiniz. Bu saydığımız özelliklere ileride değineceğiz.

"Layers" Layerlar ile çalışırken bu menü'yü kullanacaksınız.

"Frames" Animated Gif oluştururken frameleri kullanacağız ve dolayısıyla kontrol panelimiz bu pencere olacak.

"History" Bir çeşit undo/redo seçeneği diyebiliriz. Bu pencereden yaptığınız ve iptal ettiğiniz işlemleri izleyebilirsiniz.

"Styles" Grafiklerinize vereceğiniz hazır efektlerle dolu bir pencere. Buradan hazır efektleri kullanabilir veya yeni stiller ekleyebilirsiniz. Böylece zamandan da tasarruf etmiş olacaksınız. Bu seçenek önemli olduğu için bu konuya eğilmenin yararlı olacağı kanaatindeyiz. Herhangi bir objeye uyguladığınız efekti bu menüye ekleyebileceğinizi söylemiştik. Eğer sıklıkla kullandığınız efektler varsa, bu efektleri "Styles" menüsüne ekleyip, her daim elinizin altında bulundurabilirsiniz.

Beğendiğiniz veya sıklıkla kullanacağınız efekt'in uygulanmış olduğu, grafik dosyanızı açın ve metin veya objenizi seçili hale getirin. Daha sonra "Styles*New Styles" kısayolunu izleyerek "Style" kayıt ekranını açın. Son olarak "OK" düğmesine basın. Artık eklemiş olduğunuz efekte "Styles" penceresini kullanarak, kolay yoldan ulaşabilirsiniz. Ayrıca bu efektlerinizi yedekleyip, Fireworks'ü kurduktan sonra programa tekrar " Import ( ihraç )" edebilirsiniz.

"Library" Projelerinizde kullandığınız grafik, Animated Gif, grafik vs. dosyalarınıza kolay yoldan ulaşabileceğiniz kütüphane.

"Url" Projelerinizde kullanmış olduğunuz bütün linkleri listeler. Böylece tekrar yazma zahmetinden de kurtulmuş olursunuz. Menülerimizi tanıdıktan sonra geçelim kullanımlarına. Öncelikle projelerimize dışarıdan resim eklemek isteyebiliriz. Bunun için "File" menüsünden "Import" seçeneğine tıklıyoruz ve eklemek istediğimiz grafik dosyasını seçiyoruz. Sayfamızda boş bir alana gelip tıklıyoruz ve böylece "Import" işlemimizi kolayca halletmiş oluyoruz.

Fireworks ile Web sayfası yapabileceğimizi daha önceden de belirtmiştik. Peki nasıl Web'in ana dili olan "Html" formatına çevireceğiz ? Tabii ki "Export" özelliğini kullanarak. Yapmış olduğumuz sayfayı tamamladıktan sonra "File" menüsüne gelip "Export" seçeneğine tıklıyoruz. Karşımıza "Export" penceresi geliyor. Burada gerekli ayarlarımızı yapmamız gerekiyor;

"File name" Buraya Web sayfasının ismini yazıyoruz.
"Save As Type" Görmüş olduğunuz gibi programın bir çok formatı destekliyor. Biz Web sayfası olarak kaydedeceğimizden, "Html and Images" seçeneğini seçili duruma getiriyoruz.
"Html" "Export Html File" olarak kalsın.
"Slices" "Export Slices" seçeneğini seçin.

Eğer grafik dosyalarını ayrı bir klasöre kaydetmesini istiyorsanız "Put Images in Subfolder" kutucuğunu işaretleyip, klasör belirtmek üzere "Browse" düğmesine basın. Klasör belirttikten sonra geçelim diğer bir hususa. Sayfalarımızı "Html" formatında kaydetmek istemiyorsak, hemen sağ tarafta bulunan "Options" düğmesine tıklayarak "Html Setup" penceresiniz açın. Buradan sayfanızı asp, php, jsp, shtml gibi formatlarla kaydedebilirsiniz. Bu kısmı kendinize göre belirledikten sonra "OK" düğmesine basarak bu pencereden çıkın. Artık "Export" işleminin son aşamasını da bitirdik. Son olarak "Save" düğmesine basarak kayıt işlemini tamamlayın. Artık projeniz Web sayfası olarak, en küçük boyutta sizi bekliyor olacaktır.

Bize en çok sorularda bir tanesi de büyük boyuttaki dosyalarımı nasıl parçalara ayırarak sayfama ekleyebilirim? İsterseniz bu dertten muzdarip okurlarımızı aydınlatalım. Bunu "Slice Tool" aracı sayesinde yapabiliriz. Öncelikle resmimizi sayfamıza ekliyoruz ve "Araç Çubuğu" 'ndan "Slice Tool" aracını seçiyoruz. Resim dosyamızı istediğimiz yerlerinden kare kare ayırmaya başlıyoruz. Ayırdığımız alanlar yeşil renge dönüşüyor ve sonuç olarak Web sayfası olarak "Export" ediyoruz. Artık büyük ebattaki dosyalarınızı İnternet'te yayınlayabileceksiniz.

Gelelim "Hotspot" işleminin yapımına. Bu işlem sayesinde de grafik dosyanızın belirli yerlerine, parçalara ayırmadan link verebileceksiniz. Bu işlem için öncelikle grafik dosyanızı açın ve "Araç Çubuğu" 'ndan "Hotspot Tool" aracını seçin. Grafiğinizin hangi bölümlerine link vermek istiyorsanız, seçili hale getirin ve Window menüsünden "Url" seçeneğine tıklayın. Karşımıza "Url" penceresi gelecektir Seçili alana tıklandığında hangi sayfaya gitmesini istiyorsanız "No Url ( noHREF )" yazan kutucuğa sayfanın adını yazın ve yanındaki "+" ikonuna tıklayın. Kolayca link verme işlemini de halletmiş olduk.

Yavaş yavaş yazımızın sonlarına yaklaşırken, sizlere "Commands" menüsünden bahsetmek istiyoruz. Program'ın bu seçeneği de seri çalışmanızı sağlamak amacı ile dahil edilmiş. Bu menü'nün işlevinden bahsedecek olursak; "Commands" menüsünü kullanarak programın içerisinde kullanacağımız küçük makrolar hazırlayabiliyoruz. Bu sayede uzun işlemleri tekrarlamaktan canımız sıkılmamış oluyor. Ne olabilir bu işlemler?

Mesela çalışma alanınızı kendinize göre düzenlemeden, asla çalışmaya başlamayan biri iseniz bizim gibi, bu seçenek oldukça isinize yarayacaktır. Şahsi görüşümüz bütün pencerelerin kapalı olması ve ise yarayacak olanların sırayla açılması şeklindedir. Bilmiyoruz siz nasıl bir çalışma alanını tasvip ediyorsunuz. Eğer çalışacağımız alan gereksiz pencerelerle doluysa, katii süretle çalışamayız ve ortalığı derleyip toparladıktan sonra ancak çalışmamıza başlarız. Tamam bir iki kere düzenlemelerimizi yaparız da, bu is uzayınca pek bir çekilmez hale geliyor. Bu yüzden "Commands" seçeneği olduk olası hoşumuza gitmiştir. Bu menü'yü kullanarak çalışma alanımızı sadece bir kere düzenliyoruz ve bunu kaydediyoruz. Bu aşamadan sonra programı her çalıştırdığımızda bu menüden kendi makromuzu seçiyoruz ve program otomatik olarak, çalışma alanını bizim belirlediğimiz hale getiriyor. Ekstra olarak uğraşmıyoruz. Size de bu menüyü kullanmanızı tavsiye ediyoruz.

Pencere ayarlamalarınızı yaptıktan sonra "Commands*Panel Layout" kısayol'unu izleyin. Karşınıza çıkan pencereye, menü ayalarınızı tanımlayan bir isim girin. Mesela "Pencere Ayarlarım" gibi. Son olarak "OK" düğmesine basın ve kayıt işlemini tamamlayın. Bundan sonra programı her çalıştırdığınızda bu macro'yu da çalıştırırsanız pencere ayarlamalarınız hep sizin isteğiniz şekilde düzenlenmiş olacaktır.

Aynı menü altındaki "Edit Command List" seçeneği ile oluşturduğunuz komutları düzenleme ve silme özelliğine de sahipsiniz.











ARAÇLARI KULLANALIM...

Şimdi de geçelim bu araçların kullanımına. İlk olarak "Tools" menüsünün en üst sırasında bulunan iki ok ile başlayalım. Bunlardan birincisi olan "Pointer Tool" çizdiğiniz veya eklediğiniz objelerin yerlerini değiştirmeye yarıyor. Hemen yanındaki "Subselection Tools" ile de objelerin yerlerini değiştirebilirsiniz. Ama bunun, "Pointer Tool" ile farklı bir yönü var. Bu araç sayesinde objelerin boyutlarını da değiştirebiliyorsunuz. Şimdi en çok kullanacağımız araçlardan biri olan "Text Tool" aracını tanıyalım. Yani "Metin Aracı". Bunu için ilk önce yeni bir doküman yaratmamız gerekiyor; "File*New" (Ctrl+N) komutları yardımıyla yeni proje yaratma sayfamızı açıyoruz.

Bu kısımda da çeşitli ayarlar mevcut. Çalışmanızın boyutları, arkaplan rengi gibi ayarlamaları bu kısımdan gerçekleştiriyoruz. Buradan gerekli ayarlarınızı yaptıktan sonra "OK" düğmesine basıp yeni çalışma alanımızı oluşturmuş oluyoruz.

Hemen "Tools" çubuğundan "Text Tool" aracını seçip, dökümanımızda boş bir alana tıklıyoruz.

Karşımıza "Text Editor" penceresi geliyor. Metinlerimizle ilgili bütün ayarları bundan sonra bu pencere aracılığıyla yapacağız.

Hemen metin alanına metnimizi yazıyoruz. Sol üst kısımdaki açılır menü sayesinde Font'umuzu belirliyoruz. Ayrıca renk ve büyüklük ayarlarımızı da yapıp "OK" tuşuna basarak metnimizi çalışmamıza eklemiş oluyoruz.

"Text Editor" penceresindeki diğer özelliklere ileride değineceğiz. O zaman bize ne kadar çok yardımcı olduklarına sahit olacaksınız.


Eğer metinde değişiklik yapmak isterseniz, üzerine çift tıklayıp, tekrar "Text Editor" penceresine dönüp değişikliklerinizi yapabilirsiniz. Programı biraz daha öğrendikten sonra metinlere efekt verme konusuna geçeceğiz. Asıl o zaman programın maharetlerini göreceksiniz. Şimdi gelelim geometrik şekiller oluşturmaya. Bu şekiller tasarım yaparken isinize çok yarayacaktır.
Öncelikle renk paletinden isteğimize göre bir renk belirleyelim. Üstteki renk dairenin dış hattını oluşturan renk, alttaki ise dairenin içini dolduran renk olacaktır.

Sonra "Rectangle Tool" aracına tıklayıp bir süre elimizi mouse tuşuna basılı tutalım. Gördüğünüz gibi gizli araçlar ortaya çıktı. Buradan daire, kare, altıgen vb. gibi geometrik şekiller oluşturabilirsiniz. Biz örnek teşkil etmesi, bakımından daireyi seçelim.

Daireyi seçtikten sonra imlecimizi çalışma alanımıza götürelim. Gördüğünüz gibi artı şeklini aldı. Elimizi Mouse'un tuşuna basılı tutalım ve mouse'u alta veya üste doğru kaydıralım. Gördüğünüz gibi daire seklimiz oluşmaya basladı.

İsteğimize göre bir yerde elimiz mouse tuşundan kaldıralım. Gördüğünüz gibi Dairemiz oluştu.

Ama dairemizin dış hattı bize göre çok ince gelebilir. Peki bunu nasıl ayarlayacağız. Tabii ki "Basic" seçeneği yardımıyla. Hemen "Effect" penceremizi aktif hale getirelim. Ekranın sağ alt kısmındaki kalem simgesine tıklayarak bu işlemi kolayca halletmiş olacaksınız. Effect penceremizi aktif hale getirdikten sonra birinci, sekme olan "Stroke" seçeneğine tıklayalım. Tıkladıktan sonra karşımıza "Pencil" ve "1-Pixel Hard" yazan iki tane açılır menü çıkacak. Bunlardan birincisi olan "Pencil" menüsüne tıklayıp, seçeneklerden "Basic" e tıklıyoruz. Tabii bütün bu işlemleri yaparken dairemizin seçili durumda olmasını söylememize gerek yok değil mi? Basic seçeneğine tıkladıktan sonra dairemizde değişiklik olduğunu göreceğiz. Buna kayıtsız kalıp, hemen altındaki açılır menüye de tıklayıp "Soft Rounded" komutunu uyguluyoruz. Bunu uygulamamızın sebebi, dairemizin dış hattının pürüzsüz bir hal almasını sağlamaktır. Siz burayı isteğinize göre ayarlayacaksınız. Şimdi dairemizin son durumuna bakıyoruz. Etrafı biraz kalın olmuş gibi. Hemen "Effect" penceremizin sağ alt kısmındaki 4 değerini isteğimize göre değistiriyoruz. Mesela biz 2 seçeneğini kullandık. Böylece isteğimize göre dairemizi oluşturmuş olduk. Aynı şeyleri, diğer geometrik şekiller ve metinler içinde kullanabilirsiniz.

Anlatmış olduğumuz daire metodunu çok basit bulabilirsiniz ama "Fireworks" e yeni başlayan kullanıcılar için altın bilgi yerine geçiyor. Basit ama çok önemli unsurlardır bunlar. Bundan sonra çıtamızı yavaş-yavaş yükseltmeye başlayalım. Gelin Web'de esine çok rastladığımız "Rollover Butonlar" tasarlayarak başlayalım işe.

Bunu başarmak için bize ilk önce iki tane grafik dosyası gerekiyor. Bunlardan birincisi sayfada normal olarak görünecek olan, ikincisi ise mouse imlecimizi birinci resmin üzerine götürdüğümüzde çıkacak olan grafiktir. Öncelikle Fireworks'te bu iki grafiğinizi hazır hale getirmeniz gerekiyor.

Şimdi düğmenizin birinci hali olan grafik dosyanızı seçin ve sağ tıklayıp "Edit*Cut" komutu ile uygulayın. Bu sayede grafik dosyanızı bulunduğu alandan kesmiş olacaksınız. Burada dikkat edilmesi gereken unsur; eğer grafik dosyanızın üzerinde Text'te kullandıysanız, "Shift" tuşunu basılı tutarak ikisini birden sırayla seçebilirsiniz.

Insert menüsünden "New Button" seçeneğine tıklayın. Karşınıza boş bir sayfa gelecektir. Sol üst tarafta, çeşitli sekmeler bulunuyor. İsterseniz bunları açıklayarak sizleri aydınlatalım.


"Up" Düğmenizin ilk görüntüsünü bu kısma yapıştıracaksınız.
"Over" Düğmenizin üzerine mouse ile geldiğinizde belirecek olan grafik dosyası, yani düğmenizin ikinci görüntüsü bu kısma yapıştırılacak.
"Down" Düğmenize tıkladığınızda hangi şekli almasını istiyorsanız, o grafik dosyasını bu kısma yapıştıracaksınız.
"Over While Down" Düğmenize tıkladıktan sonra, mouse ile üzerine geldiğinizde, hangi şekli almasını istiyorsanız, o grafik dosyasını da bu kısma yapıştıracaksınız.
"Active Area" Düğmenizin bütün şekillerini bu sekmeden takip edeceksiniz.

Bütün sekmeleri tanıdık. Basit bir Rollover efekti yaratacağımızdan, sadece "Up" ve "Over" kısımlarıyla ilgileneceğiz. Daha önceden kesmiş olduğunuz grafik dosyanızın ilk görüntüsünü "Up" sekmesine yapıştırıyorsunuz. Ortadaki artı işaretine dikkat etmeniz gerekiyor. Çünkü artı işareti sayfanın tam ortasını gösteriyor.

Düğmenizin ilk halini "Up" kısmına yapıştırdıktan sonra sağ üst kösedeki x düğmesine basıp, "New Button" penceresini kapatın ve Fireworks'un arabirimine geçin. Grafik dosyanızın ikinci halini de seçip sağ tuş ile tıklayın. "Edit*Cut" komutunu uygulayarak grafik dosyanızın ikinci halini de kesin.

Tekrar "New Button" penceresine geçmek için oluşturmuş olduğunuz butonun üzerine çift tıklamanız gerekiyor.

New button penceresini tekrar açtıktan sonra, kesmiş olduğunuz, grafiğinizi de "Over" sekmesine yapıştırın. Dikkat etmeniz gereken tek şey, "Up" sekmesindeki grafikle, "Over" sekmesindeki grafiğin aynı hizada olmasıdır. Bunu da biraz önce belirttiğimiz gibi, sayfanın ortasındaki artı işaretini baz alarak, kolayca halledebilirsiniz.

İşlemimiz bu kadar. New Button penceresini kapatın ve Fireworks'un arabirimine geçin. Oluşturmuş olduğunuz Rollover efektini "Preview" sekmesini kullanarak inceleyebilirsiniz.

Oluşturduğunuz düğmenizi Web sayfası biçiminde kaydetmek için "File*Export" seçeneğini seçin. Bir dizin belirttikten sonra "Save" düğmesine basıp kayıt işleminizi bitirin.

EFEKTLER...

Şimdi de efekt seçeneklerine geçelim. Fireworks içinde bir çok efekt'i barındırmakta. Bunları kullanarak grafiklerinizi görsel açıdan daha da zengin hale getirebilirsiniz. Hemen efektlere ve özelliklerine geçelim.

İlk önce "Window*Effect" seçeneğine tıklayıp, "Effect" penceresini açık hale getirin. Çünkü bütün efektlerimizi bu pencereden seçeceğiz.

"Bevel and Emboss"
"Inner Bevel" Uyguladığınız Text veya grafiğinizin bütününe kabarma hissi verir.
"Inset Emboss" Grafik veya Text'inizin üzerine doğru kabartma efekti verir.
"Outer Bevel" Dış'a doğru eğim hissi verir.
"Raised Emboss" Grafik veya Text'inizin alt tarafına kabartma hissi verir.
"Blur" Bu efekt ve alt seçenekleriyle, grafiklerinize bulanıklık hissi verebilirsiniz.


"Other"
"Convert to Alpha" Grafiğimizi saydam hale getirir. Böylece istediğimiz bölgeye yerleştirip, çok güzel görüntüler yakalayabiliriz.


"Find Edges" Kenar çizgilerini keskin hale getirir.
"Shadow and Glow"
"Drop Shadow" Grafiğimiz veya Text'imizin belirttiğimiz yerine doğru gölge verir.
"Glow" Grafiğimiz veya Text'imize arkadan ışıklandırılmış havası verir.
"Inner Glow" Grafiğimiz veya Text'imize içten yer yer ışıklandırılmış havası verir.
"Inner Shadow" Grafiğimiz veya Text'imize içten gölge verir.
"Sharpen" Bu menü ve alt seçeneklerini kullanarak grafiklerinize keskinleştirilmiş, daha da netleşmiş bir hava verebilirsiniz.
"Eye Candy"
"Bevel Boss" Grafik veya Text'imize kabartma efekti uygular.
"Marble" Grafik veya Text'imize doku efekti uygulamamızı sağlar.
"Motion Trail" Grafik veya Text'imize iz bırakarak uçuyormuş havası katar.

elıne saglık bende su an bununla ugrasıyodum muthiş oldu valla