Photoshop'ta Menü Tasarımı

Bu dersimizde Photoshop'ta görsel efekt ağırlıklı bir menü tasarımı yapacağız.

Bu dersimizde Photoshop'ta görsel efektler ağırlıklı bir menü tasarımı yapacağız.

Bu çalışmamızda Photoshop'ta arayüz yapımını ele alacağız. Çalışmamıza yeni bir döküman açarak başlıyoruz.



Kısayol "Ctrl + N"

Araç çubuğundan Rounded Rectangle Tool aracını seçiyoruz.



Radius: Değeri 2px olacak şekilde ayarlıyoruz.



Radius değerini ayarladıktan sonra sayfamızın her hangi bir yerine alanımızı çiziyoruz.



Daha sonra "Sanalkurs" adlı layerımıza sağ tıklayıp "Blending Options" giriyoruz ve aşağıdaki ayarları gerçekleştiriyoruz





Bu aşamaya kadar her seyi doğru bir şekilde yaptıysak çalışmamızın son hali aşağıdaki gibi olacaktır.



Araç çubuğundan Erasel Tool Aracını seçiyoruz



Daha sonra aşağıdaki resimdeki gibi belirlediğimiz alanı erasel tool yardımıyla siliyoruz.



Layer açılır menüsü altındaki ilk New sonra Layer seçeneğini seöerek yeni bir layer oluşturuyoruz.

Araç çubuğundan Rectangular Marquee Tool araçını seçerek oluşturduğumuz yeni layerde yeni bir alan yaratıyoruz.



Renk paletlerini yani foreground ve background (ön ve arka renk paletleri) sıfırlamak için X ve D tuşlarına başıyoruz. Seçili alanı Alt + Backspace kombinasyonuyla siyah renge boyuyoruz burda dikkat etmeniz gerenek foreground renginin siyah olması.

Ctrl + D kombinasyonuyla seçili alanı giderdikten sonra Blending Options ayarlarına girerek yapılandırma işlemini gerçekleştiriyoruz.

1. Gradient çubuğunda location değeri : 0
2. Gradient çubuğunda location değeri: 100





Sanalkurs adlı layer'ı üst kısma alıyoruz sürükleyerek.



Çalışmamızın son hali aşağıdaki gibidir.

  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

• 11 yıl önce
Demek istediğini anladım fakat css bilgim olmadığı için su aşamada yapmam doğru olmaz ama sen denediysen güzel tebrik ederim farkl ıbakmışsın olaya
• 11 yıl önce
yine çok basarılı bir çalışma eline saglık :D:-dusun:
• 11 yıl önce
her menü putonu için aynı işlemi yapmak mı gerekiyor.
• 11 yıl önce
her menü putonu için aynı işlemi yapmak mı gerekiyor.
• 11 yıl önce
her menü putonu için aynı işlemi yapmak mı gerekiyor.
• 11 yıl önce
duygu09 diyor ki: her menü putonu için aynı işlemi yapmak mı gerekiyor. Evet 1. menüye uyguladığın işlemleri diğerleri içinde uygulayarak sonuca ulaşabilirsin.
• 11 yıl önce
videolu olsaydı daha iyi anlardık:gul:-dusun::-dusun:
• 11 yıl önce
nerden iniyor yha arklar:agla:
• 11 yıl önce
diğer bir çok dersinizden daha açık ve net anlatmışsınız Emeğinize sağlık..
• 10 yıl önce
Ats2 css yerine js ile yapabilirsin. Örnek kodları aşağıdaki gibi olacak. <img src="RESMİN YOLU" onmouseover="src='FARE ÜZERİNE GELDİÃİ ZAMAN GÖSTERİLECEK RESMİN YOLU'" onmouseout="src='FARE ÜZERİNDEN ÇEKİLDİÃİ ZAMAN ESKİ HALİNE DÖNECEK RESMİN YOLU'" alt="" title="Ana Sayfa" />

Yukarı Git