Animasyonlu Bir Düğme Nasıl Yapılır

İçindekiler:

Animasyonlu Bir Düğme Nasıl Yapılır
Animasyonlu Bir Düğme Nasıl Yapılır

Video: Animasyonlu Bir Düğme Nasıl Yapılır

Video: Animasyonlu Bir Düğme Nasıl Yapılır
Video: Animate CC Dersleri 16: Buton (Düğme) Hazırlama - Creating Buttons 2024, Mayıs
Anonim

Sitelerin tasarımı, ziyaretçiler tarafından nihai olarak nasıl algılandıkları açısından çok önemlidir. Kişiler site sayfalarındayken estetik zevk almalı ve bu sayfalar onlar için kullanışlı ve işlevsel olmalıdır. Gezinme düğmeleri olmadan hiçbir site tamamlanmış sayılmaz ve bu düğmeleri hareketli hale getirirseniz siteniz aynı anda hem işlevsel hem de güzel görünür.

Animasyonlu bir düğme nasıl yapılır
Animasyonlu bir düğme nasıl yapılır

Talimatlar

Aşama 1

Grafik düğmeler, metin düğmelerinden farklı olarak sayfalarda fark edilir ve okuyucuların hatırlaması kolaydır. Animasyonlu düğmeler oluşturmak için Corel Draw'u kullanın. Yeni bir belge oluşturun ve düğmenin hem basılı hem de basılı değilken birkaç görünümde görüntüleneceği bir boşluk çizin.

Adım 2

Düğme çizmek için araç kutusundan uygun aracı seçin ve yuvarlak bir dikdörtgen çizin. Dikdörtgeni siyahla doldurun, ardından kopyalayın ve kopyayı sola ve yukarı taşıyın. İkinci dikdörtgeni beyazla doldurun.

Aşama 3

Boş düğmeye, metne siyah bir anahat ekleyerek adını yazın. Metni beyaz yapın. Şimdi düğmeyi vurgulayarak ve Rollover Oluştur seçeneğine tıklayarak Efektler Döndürme menüsünü açın. Rollover durum çubuğunda Normal'i göreceksiniz.

4. Adım

Şimdi, bir düğmenin görüntüsünü değiştirmek için, üzerine sağ tıklayın ve içerik menüsünde Rollover'ı Düzenle seçeneğini seçin. Yeni bir İnternet araç çubuğu açılacaktır. Bir animasyon efekti oluşturarak birbiri ardına değişecek ek düğme konumları çizin.

Adım 5

İnternet panelinin sol tarafında, Üzerinde düğmesine tıklayın ve metnin ana hatlarını kaldırmak için düğmeyi düzenleyin. Animasyonda ikinci bir versiyonunu oluşturmak için metni siyahla doldurun. Şimdi Aşağı düğmesine basın ve düğmenin son halini basıldığı gibi çizin.

6. Adım

Metni ve beyaz dikdörtgeni sağa doğru hareket ettirin ve siyah dikdörtgeni sola kaydırın. Şimdi Düzenlemeyi Bitir Rollover düğmesini tıklayın.

7. Adım

Düğmeyi, web sayfasındaki nesnelerin görünümünü değiştirmek için kullanabileceğiniz kodla birlikte kaydedin. Bu sayede istediğiniz tasarımda her türlü düğmeyi çizebilirsiniz.

Önerilen: