|
Bir Site Yapalım - 2 Kaldığımız yerden devam
ediyoruz.
Adım 05:
Site yazıları bölümü için de 620x269
ebadında bir dikdörtgen daha çizip öncekilerin en
alt kısmına yerleştirin. Rectangle Roundness
kısmını 11 yapın. Dolgusunu #F9F9F9, kenar çizgi
kalınlığını 1, rengini ise #cccccc yapın. Sonra
sağ tıklayıp Arrange > Bring to Back deyin.
Böylece şeklimizi en arkaya attık.
Adım 06: Şimdi
de menü kısmının yerini hazırlayalım. 3. adımdaki
şeklin üzerine 615x25 ebadında bir dikdörtgen
çizin. Rengini #CCCCCC yapın, kenar çizgisi
olmasın. Alt kısma, site mesajını iletecek grafik
alanının üstüne yerleştirin. Bunun üzerine
menüleri yazacağız.
Adım 07:
Hoş
geldiniz bölümü için ayrı bir şekil yapmanız
lazım. Bunun için 5. adımda çizdiğiniz dörtgeni
seçtikten sonra ALT tuşuna basıp taşıyarak şeklin
yeni bir kopyasını oluşturun. İstediğimiz bu
şeklin sadece üst kısmını almak. Bunun için
Rectangle aracı ile bir kare çizin ve
kopyaladığınız şekilde almak istemediğiniz
kısımları bu kare ile kapatın. Sonra iki şekli
seçin. Seçmek için SHIFT'e basılı tutarak her iki
resme de ayrı ayrı tıklamak yeterlidir. Modify
>Combine Paths > Punch menüsüne gidin.
Böylece istemediğimiz kısımlar gitti. Şeklin
doldusunu #0099FF, kenar çizgi kalınlığı 1,
rengini de #CCCCCC yapın. Bu şekli 5. adımdaki
şeklimizin üst kısmına birebir şekilde
yerleştirin. Hizalamak için Windows > Align
panelini kullanabilirsiniz.
Adım 08:
Şimdi orta kısma resmimizi
yerleştirmeye sıra geldi. Daha önce Photoshop'ta
uygun renklerde bir arka plan hazırlayarak
birleştirdiğim lisanslı bir resmi kullandım ben.
Siz de benzer bir resim kullanabilirsiniz. Resmi
uygun boyutlarda ayarlayıp Fireworks'e import
edin. 4. adımdaki şekli kapatacak şekilde üzerine
yerleştirin. Sonra CTRL+X ile kesin ve o şekli
seçerek Edit > Paste Inside (CTRL+SHIFT+V)
yapın. Resmin tam orta yerindeki tutamaç vasıtası
ile resmi istediğiniz şekilde dikdörtgenin içinde
hareket ettirerek ayarlayın.
Adım 09:
Fireworks kısmını fazla uzatmamıza
gerek yok. Bundan sonraya yazılarınızı
yerleştirmeniz kalıyor. Şimdi artık son halini
aldı diyebiliriz. Yapmamız gereken buna hareket
vermek olacaktır. Artık Flash'ta devam edeceğiz.
Bunun için sayfayı kaydedin.
Bu çalışmanın PNG dosyasını
(Fireworks çalışma dosyasıdır, Photoshop'ta tek
bir layer olarak görürsünüz) aşağıdaki linkten
indirebilirsiniz:
EK: Dersin PNG
dosyasını indirmek için buraya
tıklayınız. Kayank: SanalKurs.NET
|
