Bu video dersimizde Photoshop ile yazılardan portre oluşturacağız.
(daha&helliip;)
resim
CSS ile Yazı Arka Planı : text-fill-color
CSS3 ile yelpazeye dahil olan text-fill-color ile alışılagelmiş color arasındaki farkları inceleyeceğimiz bir makaleyle devam ediyoruz.
Sol tarafta görmekte olduğunuz gibi bu teknik ile fotoğrafları rahatlıkla metin üzerine yerleştirebiliyoruz. Sadece fotoğrafları değil, gradient (renk geçişleri) de bu teknik ile kullanılabilmekte. (daha&helliip;)
Görsellerinize Büyüteç ile Bakın
Günümüzde neredeyse çoğu grafik sitesi görselleri için büyüteç tekniğini kullanmakta. Hatta sık sık ziyaret ettiğimiz alışveriş siteleri bile ürünlerini daha iyi sunmak için bu tekniği kullanmakta.
Peki nasıl oluyorda imleci görsellerin üzerine getirince bir mercek içinden bakabiliyoruz? Bu makalemde bu soruyu birlikte cevap arayacağız.
Biraz CSS, biraz HTML ve biraz da jQuery… Hadi başlayalım!
(daha&helliip;)Sitenize Kolayca Slider Ekleyin
Merhaba arkadaşlar. Bu makalemde an itibariyle giriş sayfamızda da kullandığımız sliderın kodlarını paylaşacağım. Gayet şık ve hızlı olan tasarımımızı flexslider.js ile kusursuz bir sunuma döndüreceğiz.
Ayrıca WordPress kullanıcılarını da düşündük. Bu makalemde aynı sliderı WordPress içerisinde nasıl kullanabileceğinizi göstereceğim. Böylece gereksiz slider eklentileriyle sitenizi yavaşlatmaya son vereceksiniz.
(daha&helliip;)İşlem sıramız şöyle olacak ; Ek Dosyalar > HTML Kodları > CSS Kodları > WordPress Eklentisi
Photoshop ile Fotoğrafları Sulu Boya Resime Çevirin
Bu makalemde sizlere herhangi fotoğrafı sulu boya resme nasıl çevirebileceğinizi anlatacağım. Bu pratik teknik sayesinde ileri derecede Photoshop bilgisine ihtiyaç duymayacaksınız.
İlk olarak üzerinde çalışmak için bir görsel belirleyiniz. (daha&helliip;)
Photoshop ile Boyama ve Renklendirme Teknikleri -1-
Merhaba arkadaşlar. Ben Vatanay Özbeyli.
Geçtiğimiz günlerde bir arkadaşım boyama konusuna değinmem ile alakalı bir tavsiyede bulundu. Bunun üzerine bu birkaç adımlık makale serisini başlatma gereği duydum.
Bu makalemizde, yani ilk adımımızda küçük boyutlardaki bir illüstrasyonu renklendireceğiz.
AdobeWordPress Gururla Sunar : Handy Slider Widget
WordPress için hazırladığımız ilk eklenti olan Handy Slider Widget sitenize slider ekler. Bu plugin sayesinde yazdığınız yazıların öne çıkarılmış görselleri (thumbnail) tarih sırasına göre yayınlanır.
Hoş bir geçiş animasyonu kullanarak yayınlanan görselleriniz ait oldukları konu ile ilişkilendirilmiştir.
Eklentinin versiyonu 1.0 ve yönetici paneli İngilizce. İlerleyen versiyonlarda Türkçe desteği de eklencektir.
Biz yinede pluginin kullanıcı kontrolünü tanıyalım. Uygulamayı kurmak için admin panelinden Görünüm > Bileşenler menüsüne gidiyoruz. Sol tarafta listelenen widget uygulamalarının arasından Handy Slider Widget’i menümüze sürüklüyoruz. Title (Başlık), widgeti sitenize eklediğinizde üst kısmında çıkacak başlığı belirtir, width ve height değerleri pluginin boyutunu sınırlandırmanızı sağlar, Category IDs sadece bir kategoriyi listelemek istiyorsanız onun id nosunu gireceğiniz alandır, No of Records to Show yayınlamak istediğiniz konu sayısıdır. Show posts alanında 2 seçenek mevcut. “Posts only if has thumbnail” ayarını yaparsanız sadece öne çıkarılmış görseli olan konular listelenir. Diğer seçenekte ise her konu listelenir. Use shadow widgetin arkasında gölge oluşmasını sağlar ve show ribbon seçeneği ise uygulamamıza ait küçük bir reklam resmi gösterir.
“Uygulamanızın niye arkasında durmuyorsunuz? Daha kendi sitenizde yayınlamamışsınız?” diye soranlar olacaktır. Evet biz “Handy Slider Widget”ı sidebarımızda kullanmıyoruz, direkt olarak anasayfamızın üst kısmında ilk günden beri kullanmaktayız 🙂
Uygulamayı indirmek için burayı tıklayın.
Uygulama WordPress.org onayı beklemektedir. Ama yine de linki paylaşmakta fayda var : http://wordpress.org/extend/plugins/handy-slider-widget/