Ali Emre Blog

Federal-Atack.Org Banner

aliemre — Wed, 25 Jun 2008 13:55:21 +0000

Tasarımı uygulamalı görmek için; BURAYA tıklayın

Retro Arka Plan Çalışması

aliemre — Sat, 21 Jun 2008 10:58:28 +0000

İlk önce 600 * 600 px bir yeni belge oluşturalım.(File—>New)

Sonra çalışmamıza aşağıdan yukarı degrade (G) verelim.

Renk Kodları:

“fb6464″ ve “e00010″

Rectangular Marque Tool (M) seçim aracını alın.Ayarlar bölümünden “Style” yi “Fixed Size” yapın.Yan daki kutucuğuda 30 px * 600 px yapın.Bu ayar seçim aracıyla sayfaya tıkladığımızda tam olarak 30 px * 600 px çözünürlükte bir seçim alanı oluşturmamızı sağlar.

Resmi Orjinal Boyutlarinda Görmek Için Tiklayiniz.

Yeni bir katman oluşturun.(Shift + Ctrl + N).Sayfaya tıkladığınızda seçim alanı oluşacak.”SHIFT + F5″ yaparak “Fill” penceresini açın.Enter a bastığınızda ön plan rengimiz olan beyaz ile seçili alanı doldurmuş olacağız.

Şimdi faremiz çalışma alanı üzerindeyken SHIFT e basılı tutarak SAĞ YÖN TUŞUNA 5 defa basın .Aynı seçim alanının eşit aralıklarla yan tarafa kaydığını göreceksiniz.Bu işleme “Nudge Outline” deniyor.Tekrar “SHIFT + F5″ yaparak “Fill” penceresini açın.Enter a basın.Bu işlemi sayfanın sonuna yapın.Aşağıdaki görüntüyü elde etmelisiniz.

Resmi Orjinal Boyutlarinda Görmek Için Tiklayiniz.

Ctrl + D yaparak seçimi kaldırın.Ardından “Filter –> Distort –> Polar Coordinates” yolunu izleyin resimdeki ayarları seçtikten sonra OK deyin.

Resmi Orjinal Boyutlarinda Görmek Için Tiklayiniz.

Sonuç:

Türkiye Özel

aliemre — Sat, 21 Jun 2008 10:55:49 +0000

Web ve Kişisel Wallpaper Çalışması

aliemre — Fri, 20 Jun 2008 11:37:56 +0000

Okul İçin LogoType

aliemre — Fri, 20 Jun 2008 11:32:52 +0000

Okul İçin LogoType

aliemre — Fri, 20 Jun 2008 11:32:40 +0000

BizdeBoyle.Com İçin Banner ve Gif

aliemre — Fri, 20 Jun 2008 11:24:09 +0000

Yeni Mesaj Var

Yeni Mesaj Yok

Banner 2 Tip

Harfler ile Logo Tasarlama Taktikleri

aliemre — Sat, 22 Dec 2007 21:54:06 +0000

Merhaba arkadaşlar ;

Online magazin dergisi Before & After Magazine (www.bamagazine.com) güzel bir makale yayınlamış. Sadece harfleri kullanarak tasarlanan logoların uygulama mantıklarını veya yukarıdaki gibi adımlarını kısaca göstererek güzel logolar yaratmak için çok değerli tüyolar vermiş.Belgeyi direk indirmek için alttaki linkle indirebilirsiniz.

http://rapidshare.com/files/108214137/LogoOfLetters.rar.html

Web 2.0 Tasarımları üzerine…

aliemre — Sat, 22 Dec 2007 21:49:19 +0000

Arkadaşlar bir Web 2.0 çılgınlığıdır gidiyor. İşin aslı Web 2.0 diye birşey yok,sadece yeni bazı teknolojileri yine http web altyapısı üzerinde kullanılmaya başlanmasıdır.Bunun ispatı çok basit şekilde Web 1.0 varmı sorusunun cevabında gizli.Yok. Sadece daha önceki programlara bazı eklentiler ve yeni disiplinlerle daha görsel ve interaktif içerikler,görüntüler elde etmedir.Flash,Ajax ve Silverlight bu yeni teknolojilerin öncüleri. Dahaları da yolda. İnternetten beklentilerimizi değiştiren bu teknolojileri takip edin.Bunun ötesinde bir de Web 2.0 stili var.Yukarıda gördüğünüz şekilde bazı yansıma ve şeffaflık kazandırma yöntemleri ile bu teknolojileri simgeleyen bir standart oluşmuş. Bunların birçok örneğini ve denemesini bu linkten görebilirsiniz :http://www.marstononline.com/wp-content/photos/logos.png

