Kişisel Portföy Site Çalışması - Personal Portfolio Layout - Photoshop: Site tasarımı konusunda tasarım derslerinin az olduğu konusunda şikâyetler alıyorum. Bu dersimizde güzel bir portföy sitesi için bir tasarım uygulaması yapacağız. Belki birilerinin işine yarar ve hayır dua alırız. Hazırlayacak olduğumuz bu tasarımı sitede ister resim olarak isterse flash içerisinde çeşitli uygulamalarla kullanabilirsiniz. Tabiki flashta bunu kullanmak çeşitli hareketler vermek çok daha güzel olur.
Ders sonunda aşağıdaki gibi bir sonuç elde edeceğiz.
Dersimize başlayalım:
760x770 piksel boyutunda bir sayfa açalım. Fon rengini #333333 yapalım.
Dikdörtgen aracını (Rounded Rectangle Tool) aracını alalım ve Feather değerini 10 pixel yapalım. Bir dikdörtgen çizelim.
Daha sonra aşağıdaki resimlerde görünen özellikleri tek tek uygulayalım.
Aşağıdakine benzer bir görüntü elde etmiş olmalısınız.
Şimdi elde ettiğimiz bu şeklimizin (dikdörtgen) bir kopyasını oluşturalım. Bu işlemi dikdörtgen layerinin üzerinde sağ tıklayarak Dublicate Layer diyerek yapabiliriz. Bu yeni kopyayı hafif sağa doğru kaydıralım ve bu yeni layerin stil özelliklerinde bazı değişiklikler yapalım. Bu değişiklikleri aşağıdaki resimlerden görebilirsiniz.
Bu ayarlar Mavi renkli dikdörtgen için:
Şimdi de bu mavi renkli dikdörtgenin bir kopyasını oluşturalım ve hafif sağa kaydıralım ve bu yeni katmanın stil özelliklerini aşağıdaki gibi uygulayalım.
Şu anki sonuç bu şekilde olmalı
En son ortaya çıkan layerimizin (kırmızı dikdörtgen) bir kopyasını daha oluşturalım ve onun da özelliklerini aşağıda resimlerde göründüğü gibi yapalım.
Şimdi sarı, mavi, kırmızı ve yeşil renklerden oluşan 4 katman oluşturduk.
Şu anki sonuç bu şekilde olmalı
Şimdi yeni bir katman oluşturalım ve elimize “Rounded rectangle tool” aracını alarak daha önce kullandığımız fon renginde (#333333) bir dikdörtgen çizelim.
Bu katmanın özelliklerini ise aşağıdaki gibi yapalım.
Sonuç şu şekilde olmalı
Gerekli yerlere gerekli yazıları (Menü isimlerini) yazalım.
Sağ tarafa ise gerekli resimleri gerekli boyutlarda ayarlayarak yerleştirelim.
Elimize “ellipse tool” aracını alalım ve aşağıdaki gibi gerekli yerlere daireler çizelim.
Şimdi de “Rectangle tool” aracını alıp dikdörtgen çizelim.
Sonra üst menüden Filter > Distort > Polar Coordinates girelim ve açıln pencerede aşağıdaki ayarları yapıp Tamam diyelim.
Ben bu layeri kaydırıp yönünü değiştirip aşağıdaki şekilde uyguladım.
Bu layerin 3 kopyasını daha oluşturup gerekli yerlere aşağıdaki gibi yerleştirelim.
“Rounded Rectangle Tool” aracını tekrar elimize alalım ve bir dikdörtgen daha çizelim. Aşağıdaki resimde olduğu gibi yerleştirelim ve üzerine yazmak istediğimiz yazıyı yazalım
Daha sonra daha önce çizmiş olduğumuz dairelerin kopyalarını oluşturarak yukarıda en son çizdiğimiz dikdörtgenin gerekli yerlerine aşağıdaki resimde olduğu gibi yerleştirelim..
İşte elde ettiğimiz sonuç bu:
Çalışma dosyasının PSD formatını istiyorsanız bu bağlantıdan indirebilirsiniz…
http://www.talk-mania.com/attachments/web-layouts/140d1169589687-personal-portfolio-layout-layout75.zip
Yorumlar
RSS beslemesi, bu iletideki yorumlar için.