Fireworks uygulamasında bir Animasyonlu GIF oluşturun

20/1

Fireworks uygulamasında Türkiye Animasyonlu GIF

Metin ve görüntüler © Sandra Trainor

Bu derste Fireworks CS6'yı renk değiştiren kuyruk tüyleriyle hindi animasyonlu bir GIF oluşturmak için kullanacağım. Bir örnek oluşturarak ve kopyalayarak başlayacağım. Bire değişiklikler yapacağım, ikisini de sembollere dönüştüreceğim, ikinci bir durum oluşturacağım ve animasyonu önizleyeceğim. Her iki durumun da süresini değiştireceğim, dosyayı Animasyonlu GIF olarak kaydedeceğim ve tarayıcımda göreceğim.

Bu eğitimde Fireworks CS6 kullanılmasına rağmen, Fireworks uygulamasının veya Photoshop'un son sürümlerini kullanabilmeniz gerekir .

Editörün Notu:

Adobe artık Creative Cloud'un bir parçası olarak Fireworks CC'yi sunmamaktadır. Fireworks uygulamasını arıyorsanız, Creative Cloud'un Ek Uygulamaları Bul bölümünde bulunabilir. Adobe artık uygulamaların artık desteklenmeyeceğini veya güncelleştirmeyeceğini duyurduğunda, uygulamanın kaybolması için sadece bir zaman meselesi olduğunu varsayabilirsiniz. Bunun tipik bir örneği, Yönetmen, Shockwave ve Contribute ile ilgili son duyuru.

Tom Green tarafından güncellendi

20/20

Yeni bir belge oluştur

Metin ve görüntüler © Sandra Trainor

Dosya> Yeni'yi seçerek yeni bir belge oluşturacağım. Genişliği ve yüksekliği 400 x 400 piksel, çözünürlük ise inç başına 72 piksel olacak. Tuval rengi için beyaz seçerim ve Tamam'ı tıklatın.

Ardından, Dosya> Kaydet'i seçeceğim, türkiye'yi png uzantılı bir dosya olarak adlandırıyorum, kaydetmek istediğimi seçin ve Kaydet'i tıklayın.

20/03

Bir çember çizin

Metin ve görüntüler © Sandra Trainor

Araçlar panelinde Kontur renk kutusunu tıklayacak ve siyahı, ardından Dolgu rengi kutusunda kahverengi renk örneğini seçecek veya Hex sayı değeri alanına # 8C4600 yazacağım.

Özellikler panelinde strok genişliğini 2 piksel yapacağım. Sonra Dikdörtgen aracının veya diğer görünür şekil aracının yanındaki küçük oka tıklatarak bulabileceğiniz Araçlar panelindeki Elips aracını seçeceğim. Vardiya tuşunu basılı tutarken, büyük bir daire oluşturmak için tıklayıp sürükleyeceğim. Vitesin kullanılması çemberin mükemmel bir şekilde yuvarlak olmasını sağlar.

20/04

Başka bir daire çiz

Metin ve görüntüler © Sandra Trainor

Yine, ben başka bir daire çizerken vardiya tuşunu basılı tutacağım, sadece bu dairenin sondan daha küçük olmasını istiyorum.

İşaretçi aracıyla, küçük daireyi tıklatıp sürükleyeceğim. Gösterildiği gibi büyük dairenin üst üste gelmesini istiyorum.

05/20

Yuvarlatılmış Dikdörtgen Çiz

Metin ve görüntüler © Sandra Trainor

Yuvarlatılmış Dikdörtgen aracıyla bir dikdörtgen çizeceğim. İşaretçi aracıyla, onu yerine taşıyacağım. Ortada olmasını ve küçük dairenin tabanını hafifçe örtmesini istiyorum.

20/20

Yolları Birleştir

Metin ve görüntüler © Sandra Trainor

Küçük daireye ve ardından yuvarlanmış dikdörtgene tıklarken vardiya anahtarını basılı tutacağım. Bu her iki şekli de seçecektir. Sonra Değiştir, Yolları Birleştir> Birleştir'i seçeceğim.

07/20

Rengi değiştir

Metin ve görüntüler © Sandra Trainor

Araçlar panelinde, Dolgu kutusunu tıklatıp krem ​​renk örneğini seçer veya Hex değer alanına # FFCC99 yazıp geri dönülür.

20/20

Gözleri Yap

Metin ve görüntüler © Sandra Trainor

