CSS web tasar?m?n?n en sevdi?im yan? size sundu?u tasar?msal esneklik. Bir tiyatro üzerine tasar?m yapaca??n?z? dü?ünün, perdeler, ???klar, kostümler, oyuncular… ve bunlar? bir web tasar?m?nda kulland???n?z? dü?ünün :) Oldukça ho? fikirler üretebilirsiniz tabii ki.
Sadece ne yapmak ve nas?l yapmak gerekti?ini bilmeniz yeterli olacakt?r. ?lla web sayfas? yapacak da de?ilsiniz tabi :) Herhangi bir imaj çal??man?zda da uygun bir görsel elde etmek amac? ile yine kullan?m?n?za uygun çal??malar haz?rlayabilirsiniz.
ADIM ADIM
?imdi ad?m ad?m photoshop`da nas?l perde görüntüsü elde ederiz bunu göstereyim.
Örnek amac? ile 500px geni?li?inde (width) ve yüksekli?inde (height) bir çal??ma sayfas? açal?m ( k?sayol: Ctrl + N ).
Çal??ma alan?m?za yeni bir layer açal?m ( k?sayol: Ctrl + Shift + N )
Perde görüntüsünü olu?turmak amac? ile araç paletinde yer alan Gradient Tool ( k?sayol: G )`u seçelim. Bu araç ile perde k?vr?mlar?n? olu?turaca??z.
Perdenin gerçekçili?i için k?vr?m s?kl???n? amac?n?za göre yapman?z gerekmektedir. Ne kadar s?k ya da ???kl? olaca??n? gradient arac?n? sayfan?n istedi?iniz bölümlerinde kullanarak ayarlayabilirsiniz.
?imdi gelelim perdenin gerçekçi?ilini sa?lamak için yapmam?z gereken ufak ayarlamalara.
Gradient kullan?m?nda mode seçene?i olarak Difference seçene?ini seçelim.
Sonras?nda ise çal??man?n ba??nda açm?? oldu?umuz layer?m?z?n kavu?aca?? görüntü ?u ?ekilde olacakt?r.
?imdi layer?m?z?n renklerini istedi?imiz do?all?kta ve seçenekte renklere dönü?türebilmek için Solid Color arac?n? kullanaca??z. Aç?lacak olan bölümde amac?m?za uygun renkleri belirleyip onaylad?ktan sonra seçti?imiz rengin layer?m?z üzerine yerle?ti?ini görece?iz. Opacity de?eri olarak yine belirledi?imiz bir de?eri verip onaylad???m?zda gradient arac? ile haz?rlad???m?z perde k?vr?mlar?n?n renklerinin de?i?ti?ini görebiliriz.
Sonras?nda yine görüntü oynamalar? için amac?m?za uygun patternler ile layer harmanlama tekniklerini kullanarak daha gerçekçi perde imajlar? haz?rlam?? oluruz.
