Serdar Sezer'in Kişisel Web Sitesi
“Kul plan yapar felek güler” derler ama umduğum gibi giderse Dijital Atölye bölümünde web tasarım, grafik tasarım dersleri ve yöntemleri, SEO, dijital pazarlama, içerik pazarlama püf noktaları gibi konulara yer vereceğim. Vakit bulursam video dersler’de yayınlamaya çalışacağım. Bildiğiniz üzere vakit nakittir. Lakin bende ikisi de mevcut değil. :)
Bootstrap, özellikle günümüzde yükselen mobil kullanımla birlikte birçok kişinin de kullanmayı tercih ettiği bir framework‘tür. Bootstrap’ı çapraz platform desteği sayesinde kullanarak birçok alanda web sitesi hazırlamanın temel adımını atabilir ve CSS‘i meydana getirebilirsiniz. Bootstrap Kulanımı Bootstarp’i ilk adımda Bootstrap’in kendi web sitesi olan http://getbootstrap.com/ internet adresi üzerinden indirebilir ve gerekli dokümantasyonlara da yine bu…
Uzun zamandır web tasarım işlerinden fırsat bulup da 3D modelleme yapamamıştım. Bu konuyu hazırlarken kısa süreliğine de olsa tekrar vertexli ve segmentli sahalara dönmenin keyfini yaşadım. 🙂 Size anlattığım temel ve kolay bir modellemedir. Hiç bilmeyen biri bile bu adımları takip ederek yapabilir. Sayfanın altında dersin video görüntüsü de bulunmaktadır. 3D Studio Max 2015’i açtıktan…
Sizin için gözde sosyal medya platformlarının RGB formatlı renk paletlerini hazırladım. Kiminin paletinde daha fazla renk bulunuyor ama ben 1 ana ve 3 yardımcı rengin yeterli olduğu düşüncesindeyim. Soldan ilk karelerdeki ana renkleri örneğin ikonlarda ya da beğen, paylaş butonlarında kullanabilirsiniz. Bu palet imajından seçici ile renkleri alıp, kendi renk kitaplığınıza ekleyebilirsiniz. Böylelikle her lazım…
Daha önce canlı model referans fotoğraflarıyla çizdiğim silüet vektörleri sizinle paylaşmıştım ve yakında nasıl yapılacağına dair bir ders hazırlayacağımı söylemiştim. Üzerinden epey geçmiş 🙂 Şimdilik dersi, yazılı ve resimli olarak yayınlayacağım. Videosunu da ilk fırsatta eklerim. (Derste kullanılan fotoğraf ve çalışmanın bitmiş halini, yazının sonundaki bağlantıdan indirebilirsiniz.) Öncelikle bir iş insanı fotoğrafı buluyoruz ve illustrator…
Nihayetinde vakit bulup Türkçe Photoshop CS6 ile arayüz tasarım dersi videosu hazırlayabildim. 1170px grid sistem kullanarak baştan sona tek sayfa mobil uyumlu website yapımını anlattım. Uygulama sırasında bahsettiğim ücretsiz fotoğraf, ikon vb. materyalleri sunan siteleri, psd şablonlarını ve konuya ilişkin önceki anlatımları videonun hemen altında bulabilirsiniz. FONT AWESOME PHOTOSHOP İLE NASIL KULLANILIR? 1170px Grid…
Photoshop ile çok sayıda resim dosyasını tek tek uğraşmadan toplu biçimde düzenleyebiliriz. Boyut, renk değiştirme, yazı başka resim ekleme gibi eylemler içeren bir işlem kümesini tüm dosyalarda uygulayabiliriz. Bunu Photoshop’ta “actions” ya da Türkçe adıyla ” eylemler” özelliği sayesinde kolayca yapabiliyoruz. Şimdi CS6’da bir örnek yapalım; (Örnek Türkçe Photoshop içindir) Önce bilgisayarımızda iki dosya oluşturalım….
2015’in sonlarına doğru yaklaşırken, önümüzdeki yılın web tasarım trendleri’de netleşmeye başladı. 2015 yılı; responsive (esnek), one page (tek sayfa), parallax (kaydırmalı), full page (tam ekran) ve flat (düz) tasarım trendlerinin yılıydı. Tasarımda tipografi kullanımı da bu yıl önemli oranda artış gösterdi. Bu trendleri 2016 yılında da sıkça görmeye devam edeceğiz.. Ek olarak evrimlerine de şahit…
Twitter kapak görselinin boyutlarının nasıl olması gerektiği ile ilgili internette çok sayıda bilgi mevcut. Fakat ben daha doğrusuna rastlamadım maalesef. Yaygın yanlış bilgiye göre Twitter kapak görselinin boyutu 1500×500 piksel olmalıdır deniliyor. Bu ölçüde hazırladığınız bir kapak görseline 1920×1080 yada 2560×1080 piksellik bir ekranda baktığınızda görüntü yayılacak bozulacaktır.Twitter kendi responsive framework’u olan Bootstrap’ı kullanmaktadır. Dolayısıyla…
FONT AWESOME PHOTOSHOP İLE NASIL KULLANILIR ? Artık taşınabilir belleğimizde binlerce ikon taşımamıza gerek kalmadı. Son birkaç yıldır tasarımcılar olarak, çevrimci ikonları kullanmaktayız. Bu ikonların kodları da bulunmaktadır, böylelikle kodlama aşamasında resimlerle uğraşmayıp bu ikonların kodlarını tasarım üzerine kolaylıkla uygulayabiliyoruz. Bu makalemizde web ikon servisleri içinde en çok tercih edilen Font Awesome‘dan ve Photoshop’ta nasıl…
Tasarımcıların ya da webmasterlerin en çok sıkıntı yaşadıkları konu, sitelerine yükledikleri resimlerin yüksek boyutlu olması ve bunları kayıpsız biçimde sıkıştırabilen bir program bulamamalarıdır. En çok kullanılan iki resim formatı olan JPEG ve PNG dosyaları harika biçimde sıkıştıran iki programdan bahsedeceğim size. KAYIPSIZ JPEG SIKIŞTIRMA Jpeg sıkıştırmada bir numara olan JPEG Mini programı, günde 20 resime…