Programlama ve Grafik Tasarıma Dair Herşey...

Bu ders sonunda temel seviyede "program okumayı" öğrenmiş olacaksınız. Değişkenin ne olduğunu bilmiyorsanız öncelikle şu dersi okuyup gelin. Değişken nedir ? Önemli: Bu ders program okuma açısından öğrenmeniz gerekli en önemli derstir. Nasıl ki okulda Alfabeyi veya sayıları öğrenmek önemliyse sizin için de program okumak o kadar önemlidir. Bu sebeple bu dersi en az 3 kere baştan sona okuma şartı var. yoksa devam etmeyin. (Hoca ağır konuştu, dikkatinizi toplasanız iyi olur) Değişkenler içersinde bilgi depolandığını öğrendik. Birde değişkenler arasında bilgi alış-verişi yapılabilir. fakat bu konu gerçek hayattaki alışverişten biraz farklıdır. Şöyle ki: diyelim elimizde $oyuncak isimli bir değişken var. Bu değişken içine "Araba" konulmuş durumda. Şimdi biz $oyuncak kutusuna başka birşey koymak istiyoruz ama elimizdeki Araba´yı da kaybetmek istemiyoruz. Bunun için "Araba"yı , $yenikutu isimli bir değişkene aktaracağız. $oyuncak ="Ar...

Değişken Nedir ? Bu ders sonunda değişkenin ne olduğunu ve nasıl kullanıldığını öğrenmiş olacaksınız. Önemli: Php öğrenmek istiyorsanız değişken kavramını çok iyi anlamalısınız. Bu konu birçok derste kısaca birkaç cümle ile anlatılıp geçilmektedir. Fakat iyi bir programcı değişkenlere hakim olan kişidir. Özellikle diziler konusuna gelince beni daha iyi anlayacaksınız. Php de her programlama dili gibi bilgisayar hafızasındaki bilgilerle çalışır. bunun sunucu makinelerde olması farketmez, durum aynıdır. En basit hali ile değişkeni bir kutu olarak düşünebiliriz. Kutu ne işe yarar içine eşyalar koymaya yarar. Şimdi evinizde böyle bir kutu olduğunu düşünün. içersine eşyalar koyuyorsunuz. ve üzerindeki bu ismi değiştirebiliyorsunuz. Herhalde evinizde böyle bir kutu olsa üstüne "Değişken" yazmayacaktınız. Diyelim ki içine Oyuncaklarınızı koymak istediniz bu durumda kutunun üstüne ne yazardınız. şunlardan birini seçin. Plastik ördek Oyuncak Gereksiz eşya Be...