Gözleri yapmak için iki küçük daire çizebilirim, bunun yerine bunun için Yazım aracını kullanacağım. Araçlar panelinde Yazım aracını ve ardından tuvalde tıklayacağım. Özellik denetçisinde yazı tipi için Arial Düzenli'yi seçerim, 72 boyutunu yapar ve rengi siyaha dönüştürür. Bir kurşun yapacak 8 numarayı tutan tuşa basarken Alt veya Seçenekler tuşunu basılı tutacağım. Başka bir mermi yapmadan önce boşluk çubuğuna basacağım.

20/20

Gaga Yap

Metin ve görüntüler © Sandra Trainor

Araçlar panelinde Çokgen şekil aracını tıklıyorum. Özellikler panelinde, dolgu için bir turuncu renk örneği seçer veya Hex değeri alanında # FF9933 yazın. Ayrıca Özellikler panelinde, inme siyahı 1 genişliğinde olacak.

Ardından, Pencere> Otomatik Şekil Özellikleri'ni seçeceğim. Çokgen şekline tıklayacağım, hem noktaların hem de kenarların 3 ve yarıçapın 180 derece olmasını istediğimi belirteceğim. Üçgeni küçültmek için, Dış Yarıçap değer alanına 20 yazacağım. Bunun sayısı, üçgenin ne kadar büyük olacağına bağlıdır. Daha sonra geri dönüş basacağım.

İşaretçi aracıyla, üçgeni tıklayıp gagaya oturması gerektiğini düşündüğüm yere sürükleyeceğim.

20/10

Snood yap

Metin ve görüntüler © Sandra Trainor

Hindinin gagasından sarkan kırmızı şeylere Snood denir. Bir tane yapmak için Kalem aracını kullanacağım.

Araçlar panelindeki Kalem aracını seçtikten sonra Dolgu kutusunu tıklatıp kırmızı renk örneği seçer veya Hex değeri alanına # FF0000 yazıp geri dönülür.

Kalem aracıyla, bir yol oluşturan noktalar oluşturmak için tıklayacağım ve bazen yuvarlak bir yol oluşturmak için tıklayıp sürükleyeceğim. Son nokta birinciyle bağlantı kurduğunda, hindi gibi görünen bir şekil oluşturacağım.

20/11

Bacakları Yap

Metin ve görüntüler © Sandra Trainor

Dolgu rengini gaga ile aynı Turuncuya, Gaga kutusuna ve ardından gagaya tıklayarak ayarlayabilirim. Kalem aracı seçildiğinde, kontur rengini siyah yapıp, Özellikler panelinde kontur genişliğini 2 olarak ayarlayacağım.

Ardından, bir hindi bacağına benzeyen bir şekil oluşturan noktalar oluşturmak için Kalem aracını kullanacağım. Şekil seçiliyken Düzenle> Çoğalt'ı seçerim. Ardından Değiştir> Dönüştür> Yatay Çevir'i seçerim. İşaretçi aracıyla, bacakları en iyi göründüğü yere konumlandırırım.

20/12

Boyutu Azalt

Metin ve görüntüler © Sandra Trainor

Seç> Tümünü Seç'i seçeceğim. Daha sonra Araçlar panelindeki Ölçek aracını tıklayacağım. İçeri veya dışa doğru hareket ettirilebilen tutamaçlarla bir sınırlama kutusu görünecektir. Bir köşe tutamacını tıklayıp içeri doğru hareket ettiririm, daha küçük hale getiririm, daha sonra geri dönün.

Tüm şekillerim hala seçiliyken, hindiyi yerine taşımak için İşaretçi aracını kullanacağım. Tuval üzerine ortalanmasını istiyorum.

20/13

Kuyruk Tüylerini Yap

Metin ve görüntüler © Sandra Trainor

Elips aracıyla, uzun bir oval oluşturmak için tıklayıp sürükleyeceğim. Ardından Düzenle> Çoğalt'ı seçeceğim. Toplamda beş oval olana kadar ovali tekrar tekrar tekrar kopyalayacağım.

20/14

Rengi Değiştir

Metin ve görüntüler © Sandra Trainor

Seçilen ovallerden biriyle Dolgu kutusunu tıklayıp farklı bir renk seçeceğim. Bunu üç tane daha oval ile yapacağım, her biri için farklı bir renk seçiyorum.

20/15

Ovalleri hareket ettir

Metin ve görüntüler © Sandra Trainor

İşaretçi aracıyla, hepsini seçmek için beş ovalin üzerine tıklayıp sürükleyeceğim. Ardından Değiştir> Yerleştir> Arkaya Gönder seçeneklerini seçerim. Bu, kuyruk tüylerinin yerlerine doğru hareket ettiğimde türkiye'nin gerisinde kalmasına neden olur.

Onları seçmek için ovallerden uzaklaştıracağım, daha sonra bir seferde bir oval tıklayın ve birbirlerinin yanında ve türkiye'nin hemen arkasında oturacakları yerlere ayrı olarak sürükleyeceğim.

