girmelgalerydn
Arka Plan (Background) oluşturma
…devam etmek için tıklayınız…
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/arkaplanyapma.jpg)
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/arkaplanyapma.jpg)
Arka plan yapmak için bir çok yöntem mevcut.
Bu örneğimizde tek bir resim yapacağız.
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/arkaplan01.jpg)
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/arkaplan01.jpg)
Bu resim için Photoshop'un sadece Fırça aracını kullandık.
…devam etmek için tıklayınız…
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/arkaplan02.jpg)
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/arkaplan02.jpg)
Farklı Kaydet diyerek çalışmamızı kaydedelim.
Tür olarak JPEG seçmek boyut ve kalite olarak avantajlı.
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/arkaplan03.jpg)
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/arkaplan03.jpg)
Başlık (Header) oluşturma
…devam etmek için tıklayınız…
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/baslikyapma.jpg)
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/baslikyapma.jpg)
Üç adımda basit bir başlık oluşturabiliriz.
1 - Yazı Aracı, 2 - Style, 3 - Fırça aracı.
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/baslik01.jpg)
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/baslik01.jpg)
Şablon (Template) oluşturma
…devam etmek için tıklayınız…
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/sablonyapma.jpg)
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/sablonyapma.jpg)
Google görsellerde bir arama yapalım.
Dilerseniz Photoshop ile kendi görselinizi de yapabilirsiniz.
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim01.jpg)
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim01.jpg)
Görseli tam boy olarak görüntüleyin.
Farklı kaydet diyerek bilgisayarınıza kaydedin.
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim02.jpg)
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim02.jpg)
Resmi Photoshop ile açınız.
Photoshop'unuz yoksa Grubumuzu ziyaret edebilirsiniz.
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim03.jpg)
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim03.jpg)
Resmi küçültmek için düzenleyelim.
Sitenizin çözünürlüğüne uygun hale getirin.
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim04.jpg)
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim04.jpg)
Bölme aracı ile resmimizi bölelim.
Bu bölümleri şablonumuzda kullanacağız.
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim05.jpg)
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim05.jpg)
Üst, orta ve alt için 3 parçaya bölmemiz yeterli.
…devam etmek için tıklayınız…
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim06.jpg)
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim06.jpg)
Web için kaydet diyelim.
Bu sayede her bölümü ayrı bir resim olarak kaydedeceğiz.
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim07.jpg)
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim07.jpg)
CTRL + A yaparak bütün bölümleri seçili hale getirelim.
Kayıt türünü belirleyerek kaydedelim.
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim08.jpg)
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim08.jpg)
Karşımıza çıkan ekranda Dosya İsmini belirtelim.
Sadece resimleri kaydedelim. Web sayfası oluşturmaya gerek yok.
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim09.jpg)
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim09.jpg)
Gördüğünüz gibi 3 ayrı resim oluştu.
Resim boyutları bizim için önemli, şablonumuzda bu boyutları kullanacağız.
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim010.jpg)
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/hayalim010.jpg)
Bu resimlerle tasarımımızı oluşturmaya devam edelim.
Slaytı kapatarak diğer sayfaya geçiniz.
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/sablonson.jpg)
![bilgi-world](https://img.webme.com/pic/h/hackerfriend/sablonson.jpg)