• flash-logo
    Grafik ve Animasyon

    Flash Professional CS6’da Maskeleme

    Maskeleme işlemi ile etkili sonuçlar elde edebilirsiniz. Biz örneğimizde Türk Bayrağı ve çizdiğimiz bir daire ile maskeleme işlemi yapacağız. Öncelikle yeni bir çalışma alanı oluşturup bayrak resmini içe aktarıyoruz Ardından her 20 frame(çerçeve) de bir anahtar kare ekliyoruz. “Şekil arası oluştur” diyerek animasyonumuzu gerçekleştiriyoruz. Oluşturulan sayfaya ikinci bir layer(katman) ekleyip buraya mask adını verip maskeleyecek şekli çiziyoruz. Burada önemli olan kısım mask layer ının resim layer ının üstünda konumlanmasıdır. Son olarak da mask layerına sağ tık maske diyerek maskeleme işlemini gerçekleştiriyoruz. CTRL+Enter ile çalıştırabilirsiniz. Uygulama dosyaları için tıklayınız.

  • dw_logo
    Web Tasarım

    Dreamweaver’ da DIV Kullanımı

    Divler, html dilinde web sayfasını bölümlere CSS ile sitil değerleri vermemizi sağlayan HTML etiketidir. Div eklemek için ortak>div etiketi ekle yolu kullanılır. Örnek sayfa div ölçülerini aşağıdaki gibi uygulayabilirsiniz. Eskiden siteler tablolarla yapılırdı. Ancak bu başlı başına sakat bir iştir. Modern tasarımlarda web sayfalarının en ayrılmaz etiketlerinden olan ve HTML5 ile de kullanılmaya devam edilen Div etiketi yardımıyla sayfanın tümünde değişiklik yapmak yerine sayfayı bölümlere ayırabilir ve bu bölümlere özel stil değerleri tanımlayabiliriz. Div’ler oluşturulurken öncelikle tüm divleri kapsayacak bir ana(conteiner)div oluşturulur. Bu düzeni sağlamaya yardımcı olur. Bu sayede tam olarak istediğimiz gibi hizalı ve stil ögelerini içerisinde barındıran HTML sayfaları tasarlayabiliriz. Div etiketi ayrıca günümüzde kullandığımız tüm internet tarayıcıları…

  • dw_logo
    Web Tasarım

    SPRY

    Spry genel olarak, ziyaretçilere görsel olarak daha gelişmiş, daha etkili web sayfaları hazırlayıp sunmak amacıyla kullanılan bir JavaScript kütüphanesidir. Spry kullanarak hazırlamakta olduğunuz belgelerinize basit JavaScript kodlarıyla çeşitli türlerde efektler ekleyebilir ve sitenizin daha zengin bir görünüme sahip olmasını sağlayabilirsiniz. Spry çerçeveleri kullanılarak hazırlanmış olan sayfalar ziyaretçilerin yenilemesine gerek kalmadan kendi kendilerini yenileme özelliğine sahiptirler. Spry mwnü eklemek için ekle>spry yolu kullanılır. Örneğin menü eklemek istendiğinde yatay ve dikey olmak üzere iki seçenek sunulur. Dilediğimizi seçip devam edebiliriz. Ardından gelen menünün sayısını ve içeriğini ayarlamamız için bize özellikler paneli yardımcı olur. Özellikler paneli CTRL+F3 tuşuyla gelir. Yeni bir menü öğesi eklemek için( + ), varolan bir menü öğesini kaldırmak için…

  • fw-logo
    Grafik ve Animasyon

    Adobe Fireworks İle Resim ve Şekil Maskeleme Uygulaması

    Maskeler, bir nesnenin ya da görüntünün belirli bölümlerini gizler veya gösterir. Nesnelerle çok çeşitli yaratıcı efektler elde edebilmek için birçok maskeleme tekniği kullanılabilir. Bir maske nesnesini ya bir vektör nesnesinden (vektör maskesi) ya da bir bitmap nesnesinden (bitmap maskesi) oluşturabilirsiniz. Ayrıca bir maske oluşturmak için birden çok nesne veya gruplanmış nesneler ve bir vektör maskesi oluşturan metin kullanabilirsiniz. Öncelikle bir yeni sayfa oluşturup sayfa içerisine bir resim import ediyoruz. Ardından maskelenecek alan için bir resim daha import ediyoruz. Sonrasında resimlerin ikisini de seçip; Değiştir>Maske>Maske Olarak Yapıştır yolu izlenerek maskeleme işlemi gerçekleştirilir. Sonuç aşağıdaki gibi olacaktır. Şimdi de istediğimiz bir şekli resme maskeleme uygulaması yapalım.. Yeni bir tuval oluşturup, arkaplanını tercihe…

Göster
Kapat