Tasarımın Dili

Çizgiler

2009-08-25T04:04:00.000-07:00

illustratorde yaptığim bi çalışmam.

Masaüstü İçin Tasarımlarım

2009-08-06T15:25:00.001-07:00

son zamanlarda illustrator öğrenmek için çeşit çeşit arkaplanlar hazırlıyorum. işte yaptığım 2 masaüstü arkaplanı.

hangisi favoriniz :)

Son Site Tasarımlarım

2009-05-01T13:10:00.000-07:00

Bitirme projemiz olan Dinamik Yapılı E-ticaret portalı için yapmış olduğum farklı iki sektöre ait template çalışmalarımı sizlerle paylaşmak istedim. projemizin dinamikliğinden kasıt, farklı sektörlerde olan firmaların bu proje üzerinden kendi sektörlerine uygun template yapısını seçerek kolayca sitelerini oluşturabilmesidir. kullanıcı istediği template i seçtikten sonra kullanacağı alanları, ürünlerinin resimlerini yönetim panelinden rahatça ekleyip düzenleyebilmektedir. projemizde şimdilik 3 adet template bulunmaktadır. birincisi genel bir template, ikincisi bir kitap satış sitesi için kullanılabilecek bir template, üçüncüsü de bir bebek eşyası satışı yapacak olan site için kullanılacak bir template.

işte kitap sitesi

bu tasarımı photoshop programıyla tasarladım.

ve ikinci tasarımım bebek sitesi

bu tasarımımı da öncelikle arka planındaki resmi tamamen tüm ayrıntılarını illustrator programında tasarladıktan sonra üzerindeki şeffaf panelleri photoshopda tasarladım.
arka plan resmimi illustratorde tasarlamamın sebebi resim vektörel olarak yapıldığı için daha net ve kaliteli görünümler elde edilebiliyor. tasarımla uğraşacak arkadaşların illustrator programını da öğrenmelerini şiddetle tavsiye ederim.

Marka olmak bu galiba:)

2009-04-07T14:27:00.000-07:00

Daha önce de bahsettiğim site çalışmalarında beraber çalıştığım Dilaver arkadaşımla kendimize bir marka oluşturduk ve bu marka için bir logo tasarlamak da tasarımcı olarak bana düştü:) bende vakit buldukça bu anlamlı markamıza çeşitli masaüstü resimleri logolar tasarlıyorum. Logomuzu yaptığımız çalışmalara eklemek çok güzel bir duygu.

işte logomuz...

ve son tasarladığım masaüstü resmimiz. yorumlarınızı bekliyorum.

Çektiğim fotoğraflardan bir kaçı...

2009-03-22T13:30:00.000-07:00

Tasarımcılığım yanında fotoğraf çekmek de hobilerim arasında. özellikle doğa fotoğrafları çekmek en hoşuma gideni. Tasarımclık bi yaşam tarzı bana göre. Tasarımcı insan etrafındaki güzelliklerin daha bi farkında oluyor. Yüce yaradanın o yaratma sanatına hayran kalmamak elde değil. onun sanatındaki muhteşemliği görüp kendimizin ne kadar aciz olduğumuzu anlamak da çok güzel bir duygu bence. Bende bir doğa tutkunu olarak Rabbimin muhteşem yaratma sanatındaki şaheserlerinin fotoğraflarını çekmekten çok hoşlanıyorum. blogumda bunları sizinle paylaşmaktan da büyük zevk duyacağım. işte benim gözümden bir kaç kare.....

bizim çakır bey:)

balkonumdaki çiçeklerim....

Şunlara bir bakarmısınız hangi tasarımcı bu kadar şahanesini tasarlayabilirki. bizim işimiz sadece aciz birer taklit.

Photoshop'ta Button Yapımı

2009-03-12T14:18:00.000-07:00

Hemen hemen her sitede karşımıza çıkan standart bir butonun basitçe nasıl yapıldığına bakalım.

Rounded Rectangle Tool 'u seçerek butonumuzu çiziyoruz ve rengini istediğimiz bi renkle dolduruyoruz.

Butonumuzun bulunduğu layer'a çift tıklayarak yada sağ tıklayıp "blending options" seçeneğinden yukarıdaki ekranı açıyoruz. Buradan resimdeki gibi "drop shadow" sekmesindeki değerleri giriyoruz.

"gradiant overlay" sekmesine gelip oradan da butonumuzun renklerine göre bi gradiant ayarlıyoruz. Hazırladığımız gradiantın renk tonları yerleşiminin şekildeki gibi olmasına dikkat etmeniz önemli bu aşamada.

"stroke" sekmesindeki ayarlarımızıda resimdeki gibi yaptıktan sonra "blending options" penceresindeki işimiz bitiyor.

Butonumuza ekstra bir parlaklık vermek istersek "pen tool" aracılığıyla şekildeki gibi bi alan belirleyerek, alanın içini beyazla doldurduktan sonra "layer" panelindeki "fill" değerini %50 yapıyoruz. Daha şık bir görünüm elde ediyoruz.

Butonumuz hazır:) ama renginde bi değişiklik yapmak isterseniz işinize yarayacak kolay bir yoluda paylaşmak istiyorum.

Yukarıdaki resimde görüldüğü gibi renkte oynamalar yapmak için menüden images>adjustment>hue-saturation seçeneklerini seçmek yeterli.

