Üye Kayıt Üye Giriş
biz-sizi-arayalim
biz-sizi-arayalim
Photoshop Öğreniyorum Eğitim Seti
Masaüstü bilgisayarı cebe sığdırdılar
Masaüstü bilgisayarı cebe sığdırdılar
Avast ve Windows Güncellemeleri Çakışınca!
Avast ve Windows Güncellemeleri Çakışınca!
Toshiba'nın İddialı Bilgisayar Tableti!
Toshiba'nın İddialı Bilgisayar Tableti!
Yeni Microsoft'un Windows tanıtılıyor
Yeni Microsoft'un Windows tanıtılıyor
Skype 7, Mac ve Windows İçin Yayınlandı!
Skype 7, Mac ve Windows İçin Yayınlandı!
kpss-egitim-setleri

Photoshop İle Web Tasarım Örnekleri


YDS Sınavı Hazırlık Seti

Photoshop İle Web Tasarım Örnekleri


Web tasarımı günümüzde çok sayıda insanın ilgilendiği bir sektör haline geldi. Yığınla farklı format arasından hangisinin size en uygun olduğunu kestirmek zor. Fakat öyle ya da böyle, hepsinin çeşitli tasarımlara ihtiyacı var. Bu yazımızda Photoshop’ta bir web sitesinin en temel ögelerinden birinin tasarımını anlatacağız.

Buton Tasarımı

1. Rectangle Tool ile istediğimiz boyutlarda bir dikdörtgen çiziyoruz. (Siz isterseniz daire ya da kare biçimlerini kullanabilirsiniz. Kullanacağınız renk de tamamen size bağlı) Sonrasında oluşturduğumuz objemizin bulunduğu layer’a sağ tıklayarak Blending Options‘a geliyoruz.


photoshop-ile-web-tasarim-ornekleri-1



Satin

2. Satin seçeneğini seçerek benzer değerler veriyoruz. Böylelikle butonumuz derinlikli bir görüntü kazanmış olacak.



photoshop-ile-web-tasarim-ornekleri-2



Stroke

3. Stroke seçeneğini seçip resimdeki değerleri giriyoruz. Bu işlembutonumuzun etrafına çerçeve tarzı bir görünüm kazandıracak. Renk olarak butonunuzla aynı rengi seçmeniz tavsiye.



photoshop-ile-web-tasarim-ornekleri-3


Genel Görünüm

4. Resimdekine benzer bir görüntü oluşmuş olmalı.


photoshop-ile-web-tasarim-ornekleri-4


Yazı

5. Şimdi de yazımızı yazacağız. İstediğiniz fontu, rengi ve punto değerlerini kullanabilirsiniz.


photoshop-ile-web-tasarim-ornekleri-5


Yazıya Stroke

6. Resimdekine benzer bir görüntü oluşmuş olmalı.


photoshop-ile-web-tasarim-ornekleri-6


Arkaplan Silme

7. Background layer’ı siliyoruz.


photoshop-ile-web-tasarim-ornekleri-7


Bitiş ve Kaydetme

8. Dosyamızı PNG formatında kaydediyoruz. Çıkan kutucukta Interlacedseçeneğinin seçilmiş olmasına dikkat ediyoruz.


photoshop-ile-web-tasarim-ornekleri-8


Butonumuz hazır hale geliyor. Unutmayın ki, Blending Options’daki diğer seçenekleri kullanarak butonunuza farklı boyutlar katabilirsiniz.

Almanca Görüntülü Eğitim Seti
Ders Sahibi;

Yorumlar

Yorum Yapabilmek İçin Üye Girişi Yapmanız Gerekmektedir.

ETİKETLER

SEO En İyi SEO Firması Opencart Opencart E Ticaret İngilizce Öğren Fransızca Öğren Rusça Öğren Arapça Öğren Almanca Öğren Çince Öğren Japonca Öğren İspanyolca Öğren Hollandaca Öğren Kürtçe Öğren