ders

CSS ile Yazılara Gradient Efekti

Vatanay Özbeyli Yorum yazın CSS3, Tasarım Unsurları

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.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

Photoshop ile Renkli Arka Plan ve Balon Yazı

Vatanay Özbeyli 2 Yorum Efektler, Photoshop Dersleri, Yazı Efektleri

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.

(daha&helliip;)

Devamını Oku

Sitenize Duyuru Penceresi Ekleyin

Vatanay Özbeyli 14 Yorum CSS3, Tasarım Unsurları

Günümüzde birçok web geliştiricisi duyuru pencerelerini kullanmakta. İnternette de onlarca duyuru penceresi konulu makale var.

Duyuru penceresi dediğimiz şey sayfanın ilk izlenimidir. Hızlı açılmalıdır, kullanıcının kafasını karıştırmamalıdır. Fakat günümüzde birçok web sayfasında sayfa genelinden sonra anca yüklenip açılan duyuru pencereleri görmekteyiz.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

CSS ile Çoklu Border (Çerçeve) Oluşturma

Vatanay Özbeyli 1 Yorum CSS3, Tasarım Unsurları

Bildiğiniz gibi CSS Border kullanarak çerçeveler oluşturabiliyorduk. Fakat çoklu çerçeve oluşturmaya kalktığımızda işler sarpa sarıyordu.

İşte tam bu esnada yardımımıza box-shadow koşuyor. Bu kod dizesi ile gölgelendirme yapabiliyoruz. Detayları için gölgelendirme konulu makalemi okuyabilirsiniz.

Gölgelendirme yaparken uyguladığımız blur efektini 0’a çekince gayet keskin bir görüntü elde ediyoruz. Bu teknik sayesinde istediğimiz kadar border oluşturabiliyoruz.

(daha&helliip;)

Devamını Oku

Photoshop ile Fotoğraflarınıza Mavi Tonlama

Vatanay Özbeyli Yorum yazın Efektler, Fotoğraf Efektleri, İpuçları, Photoshop Dersleri


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.

(daha&helliip;)

Devamını Oku

Photoshop’a Plugin Kurma & Ekleme

Vatanay Özbeyli 6 Yorum İpuçları, Photoshop Dersleri

Pluginler, Photoshop ‘un varsayılan ayarlarında olmayan, dışarıdan yüklenen .8bf uzantılı eklentilerdir. Bu filtreler sayesinde farklı görsel efektler oluşturabiliyoruz.

Plugin dosyalarını kurmanın iki yolu var.

1. Yol : Photoshop’un varsayılan filtre klasörünü kullanalım. C:\Program Files (x86)\Adobe\Adobe Photoshop\Plug-ins\Filters alanına gidiyoruz. Filters klasörü yoksa yaratıyoruz. Ve içine plugini taşıyoruz.

2. Yol : Photoshop’un kendi filter klasörünü kullanmak istiyorsak pluginimizi istediğimiz bir alana taşıyoruz. Sonrasında Photoshop’u açıp Edit > Preferences > Plug-Ins alanına gidiyoruz. Bu bölümden Addition Plug-Ins folder ve Choose… alanlarını tıklıyoruz. Açılan pencereden de plugini yüklediğimiz dizini seçiyoruz.

Yüklediğimiz pluginler yüksek ihtimal Filter menüsünün en alt kısmına eklenecektir.

Devamını Oku

Photoshop ile Etkileyici Yazı Efekti

Vatanay Özbeyli Yorum yazın Efektler, Photoshop Dersleri, Yazı Efektleri

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;)

Devamını Oku

Photoshop ile Terk Edilmiş ve Yıkılmış Şehir Efekti

Vatanay Özbeyli 9 Yorum Efektler, Fotoğraf Efektleri, Öne Çıkanlar, Photoshop Dersleri, Video Dersler

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.

(daha&helliip;)

Devamını Oku