Fireworks web tasarımı yapanlar için, kısa sürede iyi işler çıkarma imkanı veren bir Adobe ürünü. Photoshop gibi üstün özellikleri olmamasına rağmen, amaca yönelik araçları ve efektleriyle bir web tasarımcısının hemen hemen tüm ihtiyaçlarını görüyor. Fireworks‘le yaptığınız çizimleri, Flash programıyla tasarlayacağınız animasyonlarda da rahatlıkla kullanabiliyorsunuz.
Bugün benim bir Flash animasyonda ihtiyaç duymam üzerine, Fireworks kullanarak yaptığım sade bir hortum tasarımını anlatacağım size.
İlk olarak Fireworks’te boş bir sayfa açalım. Daha sonra sayfanın ortasına bir elips çizelim. Ben çizdiğim elipse, mavi rengi kullanarak Gradient uyguladım.
Şimdi can alıcı noktaya geldik. Çizdiğimiz elipsin üzerine bir kere tıkladıktan sonra, Fireworks’un yukarısındaki menülerden Commands‘a geliyoruz. Daha sonra Commands‘ın altındaki Creative seçeneğine giriyoruz. Buradan da Twist and Fade seçeneğine tıklıyoruz. Karşımıza bir ekran açılacak. Bu ekranda ki değerleri değiştirdiğinizde açılan penceredeki Preview kısmında yaptığınız ayarların sonucunu, kayıt yapmadan görebilirsiniz. Ben ayarları Steps: 44, Spacing: -5, Rotation: 360, Opacity: 60 olarak ayarladım ve Apply diyerek tasarımımı bitirdim. Siz ayarları istediğiniz gibi yapabilirsiniz.
Programcılar için veritabanındaki ilgili verileri çekmek ve bunları anlaşılır şekilde kullanıcılara sunmak yeterli olsada, kullanıcılar bir programdan biraz da görsellik beklerler.
Bugün veritabanından çektiğimiz ilgili verileri, grafik haline nasıl getireceğimizden bahsedeceğiz. Bu işi yaparken bize php, mysql ve css yardımcı olacak. Evet, başlayalım;
Kodlamaya başlarken "grafik" adında bir veritabanı, bu veritabanının içine "faizler" adlı bir tablo ve bu tabloya da "faiz" adlı bir kolon açtığınızı farzediyorum. Şimdi ilk önce sayfamıza ekleyeceğimiz, css kodlarını hazırlayalım:
CSS:
-
<style>
-
.grafik {
-
/* Hazırladığımız katmanı boyutlandırıyoruz*/
-
width: 200px;
-
padding: 2px;
-
}
-
-
.grafik .bar {
-
/* Bar'a renk verip, içinde görüntülenecek değerleri biçimlendiriyoruz*/
-
display: block;
-
background: #00CCFF;
-
text-align: center;
-
color: #333;
-
height: 2em;
-
line-height: 2em;
-
}
-
</style>
İkinci olarak veritabanımıza bağlanalım:
PHP:
-
<?php
-
-
mysql_select_db (”grafik”) || die (”db hata”);
-
mysql_query(”SET NAMES utf8″);
-
mysql_query(”SET CHARACTER SET utf8_turkish_ci”);
-
?>
Sonrasında ilgili verileri veritabanımızda bulunan verilerimizi çekilim ve her gelen veriyi grafiklere dökelim. Bu işlem kolonda bulunan son veriye kadar devam ediyor:
PHP:
-
<?php
-
$query="select * from faizler";
-
-
-
-
?>
CSS:
-
<div class="grafik">
-
<strong class="bar" style="width: <?php echo $kayit['faiz']; ?>%;"><?php echo $kayit['faiz']; ?>%</strong>
-
</div>
Yukarıda anlattığım kodları içinde barındıran sayfada burada, indirebilirsiniz.
İhtiyaç olduğunuzda kullanabileceğiniz, zengin ve ücretsiz vektör arşivlerine sahip siteler;
vecteezy.com
coolvectors.com
iheartvector.com
qvectors.com
vectorstuff.blogspot.com
createsk8.com
İyi bir logo yapmanın altın kuralları vardır demek bence saçmalık, ama herkesin bu işi yaparken kendine göre bazı yolları vardır.Bende bugün kendi izlediğim yolları sizlerle paylaşacağım.Aşağıya temelde işinize yarayacağına inandığım dört madde çıkardım.
Yazı uzun olunca internet gezginleri sıkılır, malum internet yapısı gereği durağan olamıyor, kullanıcılarından böyle olmalarını beklemek yanlış olur.Bu yüzden dört madde bugünlük yeterli;
1- Logosunu yapacağınız firma veya ürünün müşterilerine vereceklerini bir kağıda liste şeklinde yazın.
2- Gördüğünüzde aklınıza ilk logosunu yapacağınız firma veya ürünü getiren nesneleri listeleyin.
3- Bu firmayla çalışan veya ürünü alan müşterilerde oluşturulmak istenen duyguyu belirleyin.Ve bu duyguyu tetikleyecek renkleri seçin; heyecan, huzur, mutluluk, hangisinde kırmızı hangisinde mavi kullanmalısınız.
4- Logonuza kafanızda bir hikaye yazın.
5- Gerisi yeteneğinize kalmış.
İletişim için 