Bir akıllı arkadaşta Photoshop’ta yorulmayın,bilmeyeniniz vardır diyerek Web 2.0 logo hazırlayan ve sunan bir site geliştirmiş.Siz sadece yazılması gerekenleri yazıyor ve birde tepesine yıldız isteyip istemediğinizi belirtiyorsunuz.http://h-master.net/web2.0 İşin aslı ben daha önce güzel bir uygulama olan kendi tasarımlarınıza ( bu şirket logosu da olabilir ) Web 2.0 stili kazandırmak üzere basit bazı adımlar göstermiştim.

http://ercanaltug.blogspot.com/2007/10/web-20-logo-tasarm.htmlhttp://ercanaltug.blogspot.com/2007/09/web-20-menu-tasarm_17.html Ayrıca güzel bir blog adresinde türkçe içerikli Web 2.0 tasarım örneklemeleri ve anlatımlarını toparlamış güzel bir yazı var onu da okumanızı tavsiye ederim.Hazırlayanların ellerine sağlık.

http://www.eburhan.com/hazir-web-20-tasarim-araclari

Sizde kendi logolarınızı,arayüzlerinizi Web 2.0 yapın.Çok ta zor diil,bakın hazırı da var

Şeffaf Menü Tasarımı

aliemre — Sat, 22 Dec 2007 21:39:53 +0000

Merhaba arkadaşlar ;Microsoft; Vista ile yeni bir grafik motoru kullanmaya başladı : WPF (Windows Presentation Foundation) Yeni nesil bu arayüzler artık 3D objeleri birebir 3 boyutuyla anlık kullanabilecek,yüksek çözünürlüklü videoları kaliteden ve gösterimden ödün vermeden gösterebilecek. Dahası tüm bu tasarımlar XAML diye yeni bir programlama diliyle open source (açık kaynak) olarak gözükebilecek ve tasarımcı ile yazılımcı arasında kolayca paylaşılarak iş akışı hızlandırabilinecek.WPF arayüzleri tasarlamak içinde çok geçmeden Expression tasarım programlarını çıkardı.Bu tasarımlarda ise en çok göze şeffaf menüler çarpıyor. Ben size aslında böyle menülerin Photoshop ile tasarlanabilir olduğunu da göstermek istiyorum.Yukarıda gördüğünüz ise Adobe’nin Photoshop için tasarladığı yeni logo,paket programları içinde bu programın özelliği ve farklılığını göstermek üzere ona özel bir logo tasarlanmış,iyi de olmuş.Gelin şimdi uygulamamıza geçelim.

Öncelikle Photoshop’ta arkaplana fotoğrafımızı açalım.Daha sonra Rounded Rectangle Tool aracı ile köşeleri 15 Radius yuvarlanmış beyaz bir kare çizelim,ölçüleri sizin projenizin uygunluğuna kalmış.

Şimdiki adımda karemizin olduğu Layera sağ tıklayarak Blending Options kısmına girelim ve altta göstermeye çalıştığım 3 filtreyi aynı değerlerle işaretleyerek verelim.

Bu filtrelerle karemize kutu izlenimini kazandırdık.Şimdi ise o layer seçiliyken alttaki gibi opacity değerini azaltarak şeffaflığını sağlayacağız.Buradaki % değeri sizin seçtiğiniz fotoğrafın canlılığı ile ilgili değişken olabilir,bende %42 yeterli gözüküyor ve şeffaflıkta atıyorum.

Geriye kalan kısımda üstüne butonlarınızı , yazılarınızı hatta Flash’a atarak orada animasyonlu menulerinizi tasarlayabilirsiniz.

Faydalı olması dileğiyle…