not: http://veerle.duoh.com/blog/comments/creating_flexible_buttons_using_photoshop_shapes_and_styles/ sitesinden alınıp türkçe anlatımı yapılmıştır.

Yayına Giren Tasarımım

2009-03-07T11:31:00.000-08:00

Ordu Sağlık-Sen'e ait olan www.ordusagliksen.org.tr web sitesi yayınına benim yapmış olduğum tasarımla devam edecek olması beni çok mutlu etti:) Bu site benim profesyonel anlamda ilk yaptığım site tasarımı olmakla bende ayrı bi önemi var. Tasarımını yaptığım sitenin arka planda mükemmel bir kod sistemiyle çalışan yapısını hazırlayan arkadaşım Dilaveri (www.dilaverdemirel.com)de tebrik ediyorum. Beraber güzel hatta bana göre mükemmel bir iş çıkardık:) Umarım daha güzel tasarımlarımlar yapabilirim:)
işte siteden bir görünüm.....

Adobe Illustrator Çalışmalarım

2009-02-27T15:35:00.000-08:00

Photoshoptan sonra tasarım adına özgün şeyler çıkartabilmek adına Adobe Illustrator öğrenmeye başladım. şimdilik çok acemi olduğum için size anlatım yapamayacağım sadece yaptığım deneme çalışmalarımı paylaşmak istedim. İşte ilk çalışmalarımdan biri:) Yorumlarınızı bekliyorum
.
bir çalışmam daha:)

bu çalışmam da illustratordeki çizimi photoshopa aldım ve blending options daki ayarlardan glow efektleri verdim. bence illustrator ve photoshop birleşince süper sonuçlar çıkıyor ortaya.

Photoshop'ta Brush Kullanımı

2009-02-23T14:19:00.000-08:00

Photoshop'ta tasarım yapmada işinizi kolaylaştıracak ve farklı görsellikleri kolaylıkla yapmamızı hemde saatlerce uğraşıp yapacağımızdan daha güzelini yapmamızı sağlayan brushları keşfettiğimde tasarımda benim için farklı bi dönem başlamıştı diyebilirim:)
Şimdi sizlerinde bu brushlarla tanışmayanlarınız varsa tanışmanızı sağlamak için birkaç güzel brush indirebileceğiniz site adreslerini paylaşmak istiyorum.

http://www.brusheezy.com/

http://www.brushking.eu/

http://www.psbrushes.net/

Şimdide indirdiğiniz brushları photoshopta nasıl kullanılabilir hale getireceğimizi öğrenelim.
Öncelikle photoshopta tools dan brush aracı seçiliyken çalışma alanına gelip sağ tıklayarak aşağıdaki menünün karşımıza çıkmasını sağlayalım

Çıkan brush penceresinde kırmızıyla işaretlediğim yerdeki küçük butona tıklayarak gelen menüden Load Brushes seçeneğini seçerek karşımıza çıkan pencereden brushımızı kayıtlı olduğu yeri bulup (brush zipli indirilmiş ise extract edilmiş olmalı)yükle diyerek brushımızı eklemiş oluyoruz.
İyi çalışmalar:)

Kenarı Katlanmış Resim Efekti

2009-02-16T12:19:00.000-08:00

Bu ilk çalışmamızda arkadaşlar sizlere yukarıda gördüğünüz resimdeki gibi kenarı katlanmış efektinın yapılışını basitçe anlatacağım. Öğrenemden önce bende zahmetli işler sonunda yapılıyor sanmıştım ama photoshop bunu çok basitçe hallediyor.

1- resmimizi açıp kenarına kare bir seçim yapıyoruz.

2- seçimi yaptıktan sonra menüden Edit>>Transform>>warp seçeneklerini seçerek aşağıdaki resimdeki gibi istediğimiz şekilde kıvırma işlemini kolayca yapıyoruz.

3- kıvırma işleminden sonra kıvırdığımız kısmı seçerek içini gölgeli bi görünüm vermek için gradiant tool kullanarak dolduruyoruz.

4- seçili alanı doldurduktan sonra bu alanı seçip kopyaladıktan sonra yeni bir Layer açıp oraya bu parçayı yapıştırıyouz ve o yeni layer'a çift tıklayıp Blending Options penceresine girip resimdeki gibi gölgeleme işlemini vererek daha gerçekçi bir görünüm sağlamaya çalışıyoruz.

5- aşağıdaki gibi ekrandaki beyaz kısım haricindeki resmin tamamını seçtikten sonra kopyalayıp yeni bir layer açarak oraya yapıştırıyoruz ve eski layeri siliyoruz.

6- yine gerçekçi bir görünüm elde etmek adına silme işleminden sonra kalan layer'ın üzerine çift tıklayarak gölgeleme işlemi yapıyoruz.

7- eveeeet bu kadar:)

Merhaba :)

2009-02-15T13:04:00.000-08:00

Merhaba tasarım tutkunları. burada tasarım yapmada başlangıç aşamasındaki tasarımcılara faydalı olabileceğini düşündüğüm photoshop ve illustrator dersleri anlatacağım. En kısa zamanda burada derslerimizle beraber olacağız. Umarım faydalanırsınız:) iyi çalışmalar.