onelayout01

Hayalimdeki Site

Tek Sütun

1. Adım:  Tasarım Resimlerini oluşturmak

Bir tasarımı oluştururken öncelikle o tasarımı aklınızda bitirmiş olmanız gerekir. Önce aklınızda bir takım şeyler oluşturun, sonra bilgisayarınızın başına oturarak onu hayata geçirin. Tasarımların ilk aşaması resimdir. Öncelikle resimler oluşturalım, sonra bu resimleri sitemize yerleştirmeye başlayalım.

Kısa ve öz olarak resimleri nasıl oluşturacağınıza dair ufak bir slayt hazırladım. Umarım yeni başlayanlar için fikir verici bir çalışma olur.

Arka Plan (Background) oluşturma

…devam etmek için tıklayınız…

Arka plan yapmak için bir çok yöntem mevcut.

Bu örneğimizde tek bir resim yapacağız.

Bu resim için Photoshop'un sadece Fırça aracını kullandık.

…devam etmek için tıklayınız…

Farklı Kaydet diyerek çalışmamızı kaydedelim.

Tür olarak JPEG seçmek boyut ve kalite olarak avantajlı.

Başlık (Header) oluşturma

…devam etmek için tıklayınız…

Üç adımda basit bir başlık oluşturabiliriz.

1 - Yazı Aracı, 2 - Style, 3 - Fırça aracı.

Şablon (Template) oluşturma

…devam etmek için tıklayınız…

Google görsellerde bir arama yapalım.

Dilerseniz Photoshop ile kendi görselinizi de yapabilirsiniz.

Görseli tam boy olarak görüntüleyin.

Farklı kaydet diyerek bilgisayarınıza kaydedin.

Resmi Photoshop ile açınız.

Photoshop'unuz yoksa Grubumuzu ziyaret edebilirsiniz.

Resmi küçültmek için düzenleyelim.

Sitenizin çözünürlüğüne uygun hale getirin.

Bölme aracı ile resmimizi bölelim.

Bu bölümleri şablonumuzda kullanacağız.

Üst, orta ve alt için 3 parçaya bölmemiz yeterli.

…devam etmek için tıklayınız…

Web için kaydet diyelim.

Bu sayede her bölümü ayrı bir resim olarak kaydedeceğiz.

CTRL + A yaparak bütün bölümleri seçili hale getirelim.

Kayıt türünü belirleyerek kaydedelim.

Karşımıza çıkan ekranda Dosya İsmini belirtelim.

Sadece resimleri kaydedelim. Web sayfası oluşturmaya gerek yok.

Gördüğünüz gibi 3 ayrı resim oluştu.

Resim boyutları bizim için önemli, şablonumuzda bu boyutları kullanacağız.

Bu resimlerle tasarımımızı oluşturmaya devam edelim.

Slaytı kapatarak diğer sayfaya geçiniz.

Resimleri orjinal boyutunda izlemek için üzerlerine tıklayınız…
Piksel olarak düşük ekranlarda F11 yapmanız tavsiye olunur.