Herkesin Beklediği CSS Yapımı!

[master-forum]

Merhaba Arkadaşlar Bu Dersimizde Css Tasarımlar Profesyonel Bir şekilde
Nasıl yapılır Onu Öğrenecez Bundan Önce Videolu Anlatımım vardı ama ne
yazıki 2-3 defa upload Ettim linkler hep kırılıyordu bunu için Resimli
Anlatım Yaptım Ama İsteyenlere Yinede Videolu Anlatımı Suna Bilirim
Resimli Anlatımda Belki Ufak Tefek Hatalarım Olmuştur .... ( okları
fazla güzel çizemedim idare edin :-) )



Bu dersimizde iki tane program kullanacaz
1. Photoshop
2.Dreamweaver (bu programları indirebilmek için forumumuzun grafik tasarım programları kısmına bakabilirisniz vardır!!)


ANLATIMDA YAPTIĞIMIZ TASARIMIN ÖNİZLEMESİ İÇİN



Hemen Anlatıma Geçelim....
Öncelikle Photoshopumuz Açıp başlayalım
1.Resim






Evet Arkadaşlar Ben burdan sizlere Resimlerdeki yazıları tekraradan yazacamki Anlamadıklarınızı burdan okuyunuz die

burda Genişlik 950*600 yapılmış ve pixel cinsinden yeni sayfa oluşturulmuştur ....



burda herşey açık oratda zaten



















devam edecek....

[master-forum]

EVET şimdi Tasarımımıza Bi bakalım nasıl oldu.... Önizlemesini Yapalım








evet arkadadaşlar bişiler unuttuk bu tasarımda görsel öğeler yok
örneğin hiö brush( fırça kullanmadık) şimdi biraz fırça kullanalım ve sonra keselim

fırçalar fırça işaretinin sol taarafta var oraya tıklayoruz
photoshopumuza
kendimiz frçaları yükleyebiliriz internette hazır fırçalar var tabi
orjinalleride var bende bir sürü fırça var sitede photoshop dersleri
bölümünde bulunmakta ordan istedğiniz eklentiyi indirebilirsiniz



evet arkadşlar burdada fırçalarımızı seçioruz ama fırçaları kullanmdan önce yeni layer oluşturuyoruz ok ile gösterilmiş zaten
layer
oluşturmak çook iidir nedenmi çünkü bir layeri şekilden şekile
sokabiliyorsun ama bir layer üzerinde fazladan obje olduğu zaman
siz bir değişklik yaparsınız hepsi değişir onun için her fırça kullandığınız zaman yeni layerler oluşturalım ..




evet arkadaşlar gördüğünüz gibi fırçaları basıp style mizi seçtikten osnra böyle bi hal oldu ....


neyse fazla güzel olmadı ama mantıken anlışılıo nasıl yapıldıkları....

önizlemesi şöyle....






evet arkadaşlar bursı çook önemli tasarımızı 3 kısma ayıracaz Üst Orta Ve Alt Kısma Gelecek Şekilde Ayarlayacaz

orta
Kısmını Öyle Ayarlamalıyızki her nekadar genişlediğinde tek Parçaymış
Gibi Gözüksün Yapacaz Ne Demek İstediğimi Dreamweaver Programında
Anlıyacaksınız.....



gördüğünüz gibi kesme işlemimizi yaptık şimdide tasarımımızı kaydedecez...



gif i seçtikten sonra save diyoruz....




ve
şimdi masa üstüne kaydediyoruz ama siz isterseniz başka yerede
kaydedebilirsiniz Arkadaşlar ....ama yinede masaütüne kaydedin daha iii


DEvamı Gelecek Yorum yazmayın...