GRAFİK SANATI NEDİR? * İlk çağ insanları duvarlara iz bırakmışlar... * Grafik ; kağıda (yüzeye) bırakılan iz ile akıllara iz bırakma mesleğidir. * Grafik ; yazılı-çizili-basılı her şey demektir. GRAFİKER NEDİR? * Grafik tasarımcıdır. * Güzel Sanatlar meslek grubu içinde Müzisyen, Besteci, Yazar veya Ressam gibi sanatçıdır. * Fikir ve Sanat Eseri Kanuna göre Grafik Tasarım Eseri Sahibidir. GRAF demek BASKI demektir. * Fotograf IŞIK-BASKI demektir * Fonograf SES-BASKI demektir.(günümüzde CD'nin atası) * Tipograf YAZI-BASKI demektir. * Kinematograf HAREKETLİ-BASKI demektir. ( Cinematograph yani Sinema demektir.) GRAFİK SANATI 3 önemli DEVRİM yaşadı: 1- Matbaa bulundu: Mekanik üretim teknolojisi başladı 2- Fotoğraf bulundu: Kimyasal üretim teknolojisi başladı 3- Bilgisayar bulundu: Dijital üretim teknolojisi başladı 1- MATBAA Mekanik üretim teknolojisi: Matbaa bulununca; 1- Grafik Sanatı üretim teknikleri ve Karikatür Sanatı gelişti. 2- Tuvalden başka kağıda...

Vektör grafikler çözünürlükten bağımsız, herbir nesnenin matematiksel ifadelerle oluşturulduğu ve en önemlisi detay kaybetmeden herhangi bir boyuta yenidenölçeklendirilebilen grafik türüdür. Vektör grafik nedir? Vektör grafikler çözünürlükten bağımsız, herbir nesne matematiksel ifadelerle oluşturulan ve en önemlisi detay kaybetmeden herhangi bir boyuta yeniden ölçeklendirilebilen grafik türüdür. Aşağıda görüldüğü üzere vektörel nesne büyütüldüğünde herhangi bir bozulma gerçekleşmiyor. Vektör grafikler hangi programlarla oluşturulabilir? Vektör grafik üretmek için yapılan birçok program mevcut. Bunların arasında en çok bilinen ve benimde severek kullandığım program olan Adobe Illustrator bulunuyor. Adobe Illustrator’un dosya uzantısı .ai’dir. Öte yandan ülkemizde özellikle baskı alanında kullanılan ve bence Illustrator kadar kullanışlı olmayan Corel Draw bulunuyor. Corel Draw’ın dosya uzantısı .cdr’dir. Yine ülkemizde pek bir popüler olan ve kullanımı di...

Fireworks nedir Adobe® Fireworks® CS6 yazılımı, kod yazma işlemlerine gerek duyulmadan web siteleri ve mobil uygulamalar için etkileyici tasarımlar oluşturmanıza yardımcı olur. Yazılımı kullanarak popüler tablet ve akıllı telefonlar için oluşturulmuş vektör ve bit eşlem görüntüleri, taslaklar, 3B grafikler ve etkileşimli içerikler sunabilirsiniz. Adobe Fireworks CS6 yazılımındaki en yeni özellikler Web siteleri ve mobil uygulamalar için mükemmel tasarımlar oluşturmaya yönelik sektör lideri bu yazılımın en son sürümünde sunulan Yeni jQuery mobile temaları, Geliştirilmiş CSS desteği, Renklere daha hızlı erişim ve diğer özellikler ile ilgili daha fazla bilgi edinin. Standart tabanlı web siteleri ve uygulamalara yönelik iş akışınızı kolaylaştırın CSS Özellikler panelini kullanarak ...

Adobe Photoshop programı ile kalem görseli oluşturacağız. Bir çalışmamızda eğer kalem görseli kullanacaksak genelde internetten arama yapar ve çalışmamıza uygun en iyi kalemi bulmaya çalışırız. Bunlarla uğraşmamak için kendi kalemimizi kendimiz çizmek için bu dersimizde kendi kalemimizi kendimiz nasıl yaparız en basit haliyle anlatmaya çalışacağız. İşimiz bittiğinde aşagıdaki çalışma ortaya çıkacak. 1- Öncelikle yeni bir sayfa açıyoruz ölçüsü size kalmış. 2- Yeni bir layer açıp ( ctrl+shift+n ) Rectangular Marque Tool ile kalemin gövdesini oluşturuyoruz. 3- Sonra # fd0528 nolu rengi seçiyoruz. Ve Gradient Tool u oluşturduğumuz gövdeye uyguluyoruz. Gradient Tool un ayarları aşağıda gösterildiği gibi. 4- Yeni bir Layer açalım. Şimdi Polygonal Lasso ile kalemimizin ucunu oluşturalım. Rengi # d6bc0d olsun. Ve Gradient Tool ile kalemimizin ucunu da boyayalım. Ayarları gövdenin ayarlarıyla aynı olacak. Siyah rengi seçip Brush Tool ile de kalemimizin en ucunu boyayalım. ...

Eğer tasarım yaptığınız anda ilham periniz bir türlü uğramıyorsa yanınıza, mutlaka bir kaç güzel typography çalışmasına göz atın, ya da yeni veya güzel bir kaç yeni font edinin. Bugün sizlere bir kaç ücretsiz font kaynağı ve bana ilham veren bir kaç güzel fontu paylaşacağım. Ücretsiz Font Bulabileceğiniz Siteler Ücretsiz font dendiği zaman kuşkusuz akla ilk gelen dafont , ama urbanfonts ve fontspace de sizin için güzel kaynaklar olabilir. Harika Ücretsiz Fontlar Aşağıda kullanmaktan gerçekten keyif aldığım bir kaç güzel font var.. Delicious , bence kesinlikle sahip olunması gereken bir font. Bobsmade , grunge çalışmalarınız için hoş bir font. Heineken , tadına doyulmayacak başka bir font! Vintage , oldukça fiyakalı Veracity , en sevdiklerimden şirin bir font. Chow Fun , eğlenceli bir font. Gasmask , bir çok detaya sahip hoş bir font.. Qlassik , tek kelimeyle güzel! Daha neye ihtiyacınız olsun ki?

Arkadaşlar dersimizde mevcut olan resmimize siyah beyaz renk efekti uygulayacağız fakat bu efektin asıl amacı öne çıkmasını istediğimiz yani daha fazla dikkat çekmesini istediğimiz objeyi ön plana almaktır,tabi sizin ne tür görseller kullanacağınıza bağlıdır bu ben dersimiz için bu resmi seçtim. Şimdi image>adjustments>black & white seçeneğine tıklıyoruz (kısayolu:alt+shift+ctrl+b) ve ayarlarımızı aşağıdaki gibi yapıyoruz. Resimimiz şu görüntüyü almalıdır. Şimdi history brush tool aracını seçiyoruz (Y) ve öne çıkmasını istediğimiz alanı bu araç ile eski haline getiriyoruz. Şimdi bazı taşmış alanlarımız olabilir resimdeki gibi. Bu alanlarımızı düzeltmek için brush tool aracımızı seçiyoruz ve rengini çalışmamızdaki gri olan yerlere yakın bir renk yapıp opacity & flow ayarınıda %50 lere düşürdükten sonra bu bölgeleri boyamaya başlıyoruz. Ve bu işlemimizide bitirdikten sonra işte çalışmamızın son hali.

Dersimizde insan yüzüne çatlamış efekti vereceğiz. İsterseniz çalışmayı yapabilmeniz için benim kullandığım resmi burdan indirebilirsiniz ve çatlak zemin resminide burdan indirebilirsiniz . Şimdi iki resmimizide çalışma alanımıza aldıktan sonra çatlak zemin resmini resimdeki gibi adamın yüzüne gelecek şekilde ayarlıyoruz. Bu işlemi edit>transform>warp seçeneğini aktif ederek yapıyoruz. Şimdi düzgünce adamın surat kısmına çatlak resmini yerleştirdiysek resimdeki gibi layer değerlerimizi değiştiriyoruz. Ardından yüzün dışına çıkmış olan kısımları silgimiz ile siliyoruz. Ve temizleme işide tamamsa işte çalışmamızın son hali bu şekilde.

Daha önceden de iki görsel arasında nasıl geçiş yapılabildiğini anlatmıştık . Şimdi ise daha farklı bir metot deneyeceğiz. Örnek görsel olarak ben bir adet göz ve dünya görseli kullandım. İlk olarak göz fotoğrafımızı açıyoruz ve her zamanki gibi ilk hamlemiz CTRL+J tuş kombinasyonu ile layer’ı kopyalıyoruz. Çoğalttığımız layer’ı Image -> Adjustments -> Black & White seçeneğinden Siyah/Beyaz fotoğraf haline getiriyoruz. Gözün iç kısmına yapacağımız efektler bulaşmasın diye önceden önlem alıyoruz ve Polygonal Lasso Tool ile gözün kenarlarını çizerek içini seçmiş oluyoruz. Hemen Delete tuşuna basarak gözün iç kısmını yeni layer’ımızdan kaldırıyoruz. Şimdi dünya haritasını açıyoruz ve göz çalışmasını yaptığımız pencereye dahil ediyoruz. Dünya fotoğrafımız en üst layer olarak layer kutusunda duruyorken, Blending Mode ayarlarından Soft Light ‘ı seçeceğiz. Aşağıdaki gibi bir görüntü elde edeceğiz. Birkez daha bu sefer dünya görselinin bulunduğu layer seçilyiken P...