Bildiğiniz gibi Nyan Cat internetin en çok tanınan simalarından birisi. Ama daha önce Nyan isimli bu kediyle tanışma fırsatınız olmadıysa sizi buraya alabiliriz.
effect
CSS ile After Effects’e Yakın Geçiş #1
CSS ile görsellere verilen geçiş efektlerinden daha önce bahsetmiştik. Şimdi yavaş yavaş detaylandırıyoruz.
Bu makalede sadece bir adet teknikten bahsedeceğim. Bu tekniği iki ayrı görsel tipi üzerinde uygulayıp sonuçları sizinle paylaşacağım.
İlk olarak örneği görüntülemenizi öneririm.
(daha&helliip;)CSS ile Yazılara Gradient Efekti
Bu dersimizde ilk olarak Nick La’nın web sayfasında gördüğüm CSS Text Gradient tekniğini öğreneceğiz.
Bu teknik minik bir hile üzerine kurulu. Web sayfanızın arka plan rengiyle uyumlu gradient dosyaları hazırlayıp onları span halinde yazıların üstüne ekliyoruz.
Nasıl mı? Beyaz bir arka plan, üzerinde siyah bir başlığın olduğu sayfanız var diyelim. Beyazdan 0% opacity e doğru giden bir gradient çizip .PNG uzantısı ile kayıt ediyorum ve yazının üzerine gelecek şekilde yerleştiriyorum. Böylece gayet kullanışlı bir yazı efekti elde ediyorum.
(daha&helliip;)Photoshop ile Renkli Arka Plan ve Balon Yazı
Kısa bir aradan sonra yepyeni bir Photoshop dersi ile herkese merhabalar.
Yukarıdaki görsel iddialı ve kompleks gözüküyor olabilir. Ama gözünüzü korkutmasın. Çünkü uygulamaya geçtiğinizde ne kadar çabuk bittiğine şaşıracaksınız. Photoshop ‘u açtıysanız artık başlayabiliriz.
İlk olarak arka planı hazırlayacağız. Sonrasında ise yazımızı ekleyeceğiz.
Photoshop ile Denize Yansıyan Işık Efekti
Geçtiğimiz hafta güzel bir okyanus fotoğrafı gördüm. Fotoğrafa biraz yaklaştığımda beyaza yakın tonlarda birkaç pikselin seçilebilir olduğunu gördüm. Kısa bir süre araştırdıktan sonra görselin Photoshop ile hazırlandığını, görünen ışığın ve ışık kaynağının sonradan eklendiğini anladım. Fakat ilk bakışta yeterince gerçekçi gözüküyordu.
Bu makalem ise o ışık efekti üzerine çalışırken kendiliğinden oluştu.
Photoshop ile Fotoğraflarınıza Mavi Tonlama
Photoshop ile fotoğraflarınıza hızlıca mavi tonlama katmak istiyorsanız doğru yerdesiniz.
Bu makale yazdıklarımın en kısası olabilir. Fakat bence en önemlilerinden biri.
Soft light ve Hue Saturation ile yapacağımız bu efekt neredeyse her fotoğrafta çok güzel sonuçlar vermekte. Ben size mavi üzerinde çalışmayı göstereceğim. Kırmızı, yeşil ve sarıyı sizlere bırakıyorum.
Photoshop ile Etkileyici Yazı Efekti
Merhaba arkadaşlar.
Geriye dönüp hazırladığım Photoshop makalelerine bakınca yazı efektlerinin sayısının yetersiz olduğunu fark ettim. Biraz araştırma sonunda solda gördüğünüz tekniği anlatmaya karar verdim.
Bu dersi uygulamanız için bir adet siyaha boyanmış objeye ihtiyacınız olacak. Ben Photoshop’un içinde bulunan kedi görselini kullandım. Eğer siz de aynı kedi resmini kullanmak isterseniz Custom Shape Tool‘u kullanabilirsiniz. (daha&helliip;)
Photoshop ile Terk Edilmiş ve Yıkılmış Şehir Efekti
Herkese merhabalar.
Buradaki dersime yorum yapan bir ziyaretçimiz Photoshop ile binalara nasıl hasar verilir diye sormuştu. Kendisi ek olarak bize bu görseli sunmuştu.
Bu tarz çalışmalarda ön planda duran binanın aksine çevresel faktörler büyük önem taşımakta. Örneğin gökyüzüne gri bulutlar eklemek, ağaçların canlı yeşil renklerinden kurtulmak, hatta fotoğraftaki parlaklığı almak bile binayı yaşlı gösterek, eskitecektir.
Bu mantıkla yola çıkıp küçük bir çalışma yaptım.
Photoshop ile Patlama Efekti İçin Fırça Hazırlama
Bu dersimizde Photoshop ile patlama efekti için fırça hazırlayacağız.
(daha&helliip;)
CSS Kullanarak Button Tasarlamak
Web sayfalarında form objeleri dışında birçok türde buttonlar kullanılmakta. Bu dersimizde link, buttonlar,spanlar ve diğer tüm sınıflar için kullanılabilir kutular tasarlayacağız.
Ne yapacağımıza kısaca değinecek olursak ; ilk olarak basit bir taslak hazırlayacağız, sonrasında ise bu taslak üzerinden 5 adet örnek yapacağız.
(daha&helliip;)