Akıllı Kılavuzların kullanılması, birbirine zıt olan ovallerin eşit şekilde konumlandırılmasına yardımcı olabilir. Akıllı kılavuzları iş başında göremiyorsanız, Görünüm> Akıllı Kılavuzlar> Akıllı Kılavuzları Göster'i seçin.

20/16

Ovalleri Döndür

Metin ve görüntüler © Sandra Trainor

Ovalleri döndürmek ve onları yeniden konumlandırmak istiyorum. Bunu yapmak için birini seçeceğim ve Değiştir> Dönüştür> Serbest Dönüştür seçeneğini seçeceğim. Daha sonra oval'i hafifçe döndürmek için imlecimi sınırlayıcı kutunun hemen dışına tıklayıp sürükleyeceğim. İşaretçi aracıyla, ovalin en iyi olduğunu düşündüğüm yere yerleştireceğim.

Kalan ovalleri aynı şekilde döndüreceğim ve onları yerine yerleştireceğim; bunları eşit olarak dağıtmak.

20/20

Kaydet ve Farklı Kaydet

Metin ve görüntüler © Sandra Trainor

resmime baktığımda, türkiye'nin tuvalde çok düşük olduğunu görüyorum, bu yüzden Seç> Tümünü Seç'i seçeceğim, sonra türkiye tuvalin ortasına yerleştirmek için İşaretçi aracını kullanacağım. Nasıl göründüğünden memnun olduğumda, Dosya> Kaydet'i seçerim.

Ardından, Dolgu kutusundan seçmek ve farklı bir renk seçmek için kuyruk tüyü üzerine tıklayacağım. Her kuyruk tüyü için bunu yapacağım, sonra Dosya> Farklı Kaydet'i seçin. Bir png uzantısı ile türkiye2 dosyasını yeniden adlandıracağım ve Kaydet 'i tıklayacağım.

20/18

Sembole Dönüştür

Metin ve görüntüler © Sandra Trainor

Dosya> Aç'ı seçeceğim, turkey.png dosyasına gidip Aç'ı tıklayacağım. Üstte turkey.png sekmesini tıklayıp Seç> Tümünü Seç'i seçeceğim. Sonra Değiştir> Dönüştür> Sembole Dönüştür'ü seçerim. Sembol 1 olarak adlandırın, Tür için Grafik'i seçip Tamam'ı tıklayın.

Turkey2.png sekmesine tıklar ve aynısını yapar, sadece bu sembolü 2 olarak adlandırırım.

20/20

Yeni bir devlet yarat

Metin ve görüntüler © Sandra Trainor

Turkey.png sekmesini tekrar tıklayacağım. Durumlarım görünür değilse, Pencere> Durumlar'ı seçebilirim. Durumlar panelinin alt kısmında Yeni Çoğaltılmış Devletler düğmesine tıklayacağım.

Seçmek için ilk duruma tıkladığımda, onun bir sembolü olduğunu görüyorum. İkinci duruma tıkladığımda boş olduğunu görüyorum. Bu boş duruma bir sembol eklemek için Dosya> İçe Aktar> turkey2.png dosyasına gideceğim, Aç'a ve ardından tekrar Aç'a tıklayacağım. Sonra dosyayı doğru konuma yerleştirmek için tuvalin sağ üst köşesine tıklayacağım. Şimdi, birinci ve ikinci durumlar arasında tıklattığımda, her ikisinin de görüntüleri tuttuğunu görüyorum. Ayrıca, animasyonu önizlemek için pencerenin altındaki Play / Stop düğmesine basabilirim.

Animasyonun hızını beğenmezsem, ayarlamalar yapmak için her bir durumun sağındaki sayıları çift tıklayabilirim. Sayı ne kadar uzun olursa, süre de o kadar uzun olur.

20/20

Hareketli GIF'i Kaydet

Metin ve görüntüler © Sandra Trainor

Dosya> Farklı Kaydet'i seçeceğim, dosyayı yeniden adlandırın, Animasyonlu GIF'i (* .gif) seçin ve Kaydet'i tıklayın.

Tarayıcımda Animasyon GIF'i açmak ve oynatmak için tarayıcımı başlatıp Dosya> Dosya Aç veya Aç'ı seçeceğim. Kaydedilmiş Animasyonlu GIF dosyasına gideceğim, seçeceğim, Aç'ı tıklayıp animasyonun tadını çıkaracağım.

İlgili:
Hareketli GIF'leri Optimize Etme
• Yabani Türkiye'nin Profili
• Şükran Türkiye Tarihi
• Gördüğünüz en çılgın Türkiye