-
Macromedia Fireworks Giriş [Resimli Anlatım]
Menüleri basit olarak tanımaya çalışacağız. İlk olarak en başta gördüğümüz file menüsünden başlayalım.
http://www.acemiler.net/images/dersl...lermx/file.gif
"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.
http://www.acemiler.net/images/dersl...lermx/edit.gif
"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ü.
http://www.acemiler.net/images/dersl...lermx/view.gif
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.
http://www.acemiler.net/images/dersl...rmx/select.gif
"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.
http://www.acemiler.net/images/dersl...rmx/modify.gif
"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.
http://www.acemiler.net/images/dersl...lermx/text.gif
"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.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworksta Küp Çizimi
1- Öncelikle File menüsünden New'u seçelim.Custom renginide #CCCC99 olarak girelim.Sayfa boyutlarımızı da 400 / 400 olarak girelim.
http://img408.imageshack.us/img408/2490/kup1yd6.jpg
2- View menüsünden Grid / Edit Grid alt menüsüne giderek ekranda görüldüğü gibi ayarlarımızı yapalım.
http://img520.imageshack.us/img520/4109/kup2ae6.jpg
3- Yine View menüsüne giderek, Grid / Show grid alt menüsünü seçelim.
http://img520.imageshack.us/img520/4268/kup3fl5.jpg
4- Tools panelinden Vector araçlarına giderek,Rounded Rectangle'ı seçelim.
http://img19.imageshack.us/img19/5540/metal2lk4.jpg
5- Bu seçimi yaptıktan sonra,144 / 144 iki adet Rectangle şekillerimizi çizelim.Ardından da ekrandaki gibi hizalayalım.
http://img522.imageshack.us/img522/4779/kup4kg0.jpg
6- Properties paneline giderek,her iki Rectangle şekli seçli iken,Transparan ayarını ekranda olduğu gibi "76" değerine düşürelim.
http://img520.imageshack.us/img520/3299/kup5ee6.jpg
7- Tools panelinden Vector araçlarına giderek,Line tool seçeneğini tıklayalım.
http://img515.imageshack.us/img515/4097/kup6hv5.jpg
8- Bu seçimi yaptıktan sonra Properties panelinden ekranda görülen ayarları yapalım.
http://img520.imageshack.us/img520/6189/kup7el5.jpg
9- Line tool'u seçtikten sonra bu iki Rectangle şekilleri arasında ekranda görüldüğü gibi çizgilerimizi oluşturalım.Fakat bu çizim esmasında shif tuşu mutlaka basılı olmalıdır.Aksi takdirde çizgilerimiz istediğimiz noktaya gidilme esnasında bize istediğimiz sonucu vermez.Line tool seçildikten sonra,mavi Rectangle'ın üst kısmındaki noktaya mouse ile sol tıklanır ve diğer şekle doğru(ekrandaki gibi)çizilme işlemi gerçekleştirilir.Çizmeye başlamadan önce mouse ile sol tıklanır ve yine bitiş noktasına gelince mouse ile sol tıklanır.Böylece ekrandaki gibi çizgilerimiz tek tek oluşur.
http://img522.imageshack.us/img522/4842/kup8rh7.jpg
10- Artık isterseniz Rectangle şekillerimizi bir kenara atabiliriz.Ben bu tercihi yaptım.
http://img515.imageshack.us/img515/6794/kup10op9.jpg
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworks Çalışmalarını HTML Olarak Kaydetmek
1- Bu çalışmayı anlatırken ekranda görünen kendi oluşturduğum tasarımı kullanacağım.
http://img517.imageshack.us/img517/5...nemezl0.th.jpg
2- Çalışma sayfamızın hemen üst kısmında (ok simgesişeklinde)yer alan ,alana gidip,Quick Export' u seçelim.
http://img521.imageshack.us/img521/8505/html1uh8.jpg
3- Bu sekmeye tıkladıktan sonra Dreamweaver menüsüne tıklayın ve buradan da açılan menülerden Copy HTML to Clipboard menüsünü seçelim.
http://img258.imageshack.us/img258/1329/html2lk6.jpg
4- Karşımıza çıkan Export penceresinden ekranda görüldüğü gibi ayarlarımızı yapalım.
http://img64.imageshack.us/img64/7558/html3vx0.jpg
Shot at 2007-08-20
5-
http://img64.imageshack.us/img64/5968/html4cz2.jpg
6- Ve klasörümüzde görüldüğü gibi bir adet jpg dosyamız ve bir adette html dosyamız belirmiş, bulunmaktadır.Html dosyamıza tıklayarak sayfamızı açabiliriz.
http://img411.imageshack.us/img411/9624/html5sx9.jpg
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworks Gif Animasyon - 1
1- Öncelikle ekranda görüldüğü gibi ayarlarımızı girerek bir çalışma sayfası oluşturalım.
http://img245.imageshack.us/img245/3...masyon1bi8.jpg
2- Oluşturduğumuz çalışma sayfası içine bir resim Import edelim.
http://img245.imageshack.us/img245/3...masyon2kc9.jpg
3-Resmimiz seçili iken Modify menüsünden Animation menüsüne giderek,Animation Selection alt menüsünü seçelim.
http://img245.imageshack.us/img245/7...masyon3kj3.jpg
4- Bu seçimi yaptıktan sonra ekrandaki gibi değerlerimizi girelim.
http://img177.imageshack.us/img177/9...masyon4gt0.jpg
5- Şimdide çağırdığımız resmi seçelim.Resmimiz silinse dahi Animation Selection seçimimiz ile ortaya çıkan frame' ler ekranımızın sağ kısmında hala belitgin halde bulunacaktır.
http://img341.imageshack.us/img341/6...masyon5zc2.jpg
6- Her frame seçeneğine tıklayarak beş ayrı resim import edelim.Her frame içinde resimlerimizin ve çalışma sayfamızın ölçülerinin aynı olmasına dikkat edelim.Seçilen bir frame mavi bir renk alır.
7- Beş ayrı frame içinde resimlerimizi import ettikten sonra.Her frame' in sağında bir rakam göreceğiz.Bu rakam ilk uygulamada genellikle sabit olarak yedi değerindedir.Yedi rakamını gördüğümüz yere çift tıklayalım ve elli değerini girelim.
http://img177.imageshack.us/img177/9...masyon6ax9.jpg
8- Resmimizi kaydetmeden önce Optimize kısmından Animated GIF formatını seçili hale getirelim.
http://img206.imageshack.us/img206/5...masyon7cv9.jpg
9- Çalışmamız bu şekli ile sonuçlandırılmış olmalıdır.
http://img206.imageshack.us/img206/9625/lalelerhh3.gif
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworks Rollover Button
1- Öncelike ekranda görüldüğü Edit menüsünden Insert seçeneğine tıklayalım ve New Button alt menüsüne gidelim.
http://img167.imageshack.us/img167/6...llover1wb2.jpg
2- Fireworks ekranımızda aşağıda görüldüğü gibi bir pencere açılacaktır.
http://img208.imageshack.us/img208/1...ver2rj3.th.jpg
3- Bu pencerede Up sekmesi seçili iken #006699 renk değerini girerek ekrandaki gibi bir Rectangle şekli çizelim.Bu şeklin üzerinede beyaz renkte bir "button" adlı bir yazı oluşturalım.Ardından da textimixe bir link verelim.Bunu textimiz seçili iken Edit / Insert /Rectangular Slice ile yapabiliriz.
http://img167.imageshack.us/img167/3...llover3or6.jpg
4- Over sekmesine tıklayalım.Sayfamız ilk önce boş gözükecektir.Copy Graphic butonuna tıklarsak butonumuz belirecektir.
http://img404.imageshack.us/img404/3...llover4oi3.jpg
5- Over sekmesinde iken textimizi seçili hale getirerek #CCCCCC renk değerini girelim.
http://img404.imageshack.us/img404/7...llover5lm8.jpg
6- Şimdide Down sekmesine tıklayalım.Yine görüldüğü gibi sayfa boş gözükecektir.Copy Graphic sekmesine tıklayalım tekrardan.Ardından butonumuz tekrar gözükecektir.Bu sekmede iken textimiz seçili haldei iken renk değerimizi #CCCC99 olrak değiştirelim.
http://img167.imageshack.us/img167/2...llover6ol8.jpg
7- Over While Down sekmesini seçtiğimizde yine sayfamızın boş olduğunu göreceğiz.Aynı işlemi tekrarlayarak Copy Graphic butonuna tıklayalım.Şimdi butonumuz tekrardan gözükecektir.Yine textimizin rengini değiştirmek için textimizi seçili hale getirelim ve ardından da #00CC66 renk değerini girelim.
http://img404.imageshack.us/img404/2...llover7io5.jpg
8-Active Area sekmesine tıklayalım.Ve bu pencerende de done butonu seçelim.
http://img167.imageshack.us/img167/1...llover8mu4.jpg
9- Rollover buton çalışmamızı bir önceki adımda anlatıldığı gibi done butonuna basarak bitirdiğimiz zaman,karşımıza böyle bir pencere çıkacaktır.Bu aşamaya kadar geldiğimizde artık çalışmamızı kaydedebiliriz.
http://img211.imageshack.us/img211/1...llover9yw0.jpg
10- Resim formatımızı jpg olarak ayarlıyalım.Ve File / Export menüsüne giderek ekrandaki gibi ayarlarımızı yapalım.Kaydettikten sonra butonumuzun işlevini rolloverbutton.html dosyası içinde görebiliriz.
http://img211.imageshack.us/img211/1...lover10lt5.jpg
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworks Magic Wand Tool (W) kullanımı
1- öncelikle bir resim import edelim.Resmimizin biraz sade bir resim olmasına dikkat edelim.Ben ekranda görünen resmi kullanacağım.
http://img515.imageshack.us/img515/3...formatiqz1.jpg
2- Tools paneline gidelim ve ardından Bitmap araçalarından Magic Wand Tool (W) aracını seçelim.
http://img521.imageshack.us/img521/3548/magic1gu3.jpg
3- Şimdide Magic Wand Tool ile resmimizdeki beyaz alana tıklayalım.Ekrandaki gibi seçili alan üzerinde kesik kesik çizgiler oluşmuş olmalıdır.
http://img299.imageshack.us/img299/872/magic2qx0.jpg
4- Bu adımda Select Menüsüne giderek Select Inverse 'yi seçelim.
http://img207.imageshack.us/img207/8932/magic3jw4.jpg
5- Resmimiz bu konumda iken sağ tıklayarak Edit menüsünden cut sekmesini tıklayalım.Ekranda görüldüğü gibi beyaz alanımız trasnparan hale gelmiş olacaktır.
http://img299.imageshack.us/img299/5333/magic4xl7.jpg
6- Resmimiz üzerindeki kesik çizgilerin kaybolmasını sağlamak için ESC tuşuna basalım.Çalışmamız bu konumda iken üzerine sağ tıklayalım ve Edit menüsünden copy sekmesine tıklayalım.
http://img207.imageshack.us/img207/4072/magic5ze5.jpg
7- Şimdide kopyaladığımız çalışmamızı CTRL + N ile açtığımız yeni sayfanın içene CTRL + V ile yapıştıralım.Ardından da arka plan rengini #CCCCCC değerini girerek ayarlıyalım.
http://img521.imageshack.us/img521/2820/magic6hy6.jpg
8- Şimdide resmimiz seçili iken Filters / Shadow and Glow / Inner Glow efektini seçelim.Ve ekranda görülen Inner Glow ayarlarını girelim.
http://img521.imageshack.us/img521/7878/magic7vc3.jpg
9-Ve çlışmamız bu şekli ile yer almış olacaktır.
http://img521.imageshack.us/img521/3332/magic8uf0.jpg
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
WEB 2.0 TEXT EFEKTİ
1- Birinci adımda File/New menuüsünden 400/200 yeni bir çalışma sayfası açalım.
http://img81.imageshack.us/img81/7171/web20textar7.jpg
2- Fareyi Tools Çubuğuna götürerek Text Tool seçimini yapalım.
http://img228.imageshack.us/img228/5...20text1uh3.jpg
3- Ben text olarak "HTMLTURK" ifadesini kullanıcağım. Siz istediğiniz bir texti yazabilirsiniz.
4- Textimizi mouse ile seçili hale getirdikten sonra, özellikler panelinden font türünü ve font büyüklüğünü, aşağıdaki resimde olduğu gibi ayarlıyalım.
http://img525.imageshack.us/img525/8...20text2cc8.jpg
5- Tools panelinden renk paletine gidelim ve renk paletine mouse ile bir kez tıklayalım.
http://img224.imageshack.us/img224/2...20text5nm5.jpg
6- karşımıza çıkan pencereden Fill Options butonuna tıklayalım ve solid seçeneğini Gradient olarak değiştirelim. Seçimi yaptıktan sonra enter tuşuna basın.
http://img384.imageshack.us/img384/3...20text4ld9.jpg
7- Şimdi tekrar renk paletine giderek resimdeki gibi renk kodlarını girelim.
http://img76.imageshack.us/img76/6227/web20text6qx3.jpg
8- Özellikler paneline giderek Filter/Shadow and Glow/Inner Shadow seçimini yapalım.
http://img266.imageshack.us/img266/6...20text3ok6.jpg
9- Inner Shadow ayarlarımızı resimdeki gibi girelim.
http://img380.imageshack.us/img380/6...0text11yv3.jpg
10- Filters/Shadow and Glow/Glow menüsünü seçtikten sonra çıkan penceredeki ayarlarımızı resimdeki gibi yapalım.
http://img443.imageshack.us/img443/7...20text8ro7.jpg
11- Filters/Shadow and Glow/Drop Shadow ,
http://img404.imageshack.us/img404/5...20text9hb7.jpg
İşte final!
http://img224.imageshack.us/img224/4...0text10zn1.jpg
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Ağaç Efekti ve Crop Tool kullanımı.1-İlk adımda Ctrl+N ile aşağıdaki resimde ki gibi ölçüler vererek,yeni bir sayfa açalım.Ben Custom'dan arka plan rengimi #333333 olarak veriyorum.
2-Tools Panelinden Rectangle tool(u)'u seçelim.Ve bu araç ile istediğimiz büyüklükte bir kare veya dikdörgen bir alan çizleim.
3-Bu adımda çizdiğimiz şeklinin renk değerini #996600 olarak belirleyelim.
4-Şeklimiz seçili iken Properties Panelinden Filters/Noise/Add Noise'i seçerek resimde görülen değerleri verelim.
5-Yine resmimiz seçili iken Properties Panelinden Filters/Blur/Motion Blur'u seçerek,resimde görülen değerleri verelim.
Crop Tool kullnımı için ise;
İlk önce Tools Panelinden Select/Crop Tool'u seçerek,resimde görüldüğü gibi mouse ile kare bir alan seçelim.Bu alan seçili iken entera basalım veya mouse'u çift tıklayalım.
Sonuç olarak seçili resmimiz aşağıda görülmektedir.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Ağaç Efekti ve Crop Tool kullanımı.1-İlk adımda Ctrl+N ile aşağıdaki resimde ki gibi ölçüler vererek,yeni bir sayfa açalım.Ben Custom'dan arka plan rengimi #333333 olarak veriyorum.
2-Tools Panelinden Rectangle tool(u)'u seçelim.Ve bu araç ile istediğimiz büyüklükte bir kare veya dikdörgen bir alan çizleim.
3-Bu adımda çizdiğimiz şeklinin renk değerini #996600 olarak belirleyelim.
4-Şeklimiz seçili iken Properties Panelinden Filters/Noise/Add Noise'i seçerek resimde görülen değerleri verelim.
5-Yine resmimiz seçili iken Properties Panelinden Filters/Blur/Motion Blur'u seçerek,resimde görülen değerleri verelim.
Crop Tool kullnımı için ise;
İlk önce Tools Panelinden Select/Crop Tool'u seçerek,resimde görüldüğü gibi mouse ile kare bir alan seçelim.Bu alan seçili iken entera basalım veya mouse'u çift tıklayalım.
Sonuç olarak seçili resmimiz aşağıda görülmektedir.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Edge Frame Efekti
1-İlk önce istediğimiz bir resmi import edelim.Ben aşağıdaki bu sardunya resmini kullanacağım.
http://img114.imageshack.us/img114/8070/edge1fs6.jpg
2-Filters/Alien Skin Splat LE/Edges seçelim.
http://img46.imageshack.us/img46/9674/edge2of0.jpg
3-Karşımıza çıkan penceredeki ayarları aşağıdaki gibi uygulayalım.
http://img170.imageshack.us/img170/359/edge3gx8.jpg
4-Son olarak resmimiz bu halini alacaktır.
http://img146.imageshack.us/img146/8321/edge5ne2.jpg
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworksta Auto Shape Properties Özelliği
1- Öncelikle 400/400 bir çalışma sayfasını, arka fon beyaz renkte olacak şekilde açıyoruz.
http://img170.imageshack.us/img170/4...erties1ss2.jpg
2- Tools paneline giderek, vector araçlarından resimde görüldüğü gibi "star" şeklini yani yıldızı seçelim.
http://img88.imageshack.us/img88/657...erties2iu7.jpg
3- Bu aşamada yıldız şeklimiz ekranda belirmiş olucaktır.
http://img204.imageshack.us/img204/7...erties3fd3.jpg
4- Windows menüsüne giderek, Auto Shape Properties özelliğinin seçili olmasına dikkat edelim. Eğer bu seçeneğimiz işaretli ise ekranın sağ kısmındaki panelde, Auto Shape Properties değerlerini görebiliriz.
http://img99.imageshack.us/img99/215...erties4ig4.jpg
5- Tools paneline giderek select araçlarından Pointer Tool araçını seçelim ve ekrandaki şeklimizi bu araç ile seçili hale getirelim. Bu işlemden sonra şekil üzerinde sarı noktalar göreceksiniz. Bu noktalar ile de oynayarak değişik şekiller ortaya çıkartabilirsiniz.
http://img222.imageshack.us/img222/8...erties5tt8.jpg
6- Şimdi şeklimiz seçili halde iken, aşağıda görmüş olduğunuz resimdeki Auto Shape Properties ölçülerini elle girelim.
http://img143.imageshack.us/img143/8...erties6at5.jpg
7- Çalışmamız bu şekilde sonuçlanmış olucaktır.
http://img180.imageshack.us/img180/7...erties7lc0.jpg
8- Ve beşinci adımdaki aracın kullanımını dikkate alarak sarı noktalarla oynadığımızda belkide karşımıza bir çiçek şekli bile çıkabilir.
http://img140.imageshack.us/img140/6655/flowerjg1.jpg
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
WEB 2.0 TEXT EFEKTİ 2
1- Birinci adımda File/New menuüsünden 400/200 yeni bir çalışma sayfası açalım.
http://img81.imageshack.us/img81/7171/web20textar7.jpg
2- Fareyi Tools Çubuğuna götürerek Text Tool seçimini yapalım.
http://img228.imageshack.us/img228/5...20text1uh3.jpg
3- Ben text olarak "HTMLTURK" ifadesini kullanıcağım. Siz istediğiniz bir texti yazabilirsiniz.
4- Textimizi mouse ile seçili hale getirdikten sonra, özellikler panelinden font türünü ve font büyüklüğünü, aşağıdaki resimde olduğu gibi ayarlıyalım.
http://img525.imageshack.us/img525/8...20text2cc8.jpg
5- Tools panelinden renk paletine gidelim ve renk paletine mouse ile bir kez tıklayalım.
http://img224.imageshack.us/img224/2...20text5nm5.jpg
6- karşımıza çıkan pencereden Fill Options butonuna tıklayalım ve solid seçeneğini Gradient olarak değiştirelim. Seçimi yaptıktan sonra enter tuşuna basın.
http://img384.imageshack.us/img384/3...20text4ld9.jpg
7- Şimdi Tools panelinden colors araçlarına giderek, hem textimizin hemde textimizin border rengini ,#3476BD renk değerini gierek değiştirelim.
Üsteki renk paleti border rengini gösteriri.
http://img261.imageshack.us/img261/4...20text1fj5.jpg
8-Özellikler paneline giderek Filter/Shadow and Glow/Drop Shadow seçimini yapalım ve resimde görüldüğü gibi ayarlarımızı girelim.
http://img228.imageshack.us/img228/2...20text2sn2.jpg
9- Tekrar Filter menüsüne gidelim ve Shadow and Glow/Glow seçimini gerçekleştirelim. Daha sonra da resimdeki gibi ayarlarımızı girelim.
http://img229.imageshack.us/img229/3...20text4hs0.jpg
10- Yukarıdaki adımların tümünü gerçekleştirdiğimiz zaman elde edeceğimiz sonuç resimdeki gibi olacaktır.. Bu aşama da ALT tuşunu basılı tutarak, mouse ile texti sürükleyin. Bu işlemi gerçekleştirdiğinizde textimiz kopyalanmış olacaktır.
http://img338.imageshack.us/img338/1...20text5ri1.jpg
11- Text kopyalanıp ikinci bir text resmi daha oluşturulduğunda, ekranın sağındaki layer panelinde ikinci bir katman daha oluşmuş olucaktır. Şayet bu panel gözükmüyorsa window menüsünden Layer seçimini yapın. Katmanlarınızı ismlendirmek içinde mouse ile üzerine geldiğiniz katmanı çift tıklayın ve vermek istediğiniz adı girin. Ben katmanlarımı bu şekilde adlandırdım.
http://img410.imageshack.us/img410/8...20text6pk6.jpg
12- Şimdide Layer panelinde ön_text yazan yeri mouse ile , bir kez tıklayarak seçili hale getirin. Resimdeki görülen transparan(saydamlık ayarı) ayarını 100'Den 40'a indirin.
http://img505.imageshack.us/img505/4...20text7mx3.jpg
13- Bu işlemden sonra ön_text adlı nesnemizi arka_text adlı nesnemizin üstüne , eşit gelecek şekilde taşıyalım. Sonra da resimdeki gibi, her iki textin seçilmesini sağlamak için mouse ile seçili hale getirelim.
http://img122.imageshack.us/img122/1...20text8gn5.jpg
14- Modify menüsüne giderek Flatten Selection seçimini yapalım ve gereksiz arka plan boşluğundan kurtulmak için, properties panelinde bulunan Fit Canvas butonuna tıklayalım. İşte sonuç:
http://img443.imageshack.us/img443/5...20ders2gv0.jpg
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworks Pul Çizimi
1- Öncelikle CTRL+N kısa yolunu kullanarak yeni bir çalışma sayfası açalım ve resimde görülen ölçüleri girelim.
2- Daha sonra Tools Paneline giderek Vector araçlarından Rectangle Tool (U) seçimini gerçekleştirelim ve mouse ile 342/220 dikdörtgen bir alan çizelim. Be şeklimizin renk değerini #CCCCCC olarak belirtelim. Bu arada View menüsüne giderek, Grid alt menüsünden Show Grid seçeneğini işaretleyelim. Edit Grid seçeneğinden de her iki piksel değerini 16 olarak değiştirelim. Bu seçenek işaretlendiği zaman , ekranda kare çizgiler göreceksiniz.
3- Bu adımda Properties bölümünün hemen sağ üst köşesinde bulunan,, 100% gözüken değeri, daha rahat çalışabilmek için,200% olarak değiştirelim.
4- Çizdiğimiz dikdörtgen alanı Layer Paneline giderek isimlendirelim. Ben Pul Alanı ismini verdim. Daha sonra resimde görülen göz simgesine tıklayın. Bu işlem Pul Alanı adını verdiğimiz layer alanı gizlenmiş olur. Bu simgeye tekrar tıklarsak Layer alanımız tekrar gözükür. Şayet bu alan sizde gözükmüyorsa Window/Layer seçimini yapınız.
5- Şimdi de tekrar Tools Panelinden Vector araçlarına giderek Rectangle Tools (U) seçimini yapalım ve daha rahat çalışabilmek için diğer şeklimizden farklı bir renk değeri girelim. Bu şeklin üst kısmının yatay bir cetvel çizgisi ile aynı hizaya gelmesine dikkat edelim.
6- Bu işlemi gerçekleştirdikten sonra, diğer bir Vector aracı olan Elipse Tool (U) aracını seçelim ve mouse ile 14/14 bir daire şekli çizelim.
7- Daire şeklimizi, çizdiğimiz dikdörtgen şekil üzerine resimde görüldüğü gibi yerleştirelim. Bu yerleştirme esnasında klavyemizin yöntuşlarından da faydalanmakta yarar var. Daire şekli mouse ile tıklanıldığında dört ayrı beyaz noktanın oluştuğunu göreceksiniz. Bizi ilgilendiren sağda ve solda duran beyaz noktalar. Bu iki nokta resimdeki dikdörtgen şeklin tam üst çizgisinden geçmiş olmalı.
8- Daire şeklimizi çoğaltmak için , ALT tuşunu basılı tutarak, mouse ile daire şeklimizi sürükleyelim. Bu işlemi altı adet daire şeklimiz olana kadar devam ettirelim.
9- Shift Tuşu basılı iken altı adet daire şeklimizi mouse ile teker teker seçelim. Daha sonra Ctrl+C kısa yolu ile kopyalayalım. Bu işlem kopyalama işlemimizin daha kısa sürede gerçekleşmesini sağlayacaktır. ctrl+V kısa yolu ile yapıştırma işlemimizi yapalım ve alttaki resimdeki gibi bir sonucu elde edelim.
10- Ctrl+A tuşu ile ekranda görülen nesneleri seçili hale getirelim.
11- Şekiller seçili durumda iken Modify menüsüne giderek Combine Paths/Union seçimini yapalım.
12- Oluşan bu yeni şeklimize Layer paneline mousei leçift tıklayarak, Kenarlık, adını verelim ve bu şekli dört adet kopyalayalım. Kopyalanan her şeklimizi Layer panelinden, daha önce öğrendiğimiz gibi gizleyelim ve dersin en başında çizmiş olduğumuz Pul Alanı adlı layerımızı tekrar görünür yapalım.
13- Pul Alanı adlı şeklimizi görünür yaptıktan sonra, Kenarlık adındaki layerlarımızdan birini görünür hale getirelim ve resimdeki gibi yerleştirelim. Resimdeki gibi bir yerleşim için Modify/ Transform menüsünden faydalanabilirsiniz. Eğer Pul Alanı adlı şeklimizin üst kısmı yatay çizgilerden birine eş bir duruma getirilirse uygulamamız daha kolay olucaktır.
14- Ardından da Ctrl+A kısa yolunu kullanalım. Her iki şeklimiz de seçili iken Modify/combine Paths menüsünden Punch seçimini yapalım ve rerimdeki gibi bir sonuç alalım.
15- Punch işlemimizi kopyaladığımız kenarlık şeklinin kullanarak diğer kenarlara da uygulayalım.
16- Properties paneline giderek Filter/Shadow and Glow/Drop shadow seçimin yapalım ve resimde görülen değerleri girelim.
17- Kenarlara efekt verme işlemimiz bittiğinde Properties panelinden, şeklimiz seçili iken, ,resimdeki gibi Group aracını, mouse ile tıklayalım.
18- Sıra geldi pulumuzun resmine, 300/170 boyutlarında bir resmi pulumuzu ortalayacak biçimde yerleştirelim.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Macromedia Fireworks 8 Resimli Dersler
Fireworks kullanan arkadaşlar
Burada sizler içinde sakıncası yoksa resimli fireworks dersleri anlatalm.
Başka bir forumda anlatıyorduk aslında ama orda gerekli ilgiyi bulamadım.Umarım burda coşarız Fireworksta.
Derse başlayalım.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Texti resme bağlamak
1.Birinci adımda resmimizi çağıralım
5- Daha sonra Layerimizi seçiyoruz ( Sağ tarafta açtığımız layerin üstüne bir kere tıklayın)
6-Text- Attach to path yapıyoruz.
7-Resmin son hali
http://img400.imageshack.us/img400/8928/patc3dv4.jpg
İşlemi Yapmak İçin İlk Önce Arkadaşımızın İlk Yaptığı İşlemleri Yaparız, Daha Sonra Alt Tarafa Ters Olarak Koyduğumuz Resime Gradient Vermemiz Gerekiryor
Vermek İçin İster Yazıyı Text Menüsünden Bir Seçenekle Resime Dönüştürür Resim Olarak Gradient Veririz İstersen Textin Rengini Değiştirmek İçin Renk Paletine Girerek File Option Seçeneği Vardı yanlış hatırlamıyorsam ismini ona tıklarız daha sonra seçeneklerden gradient seçeneğini seçeriz ve gradient şeklini seçeriz en uygunu linear efekti idir bu işlemleri yaptıktan sonra edit menüsünden gradient renk paletini açıyoruz ve istediğin renkleri veriyoruz. İşlemleri bitirdikten sonra ise istersen opacity değerleri ile oynayabilirsin
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
İnner Bevel Effecti ve Drop Shadow ile Text Effekti
Adım adım anlatalım:
1-İlk önce Tools panelinden Text Tool u seçelim.Yandaki resimde görüldüğü gibi.
2-Daha sonra imlecin yanıp söndüğü noktaya resimde görüldüğü gibi bir text yazalım.
3-Filters/Bevel and Emposs/Inner Bevel ı seçelim.
4-Inner Bevel değerlerimizi resimde görüldüğü gibi verelim.
5-Textimiz bu aşamada bu şekli le gözükecektir.
6-Şimdide yine Filters a gidip Bevel and Emposs/Drop Shadow u seçiyoruz.
7-Drop shadow değerlerinide resimde görüldüğü gibi veriyoruz.
8-Sonuç olarak karşımıza çıkan çok basit bir text effekti.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Insert Emboss Text Efekti
1-Ctrl+N ile karşımıza çıkan pencereden 600 e 200 boyutunda bir arka plan büyüklüğü oluşturuyoruz.Yine aynı pencereden custom ı seçip,renk olarak #CCCCCC değerini giriyoruz.
2-Tools Panelinden A Text Toolu seçip istediğim bir texti oluşturuyoruz.Yani yazımızı.
3-Yazımız seçili iken properties panelinden W:400 H:150 değerleri verilmiş şekli ile ayarlıyoruz.Eğer properties paneliniz gözükmüyorsa windows menüsünden properties seçili hale getirmelisiniz.
4-Filters/Bevel and Emboss/Insert Emboss u seçelim.
5-Insert Emboss için aşağıdaki değerleri girelim.
6-Çalışmamızın son hali bu şekilde olacak.Eğer arka plan renginizi properties panelindeki canvas tan bir kaç değiştirirseniz.Efektin arka plan rengi ile paralel değiştiğini görebilirsiniz.
7-Bu aşamada bir de bir resim çağırıp resmimizin üzerinde aynı yazıyı oluşturalım.Çıkan pencereden bir resim çağırıp resmin boyutunu canvas size yani arka plan büyüklüğüne uygun şekilde properties panelindeki W:600 H:200 olrak verelim.Eğer arka plan ve resim arasında boşluklar hala varsa fit canvasa tıklarak bu durumu önleyebilirsiniz.
8-Resim üzerine koymuş olduğumuz text ve bu texte verilmiş Inner Emboss efekti yukarda sunduğumuz ile aynı aslında.Fakat arka planımızda bir resim var.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworksta Karakalem Efekti
1-Canvas yani arka fon rengimizi beyaz olarak ayarlıyoruz ve eğer karakalem efekti vereceksek arka fon renginin beyaz olmasına özen göstermeliyiz.Aksitakdirde iyi bir netice alamayız.Canvas ölçülerimizide 300e 300 veriyoruz.
2-File menüsünden importu seçip resmimizi çağırıyoruz.Resim ölçülerimizide canvas ölçülerine uygun 300 e 300 uygun olarka ayarlıyoruz.Resmimizin seçili olmaması şartı ile fit canvas dersek resim ve canvas (arka plan) ölçülerimiz eş değer olacaktır.
3-Resmimizin aşağıda görüldüğü gibi siyah beyaz olmasını sağlayalım.
4-Bu adımda resmimiz koyulaşacaktır.
http://img106.imageshack.us/img106/3...emders5le2.jpghttp://img116.imageshack.us/img116/3...emders6kz8.jpg
5-Properties panelinden blend mode ayarını ,daha basit bir deyim ile normal yazan yeri mousemızla tıklayıp difference yapalım.Resimde görüldüğü gibi bir sonuç elde edeceğiz.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Inner Glow ve Outer Bevel Effecti
1-File/New seçtikten sonra karşımıza çıkan pencereden aşağıdaki resimde görülen değerleri girelim.
2-Tools panelindeki vector kısmı altında bulunan Rectangle Tool u seçin.Eğer başka bir araç seçili ise o an.Bu aracın üzerinde mouseunuzu basılı tutun ve diğer araçları seçmek için açılan alt menüden Rectangle Toolsu seçip Width:600(Properties panelindeki W) Heihgt:160 (Properties panelindeki H)olarak girin.
3-Resimde görüldüğü gibi renk değerimizi #999966 olarak girelim.
4-Bu aşamada çizdiğimiz Rectangle Tool bu şekli ile yer almalı.
5-Filters/Shadow and Glow/Inner Glow u seçelim.
6-Inner Glow değerlerini resimde görüldüğü gibi ayarlayalım.
7-Inner Glow efekti sonucunda ortaya çıkan efektimiz resimde görüldüğü gibi olmalıdır.
7-Şimdide Tools Pnelinden Text Tool(A ) u seçelim ve reSmimmizin üzerine istediğimiz bir yazıyı yazalım.Textimizin renginide yine Tools panelindeki colOurs dan #CCCCCC olarak girelim yada istediğiniz bir rengi seçelim.
8-Text Boyutunu büyültmek için ilk önce yazımızı seçili hale getirelim daha sonra Text menüsünden size ı seçip istediğimiz büyüklüğe getirelim.
9-Textimiz seçili halde iken Filters/Bevel and Emboss/Outer Bevel ı seçelim.Outer Bevel ayarlarımızı aşağıda görüldüğü gibi girelim.Değerler üzerinde oynadıkça farklı OUTER BEVEL efektleri alabileceğimizide unutmayalım.
10-Son olarak resmimiz benim yaptığım haliyle bu olacak.Eminim sizler daha iyisini yapacaksınızdır.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
fireworks bitmap mask
1- File menüsünden yeni bir sayfa oluşturalım.
2- Transparan seçeneğini tıklayalım ve sayafmızın boyutlarını 400/400 olarak ayarlayalım.
3-İstediğimiz bir resmi import edelim.
4- Açılan klasör içinden bir resim seçelim.
5-Eğer bir resmi çağırdığınızda sayfa boyutları ile resim boyutları eşit değilse,aşağıdaki resimde olduğu gibi,bunu Fit Canvas'ı tıklayarak tek tıklama ile halledebiliriz.Fakat resmin seçili olmamasına dikkat etmeliyiz.
6-Daha sonra Tools panelinden bitmap araçlarına gidelim ve ovam marquee tool(m)yi seçelim.
7- Mouse ile resmimizin üzerinde, aşağıda verilen resimde yapıldığı gibi ,bir alanı seçelim.
8-Layer panelinden resimde görüldüğü gibi,imlecin resimde içinde bulunduğu nokta,Add to maska tıklıyoruz.
9-Ben çalışmamı oluşturken canvas rengimi siyaha çevirdim.Ve sonuç olarak:
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworksta Attach to Path Kullanımı
1-İlk adımda yeni bir sayfa açalım.Açtığımız bu yeni sayfa içine kendi istediğimiz bir yazıyı yazalım.Ben "Adapazarı Meslek Yüksekokulu * * * * " yazacağım.
2-Tools panelinden Vector/Elipse Tools u seçelim.Ve bu araç ile bir daire çizerken klavye üzerindeki shifte basılı tutalım.Böylece düzgün bir daire çizimi oluşacaktır.
3-Resimdeki gibi textimizin ve daire şeklimizin seçili olmasını sağlayalım.
4-Text Menüsünden resimlerimiz seçili iken Attach to Path seçelim.
5-Uygulamamızı doğru adımlar ile uyguladığımızda karşımıza çıkacan sonuç resimde görülmektedir.
Not:Bu ders anlatımında ilk olarak siyah renk seçimi ile uygulanan daire şeklinin rengi daha sonra Transparan hale getirilmiştir
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Transpararan Text Efekti
1-File menüsünden Import u seçtikten sonra açılan pencereden bir resmi ithal edelim ,yani çağıralım.Resmimiz biraz büyükçe olsun özellikle bir manzara resmi olursa uygulamamız için çok daha faydalı olacaktır.
Bu aşamada benim çağırdığım resim aşağıdaki gibi olacaktır.
2-Import edilen resmimizin üzerinde istediğimiz bir Text i (yazıyı) oluşturalım.
3-Filters/Bevel and Emboss/Raised Emboss u seçelim.
4-Raised Emboss değerlerimizi resimde görüldüğü gibi ayarlayalım.
5-Uygulamamız sonucunda ortaya böyle bir tablo çıkacaktır.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworksta basit bir buton yapımı
1-İlk önce 300/300 Transparan bir çalışma alanı açalım.Tabi butonumuz bu kadar büyük olmayacak.Biz sadece rahat çalışmak için böylesine büyük bir çalışma alanı açtık.
2-Tools panelinden vector araçlarına giderek 200/60 bir Rectangle Tool(U)
alanı çizelim.Ve #0066CC değerinde bir renk ayarı yapalım.
3-Rectangle Roundness değerimizi 60 olarak ayarlayalım.
4-Şeklimizin dış hat çizgisinin kalınlığımı,yani stroke kcetegory'i 3 olarak ayarlayalım ve #0000CC değerinde renk ayarını yapalım.
5-Filters/Shadow and Glow/Inner Glow'u seçelim.Ve resimdeki gibi değerlerimizi verelim.
6-Renk paletini açtığımızda alta görülen Fill Optionsu tıklayalım.Daha sonra Linear'ı seçelim.
7-Resimdeki gibi gösterilen araca tıkladığımızda,şeklimizin üzerinde yatay bir çizgi oluşacaktır.
8-Bu adımda bu çizgiyi resimde görüldüğü gibi dikey duruma getirelim.Yandaki resimde olduğu gibi de açık olan rengi orta kısma doğru sürekleyelim.
9-Şimdide #000099 renk değerini kullanarak bir text yazalım.Ben button adlı bir text oluşturdum.Ardından 4.adımda anlatıldığı gibi textimizin dış hat çizgisini #CCCCCColarak belirleyelim.Yada daha kolay bir anlatım ile:resimde yani Colors araçları içindeki yatay kırmızı şekle tıklayarak #CCCCCCrenk değerimizi verelim.
10-Son adımda ise arka plan ile eşitlemek için Fit Canvasa tıkladıktan sonra ,butonumuzu kaydetmek için,File/Export ederek kaydedelim.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworksta eski resim efekti verme
1-İstediğimiz bir resmi import edelim.
2-Ben, bir motor resmi üzerinde çalışmamı yapacağım.
3-Filters/Noise/Add Noise'i seçtikten sonra resimdeki gibi değerlerimizi verelim.
4-Add Noise değerleri verildikten sonra,resmimiz bu şekli alacaktır.
5-Command menüsünden Creative/Convert to Sepia Tone
6- Resmimiz bu şekli ile eski bir fotoya benzeyecektir.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworksta resimleri istenilen bir şekil içine yerleştirmek.
1-İstediğimiz bir resmi import edelim.
2-Ben bu çalışmada 400/400 bir resim import ediyorum.
3-Daha sonra resmimiz seçili iken,Edit Menüsünden Cut'ı tıklayoruz.
4-Şimdide Tools Panelindeki Vector araçlarına giderek.Resimdeki gibi Polygon tool(U)'u seçiyoruz.
5-Canvas color rengimi ben #CCCC99 olarak ayarladım.Siz istediğiniz bir canvas color rengini seçebilirsiniz.Ardından 4.adımda gösterilen araç vasıtası ile şeklimi aşağıda görüldüğü gibi çizdim.Şekil benim çalışmamda mavi rengi almışsada bunun pek bir önemi yok.
6-Şeklimiz seçili iken Edit menüsünden Paste Inside'ı seçiyoruz.
7-Sonuç olarak resmimiz şekil içine alınmış oldu.
8- Daha hoş bir görünüm vermek için Filters/Shadow adn Glow/Inner Glow efektini ekliyelim.
9-Inner Glow değerlerimizi resimde görüldüğü gibi verelim.Renk değeri olarak ,#CCCCCC rengini girelim.
10- Son olarak şekil içine resim alma çalışmamız Inner Glow efekti verilerek ,resimdeki gibi uygulanmıştır.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworksta Yansıma Efekti
1-Öncelikle 400/400 Canvas Color rengi beyaz olan yeni çalışma alanı açalım.
2-Tools Panelinden Vector araçlarına giderek Text Tool(T)'u seçelim.
3-İstediğimiz bir texti yazalım.Ben resimdeki gibi fireworks textini kullanacağım.
4-Renk paletini açtığımızda alta görülen Fill Optionsu tıklayalım.Daha sonra Linear'ı seçelim.
5- Şekilde verilen renk değerlerini girelim.
6-Bu adımda Edit/Duplicate yapalım.
7-Transform menüsünden free transformu seçtikten sonra textimizi mouse ile ters çevirelim.Resimdeki gibi imlecin bulunduğu kısımdan bunu yapabiliriz.Yani
üst kısımdaki küçük kare nokta vasıtası ile bunu yapabiliriz.
8-İki textimizde bu şekli almalıdır.
9-Command menüsünden Creatiave/Fade Image'i seçelim.
10-Siyah rengi ortaya doğru sürükleyelim.
Sonuç olarak yansıma efektli textimiz resimde olduğu gibidir.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworks Motion Trail Efekti
1-Öncelikle 400/312 boyutunda ve Canvas rengimiz beyaz olacak şekilde yeni bir çalışma sayfası açıyoruz.
2-Tools Panelinden Vector araçlarına giderek Text Tool(T)'u seçelim.
3-Ben bu çalışmada textimi "Fireworks" olarak oluşturacağım.Siz istediğiniz bir texti oluşturabilirsiniz.
Yine bu adımda Properties paneline giderek,textimiz seçili durumda iken,aşağıdaki şekilde görülen değerleri girelim.
4-Sanırım İ karakterini kullanarak ben hata yaptım.Resimleri tekrar screenlemeden ben çalışmamda bu karakteri I
olarak düzeltiyorum.İmleci hemen rengini değiştirmek istediğimiz karakterin yanına götürerek,ardından rengini değiştirmek istediğimiz karakteri aşağıdaki şekildeki gibi değiştiriyoruz.Renk değeri olarak ben #CCCC99 rengini kullanıyorum.
5- Renk düzenimiz bu şekilde olmalıdır.
6-Filters/Eye Candy 4000 LE/Motion Trail'i seçelim.
7-Motion Trail değerlerini resimdeki gibi girelim.
8-Son olarak Motion Trail efektimiz resimdeki gibidir.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworksta Pattern Text
1-Önelikle File/new ile yeni bir çalışma alanı açalım.Sayfamızın boyutlarını ve rengini şekilde görüldüğü gibi verelim.
2- Tools Panelinden Vector araçlarına giderek Text Tool(T)'u seçelim.
3- Ben çalışmamda "OPETH" textini oluşturdum.Siz istediğiniz bir texti yazabilirsiniz.Text renginin de herhangi bir önemi yoktur.
4- Renk paletini açtığımızda alta görülen Fill Optionsu tıklayalım.Daha sonra Pattern'ı seçelim.Bu aşamada textimizin seçili olmasına dikkat edelim.
5-Bu adımda ise Pattern'i seçtikten sonra aşağıdaki şekilde görüldüğü gibi,Pattern yazan kısmın hemen altında bir açılır menü göze çarpacaktır.Burdan wood2 seçeneğini tıklayalım.Other seçeneğine tıklyarakta bilgisayarmızda bulunan herhangi bir resmi pattern seçenekleri içine alabiliriz.
6- Pattern Textimiz böylece aşğıdaki resimdeki gibi oluşmuş bulunmaktadır.
7-Aynı Pattern resmi ile daha değişik görüntüler elde etmek istersek,öncelikle Tools panelindeki select araçalrına giderek pointer tool(V, 0) seçelim.Diğer resimdeki kare noktaları hareket ettirerek denemeler yapabilirsiniz.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworksta resimler üzerinde texture efekti kullanmak
1-Öncelikle 400/312 boyutunda ve Canvas rengimiz beyaz olacak şekilde yeni bir çalışma sayfası açıyoruz.
2-İstediğimiz bir resmi import edelim.
3-Ben çalışmamda bir yaprak resmi kullanacağım.
4- Tools panelindeki vector kısmı altında bulunan Rectangle Tool u seçin.Eğer başka bir araç seçili ise o an.Bu aracın üzerinde mouseunuzu basılı tutun ve diğer araçları seçmek için açılan alt menüden Rectangle Toolsu seçin.
5-Ardından resmimizi kaplayacak şekilde bir kare çizelim. #336633 renk değerinide girelim.
6- Properties panelinden resimde görülen değerleri girelim.Özellikle transparan ayarını seçelim ve transparan değerini 100 e çıkaralım.
7-Çalışmamızın son şekli resimdeki gibi olacaktır.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworksta Convert to Path
1- Custom renk seçeneğimizi #FFFFCC olarak girelim.Diğer ayarlarımızı şekildeki gibi girelim.
2- Tools Panelinden Vector araçlarına giderek Text Tool(T)'u seçelim.
3- Büyük harfler ile YASEMİN adlı bir text oluşturalım.
4- Y harfini mouse ile seçerek ,renk paletinden #CC9933 renk değerini verelim.
5-Text menüsünegiderek Convert to path'ı seçelim.
6- Y harfi üzerindeki mevcut noktaların belirlenmesi için,Tools panelinde bulunan Select araçlarıdan Subselection tool(A, 1)'u seçelim.Ardından mouseumuz ile Y harfini seçelim.
7-Properties panelinin hemen üzerinde bulunan 100%sekmesine tıklayarak, 300% veya daha üzeri bir değeri seçelim.Unutmayalımki bu değerlerin artması sayfamızı veya şeklimizi gerçekte büyütmez.Bu ayarı yapmamız sadece daha büyük çalışma alanında rahat çalışmak içindir.100% değerine döndüğümüzde bunu çok rahat bir biçimde anlarız.
8-
9-
10-Ben çalışmamın rengi ve büyüklüğü ile biraz oynadıktan sonra aşağıdaki bir çalışma meydana getirdim.Hepinize kolay gelsin.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Firewoks Metal Efekti
1-File/New seçtikten sonra.Aşağıdaki şekildeki gibi sayfa ayarlarımızı yapalım.
2-Tools panelinden Vector araçlarına giderek,Rounded Rectangle'ı seçelim.
3-Aşağıdaki gibi bir şekil çizelim.
4- Renk paletini açtığımızda alta görülen Fill Optionsu tıklayalım.Daha sonra Pattern'ı seçelim.Bu aşamada şeklimizin seçili olmasına dikkat edelim.
5-Ardından şeklimiz seçili iken pattern seçenklerinden Metal-Slip'i seçelim.
6-Properties panelinden resimde görüldüğü gibi Filters'a tıklayalım.Sonra Bevel and Emboos'tan Inner Bevel'ı tıklayalım.
7- Inner Bevel ayarlarımızı aşağıdaki resimdeki gibi yapalım.
8- Filters/Adjust Color/Hue Saturation seçtikten sonra resimde görüldüğü gibi renk ayarlarımızı yapalım.
9-
10-Fireworks programımızn hemen sağ kısmında aşağıdaki reme benzer bir kısım görünüyorsa imlecin blunduğu yere tıklayın.Eğer görünmüyorsa Windows menüsünden Layer'ı seçili hale getirin.
11-Tools Panelinden Vector araçlarına giderek Text Tool(T)'u seçelim.
12-Büyük harfler ile METAL adlı bir text oluşturalım.
13-Textimizin renk ayarlarını şekildeki gibi yapalım.Kalem simgesinin hemen yanındaki renk paletinden renk değerimizi #663300
olarak belirleyelim.
14-Textimiz seçili iken 6. adımda anlatıldığı gibi tekrar Filters efekt seçeneklerinden Inner Beveli seçelim.Yanlız bu sefer Inner Bevel ayarlarımız resimdeki gibi biraz daha farklı olacak.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
15- Tools panelinden Colours araçlarındaki kalem simgesinin hemen yanında bulunan renk paletine giderek,Stroke Options'u seçelim.
16-Ardından karşımıza çıkan pencerede aşağıdaki şekilde görüldüğü gibi ayarlarımızı yapalım.
17- Filters/Adjust Color/Hue Saturation seçtikten sonra resimde görüldüğü gibi textimizin renk ayarlarını yapalım.
18-Bu dersin 2. adımında anlatıldığı gibi ilk Rounded Rectangle çizimi ile aynı ölçülerde bir tane daha çizelim.Ve rengimizi daha kolay çalışmak için mavi tonajlarında seçelim.
19- Bu adımda ise yeni çizdiğimiz Rounded Rectangle şeklimizi resimde görüldüğü gibi yerleştirelim.
20- Renk paletini açtığımızda alta görülen Fill Optionsu tıklayalım.Daha sonra Gradient'ı seçelim.Bu aşamada şeklimizin seçili olmasına dikkat edelim.
21-Verilen şekillerdeki gibi gradient ayarlarımızı girelim.
22-
23-Yirmikinci adımda yatay olarak gözüken çizgimizi verilen şekildeki gibi ayarlayalım.
24-Aşağıdaki şekilde layer panelinden METAL yazan kısmı seçelim. Ardından mouse ile Layer2 kısmına sürükleyelim.
25- Bu görüntüyü elde etmiş olacağız.
26-LAYER PANELİNE giderek resimdeki gibi mouse ile mouse ile seçelim.Seçili alan resimdeki gibi mavi renke olmalı.
27-Properties panelinden Blend Mode ayarımızı Screen olarak belirleyelim.
28-Ben çalışmamı bu şekilde sonuçlandırdım.
Metal efekti olarak isimlemdirilsede Metalı anımsatan bir benzerlik olup olmadığını bilmiyorum.Fakat dersin faydalı olabileceğini düşündüğümden bu dersi
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Group Mask Text
1-Custom rengi #CCCCCC olan ve aşağıdaki resimde görüldüğü gibi boyutları 420/200 bir çalışma sayfası açalım.
2-İstediğimiz bir resmi import edelim.
3- Tools Panelinden Vector araçlarına giderek Text Tool(T)'u seçelim.
4- Textimizin rengini beyaz olarak ayarlayalım.
5-Resmimizi ve Textimizi seçili hale getirelim.
6-Modify menüsünden Mask/Group as Mask'ı seçelim.
7-Çalışmamız bu şekli ile sonuçlanacaktır.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworksta Link Vermek
1-Bu dersi anlatırken resimdeki butonu kullanacağım.Sizlerde istediğiniz bir texti veya resmi kullanabilirsiniz.
2-Tools panelinden Web araçlarına giderek hotspot aracı üzerinde mousei le basılı tutalım.
3- Daha sonra Rectangle Hostpot tool(j) aracını seçelim.
4-Daha sonra Rectangle Hostpot tool şeklimizi butonumuzun üzerine resimde görüldüğü gibi çizelim.
5-Dördüncü adımdaki hale getirdikten sonra çalışmamızı,properties panelimizde link isteyen bir kısım belirecektir.Bu kısmı aşağıdaki resimde verildiği gibi girelim.Unutmayalım ki linkimizin başında mutlaka http protokolü yazılı olmalıdır.
6-File menüsüne giderek export seçeneğini tıklayalım.
7-Açılan pencerede linkimizin adını verelim.Export seçenklerinden de HTML and Images'ı seçelim.
8-Çalışmamızı export ettikten sonra,yani kaydettikten sonra,kaydetmiş olduğumuz kısımda aşağıdaki resimde görüldüğü gibi,bir resim dosyası ve bir adette html dosyası olmalıdır.
9-Html dosyasına tıkladıktan sonra link verdiğimiz şekil görünecektir.Artık şeklimizin üstüne tıklayarak verdiğimiz link sayfasına ulaşabiliriz.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Resimler üzerinde Group Mask
1- File/New menüsünden 400/400 e bir çalışma alanı açalım.Custom rengimizi #CCCC99 renginde ayarlayalım.
2-İstediğimiz bir resmi import edelim.
3-Tools panelinden Vector araçlarına giderek Elipse tool(U)'u seçelim.
4-Resmimizin üzerine aşağıdaki resimde görüldüğü gibi Elipse Tool(U) şeklimizi çizelim.Yanlız bu şekli çizerken daha iyi bir sonuç almak için ,Shift tuşuna basılı tutalım.
5-Resmimiz ve Elips şeklimiz aynı anda seçili konumda iken Modify menüsünden Mask/Group as Mask'ı seçelim.
6-Çalışmamız yukardaki adımlar uygulandıktan sonra bu konumda olacaktır.
7-Filters/Shadow and Glow/Inner Glow u seçelim.Inner Glow değerlerini resimde verildiği gibi yapalım.Renk değerimiz burda #0000CC rengidir.
8-Properties paneline giderek,Filters Shadow and Glow/Drop Shadow seçeneğini uygulayalım.Drop Shadow değerlerini resimde verildiği gibi yapalım.
9-Yine Filters sekmesine tıklayarak, Shadow and Glow/Glow seçeneğine tıklayalım.Glow ayarlarımızı hemen yanda verilen resimdeki gibi yapalım.Glow renk değerimizi de #CCCCCC olarak ayarlayalım.
10- Çalışmamız bu şekli ile sonlanmış olacaktır.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworksta LOGO Tasarımı
1- İlk önce 400/400 boyutlarında transparan bir çalışma alanı açalım.
2-Tools panelinden Vector araçlarına giderek Elipse tool(U)'u seçelim.
3-Aşağıdaki şekildeki gibi 367/144 boyutlarında iki adet Elips çizelim.
4-Beyaz olan Elips şeklimizi aşağıdaki resimde olduğu gibi siyah renkteki Elips şeklin üstüne bırakalım.
5-İki Elips şeklimiz seçili halde iken ,Modify menüsüne giderek,Combine Paths/Punch'ı seçelim.
6-Bir önceki adımdan sonra çalışmamız bu şeklini alacaktır.Bu adımdan sonra ekranda görüğümüz be şekli CTRL+C ile çoğaltıyoruz.
7-Ardından Modiify menüsüne giderek,Transform/Rotate 180 seçeneğine tıklayalım.
8-Şeklimizi çoğladıktan sonraki çalışmamızın şekli ekranda görüldüğü gibidir.
9-"WT" adında bir text oluşturalım.Textimizin renk değerini #333333 olarak girelim.Ardından properties panelinde resimde görüldüğü gibi "B" ve "I" sekmelerine tıklayarak,yazımızı kalın(bold) ve italik yapalım.
10-Textimiz seçili konumda iken ,Tools paneline giderekhttp://img238.imageshack.us/img238/7672/logo11mv6.jpgSelect araçlarından Scale tool(Q)'u seçelim.Bu işlem ile, ekranda da gözüktüğü gibi, kare noktalardan mouse ile textimiz üzerinde büyültme yapabiliriz.
11-Yine Tools paneline giderek,Vector araçlarından Rectangle Tool(U)'u seçelim.Ardından aşağıdaki resimde görüldüğü gibi beyaz renkte kare şekillerimizi çizelim.
12-Textimizi, mouse ile bu adımda çizmiş olduğumuz şeklimizin üzerinden aynı sayfa içinde , farklı bir yere taşıyalım.
13-Bu adımda aşağıda verilen resimde görüldüğü gibi mouse ile (texti kısmı hariç )seçili hale getirelim.Ve ardından beşinci adımda anlatıldığı gibi
Punch efektini uygulayalım.Bu efekti beyaz alanlarımızın bulunduğu kısım yok olana kadar devam ettirelim.
14-Punchlama işlemimiz bittikten sonra çalışmamız aşağıdaki gibi gözükecektir.
15-Textimizi tekrar bu boşluklara uyacak şekilde yerleştirelim.
16-Textimizin bulunduğu kısıma mouse ile çift tıklayarak, "T" harfinin seçili olmasını sağlayalım.Daha sonra da #CC0000rengini ayarlayalım , "T" harfi için.Aynı rengi üst kısımdaki punchlanmış Elips şeklimiz içinde ayarlayalım.
17-LOGOmuzun alt kısmına yerleştirmek için,buna benzer bir text oluşturacağız.
Yeşil kısım için #669900 renk değerini ayarlayalım ve font büyüklüğünü 40 olarak belirleyelim.
Hemen ardından textimiz seçili halde iken,Properties panelindeki Filters seçenklerinden,Bevel and Emboss/Inner Bevel'ı seçelim.Inner Bevel ayarlarımızı aşağıdaki şekildeki gibi yapalım.
18-Ben çalışmamı bu şekilde sonuçlandırdım.
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworksta Banner Tasarımı
1- Tools Panelinden Vector araçlarına giderek,Elipse Tool(U) aracını seçelim.Aşağıda görüldüğü gibi 900/170 bir Elips Şekli çizelim.Ve bu elips şeklimiizn renk ayarını #CC9966 değerinde girelim.
http://img263.imageshack.us/img263/7...ner1el5.th.jpg
Aynı zamanda yukarıdaki şekilde görüldüğü gibi çalışmamızda hizalama yapmak için.View menüsünden Grid alt menülerinden Show grid 'i seçelim.
http://img168.imageshack.us/img168/7...banner9cl2.jpg
2- Elips şeklimiz seçili iken Renk Paletinde bukunan Fill Options sekmesini seçelim.Sonrada Gradient ve Linear seçimlerini yapalım.
http://img297.imageshack.us/img297/2...banner2kf1.jpg
3- Tools Panelinden Colors araçlarına giderek,Gradient Toolsu seçelim.Elips şeklimizin üstünde verilen şekilde görüldüğü gibi yatay bir gradient renk çubuğu oluşacaktır.
http://img101.imageshack.us/img101/9...banner3hs5.jpg
http://img241.imageshack.us/img241/5...ner4gp1.th.jpg
4-Bu yatay gradient renk çubuğunu aşağıda verien şekilde görüldüğü gibi mouse ile dik olarak ayarlıyalım.
http://img297.imageshack.us/img297/3...ner5es9.th.jpg
5- Filtes menüsünden Adjust Color seçtikten sonra.Hue and Saturation'u seçelim.
Aşağıdaki şekilde gibi renk ayarlarımızı girelim.
http://img218.imageshack.us/img218/7...banner6dk1.jpg
6-Yine Filters menüsüne gidelim ve Adjust Color alt menülerinden Curves'ı seçelim.Bu renk ayarımızda yine resimlerde verildiği gibi girelim.
http://img168.imageshack.us/img168/1...banner7my0.jpg
http://img168.imageshack.us/img168/2...banner8ca2.jpg
7- Elips şeklimiz bu aşamada aşağıda görüldüğü gibi olacaktır.
http://img72.imageshack.us/img72/940...er10cr7.th.jpg
8-Tools panelinden vector araçlarına giderek Rectangle Tools(U)'U seçelim.Daha sonrada şekilde görüldüğü gibi hizalama yapalım.
http://img441.imageshack.us/img441/6...er11ig4.th.jpg
9-Her iki şeklimiz seçili konumda iekn Modify menüsünden Combine Paths alt menülerinden Punchı seçelim.Çalışmamız bu işlemden sonra verilen şekildeki gibi bir biçim alacaktır.
http://img502.imageshack.us/img502/9...er12xs5.th.jpg
10-Daire içine alınmış beyaz noktalı yerlerden mouse ile aşağıya doğru sürükleme yapalım.
http://img266.imageshack.us/img266/1...er13kv4.th.jpg
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
11-Mouse ile şeklimiz belirten yerden itibaren uzattıktan sonra şeklimiz bu biçimde yer alacaktır.
http://img525.imageshack.us/img525/6...er14vr8.th.jpg
12-Tools panelinden Vector araçlarına giderek,Rectangle Tools aracını seçelim.Aşağıda verilen şekilde görüldüğü gibi (mavi alan) şeklimizi çizelim.
Bu şeklin renk değerinide #0033FF olarak ayarlıyalım.
http://img158.imageshack.us/img158/9...er15bc9.th.jpg
13-Mavi şeklimiz seçili iken renk paletine giderek,Fills Options sekmesini tıklayalım.Ardından Gradient'ı ve hemen altındaki menüden linear'ı seçelim.Daha sonrada Tools panelindeki Colors araçlarından Gradient Tools'u seçelim.Şeklimizin üzerinde oluşacak olan yatay şekildeki Gradient renk çubuğunu aşağıdaki şekildeki gibi dik olarak ayarlıyalım.
http://img297.imageshack.us/img297/2...banner2kf1.jpghttp://img186.imageshack.us/img186/8...anner20kl8.jpg
http://img166.imageshack.us/img166/3...er16qr4.th.jpg
14-Tools panelinden Vector araçlarına giderek,Recrangle Tools(U) seçimini yapalım.Sonra da verilen şekilde olduğu gibi ve rahat çalışabilmemiz için siyah bir Rectangle şekli çizelim.
http://img50.imageshack.us/img50/697...er17ag0.th.jpg
15- Siyah renkteki Rectangle şeklimiz seçili iken Properties Panelinden Filters sekmesine tıklayalım.Burdan da Bevel and Emboss alt menülerinden Raised Emboss'u seçelim.Verilen şekildeki gibide Raised Emboss efekti ayarlarımızı yapalım.
http://img522.imageshack.us/img522/4...anner18ka0.jpg
Bu adımı uyguladıktan sonra aşağıda verilen şekilde olduğu gibi siyah şeklimiz artık saydam bir hal alacaktır.
http://img517.imageshack.us/img517/8...er19or2.th.jpg
16-Tools panelinden Vector araçlarına gidelim.Bu kısımdan Rectangle Tools(U) aracını seçerek,100/33 siyah bir Rectangle şekli çizelim.
http://img125.imageshack.us/img125/1...anner21vc8.jpg
Properties Paneline giderek aşağıdaki şekildeki gibi ayarlarımız yapalım.Bu kısımda renk değerimizi #CCCCCC olarak girelim.
http://img241.imageshack.us/img241/5...anner22db5.jpg
Siyah şeklimiz seçili iken renk paletine giderek,Fiil options sekmesini seçelim.Burdan da solid seçeneğini Gradient olarak değiştirelim.Hemen altındaki linear seçeneğini olduğu gibi bırakalım.Tüm bunlardan sonra verilen şekildeki gibi renk değerlerimizi girelim.
http://img143.imageshack.us/img143/4...anner23lx4.jpg
http://img90.imageshack.us/img90/578...anner24nr0.jpg
Properites panelinden Filters sekmesine giderek Adjust Color alt menülerinden Curves' ı seçelim.Ardından da verilen şekildeki gibi renk tonunu ayarlıyalım.
http://img186.imageshack.us/img186/8...anner25ke2.jpg
Buton çalışmamız bu aşamada aşağıdaki gibi bir şekilde gözükecektir.
http://img187.imageshack.us/img187/9...anner26hs4.jpg
Fontumuz büyüklüğünün 15 değerinde ayarlıyalım.Fontumuz için #CCCCCC renk değerini kullanalım.
http://img187.imageshack.us/img187/8...anner27mp1.jpg
Yine fontumuz seçili konumda iken Filters/Adjust Color/Curves seçimini yapalım.
Aşağıda görüldüğü gibi de Curves renk ayarını yapalım.
http://img187.imageshack.us/img187/2...anner28pt4.jpg
17- Diğer butonlarıda oluşturduktan sonra aşağıda verielen şekildeki gibi butonlarımızı hizalı bir şekilde yerleştirelim.Ayrıca link vermek isterseniz bu sitede bulunan Fireworksta Link Vermak
adlı dersi inceleyebilirsiniz.
http://img529.imageshack.us/img529/5...er29pw5.th.jpg
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
18-Şekilde görüldüğü gibi textimizin renk ayarını , font büyüklüğünü ve font türünü ayarlıyalım.Renk değerimizi #CCCCCC olarak seçelim.
http://img169.imageshack.us/img169/5...anner31dw4.jpg
http://img510.imageshack.us/img510/7...anner30yi7.jpg
Fontumuz seçili iken Filters/Adjust Color/Hue and Saturation seçimini yaparak verilen şekildeki gibi renk ayarlarımızı yapalım.
http://img224.imageshack.us/img224/2...anner32gr7.jpg
Yine Fontumuz seçili konumda iken Filters/Shadow and Glow seçimini yaparak verilen şekildeki gibi Drop Shadow efekti ayarlarımızı yapalım.
http://img169.imageshack.us/img169/2...anner33bv7.jpg
Tools panelinden Colors araçlarına giderek fontumuzun kenar çizgisinin siyah renkte olmasını sağlıyalım.
http://img224.imageshack.us/img224/2...anner34yu8.jpg
19-Fontumuz bir üst adımdakileri yapmamızla birlikte aşağıda görüldüğü gibi bir şekil alacaktır.
http://img169.imageshack.us/img169/8...anner35jo6.jpg
20-Aşağıda görüldüğü bir slogan oluşturalım.Ve bu slogan textimizin renk değerini #006666 olarak ayarlıyalım.
http://img89.imageshack.us/img89/810...anner37pw6.jpg
Yine bu textimiz için aşağıda verilen şekildeki gibi properties panelindeki ayarları yapalım.
http://img249.imageshack.us/img249/3...anner36eq5.jpg
Filters/Shadow and Glow/ Drop Shadow seçimini yapalım.Daha sonrada Drop Shadow efekti ayarlarımızı şekildeki gibi girelim.
http://img89.imageshack.us/img89/664...anner38bm5.jpg
Filters/Shadow and Glow/Inner Glow seçimini yapalım.Inner Glow efekti ayarlarını şekildeki gibi ayarlıyalım.
http://img89.imageshack.us/img89/328...anner39xd1.jpg
21-Bir üstteki adımı tamamladığımızda slogan textimiz verieln şekildeki bir görünüm alacaktır.
http://img530.imageshack.us/img530/3...anner40we0.jpg
Ben çalışmamı bu şekilde bitirdim.
http://img165.imageshack.us/img165/4...nemeof5.th.jpg
Not:Bu dersin anlatımı boyunca bazı şekillerde boyutland
-
Yanıt: Macromedia Fireworks Giriş [Resimli Anlatım]
Fireworksta resimleri slice etmek
1- Önelikle File/Import seçimini kullanarak bir resim çağıralım.Bu resmin banner vb gibi web sayfalarında kullanılacak olan resimler olmasına dikkat edelim.Ben bu çalışmayı anlatırken bir banner resmi kullanacağım.
http://img505.imageshack.us/img505/8...nemetx9.th.jpg
2- Tools Panelindeki Web araçlarına giderek,Slice tool(K) aracını seçelim.
http://img217.imageshack.us/img217/5990/slice1cz7.jpg
3-Verilen şekilde görüldüğü gibi ,Slice took(K) aracını seçtikten sonra,banner resmimizin üzerine kare bir şekil çizelim.
http://img514.imageshack.us/img514/8...ice2lh2.th.jpg
4-Bu şeklin yanına aynı yöntem ile kare biçiminde bir Slice tool(K) şekli daha çizelim.
http://img227.imageshack.us/img227/5...ice3gg8.th.jpg
5-Kalan kısma yine kare biçiminde bir Scale tool şekli çizelim.
http://img402.imageshack.us/img402/9...ice4tz2.th.jpg
6-Şimdide Scale tool (K) şekilerine sağ tıklayarak Slice ettiğimiz kısımları Export edelim.
http://img505.imageshack.us/img505/3820/slice5ps2.jpg
Diğer Slice edilen kısımlar içinde aynı Export etme işini tek tek uygulayalım.
7- Slice edilmiş üç resmimizde ekranda görüldüğü gibi üç ayrı resim dosyası olrak kaydedilmiş bulunmaktadır.
http://img505.imageshack.us/img505/2477/slice6xs9.jpg
8-Resimlerimizi bazen bu şekilde bölüp HTML kodlarımıza entegre edersek,web sayfalarımız browser tarafından daha hızlı okunacaktır.
http://img227.imageshack.us/img227/1...ice7qn8.th.jpg
NOT: KONULARIN HEPSİ ALINTIDIR.HAZIRLAYAN ARKADAŞLARA TEŞEKKÜR EDİYORUM