Login

Blog

Her Web Tasarımcının Photoshop'unda Olması Gereken Eklentiler

Web tasarımcıların Photoshop'unda bulunması gereken en faydalı ve ücretsiz eklentiler. Hatta en gerekli desek yerinde olur. Bu eklentiler ile; tasarımınızdan "en ufak kod" yazmadan WordPress teması oluşturabilir, tasarımınızı saniyeler içinde flat tarzına çevirebilir, web fontlarını tasarım halindeyken kullanabilir, PNG dosya boyutlarını kayıpsız olarak küçültebilirsiniz. Tabi bu bir kısmı, daha fazlası yazının içinde. Mutlaka göz atın bu koleksiyona!

Skeuomorphism.it

Yeni flat (sade, düz, gerçeklikten uzak) tasarım anlayışını görmüşsünüzdür. Skeumorphism.it bunu kolayca sizin için yapan basit bir eklenti. Çalışmadaki tüm gradients (degrade) olayını saniyeler içinde temizler.

Yeni flat (sade, düz, gerçeklikten uzak) tasarım anlayışını görmüşsünüzdür. Skeumorphism.it bunu kolayca sizin için yapan basit bir eklenti. Çalışmadaki tüm gradients (degrade) olayını saniyeler içinde temizler.

Skeuomorphism.it →


GuideGuide

GuideGuide, seçim yaptığınız bi alan içerisinde; sütun, satır, orta-nokta şeklinde ve taşırma amaçlı guide (kılavuz çizgiler) oluşturuyor. Photoshop'da guide (klavuzlar) ile çalışanlar için kaçırılmaması gereken bir eklenti

GuideGuide, seçim yaptığınız bi alan içerisinde; sütun, satır, orta-nokta şeklinde ve taşırma amaçlı guide (kılavuz çizgiler) oluşturuyor. Photoshop'da guide (kılavuzlar) ile çalışanlar için kaçırılmaması gereken bir eklenti

GuideGuide →


CSS3Ps

Evet bu eklenti harika bir şey. CSS3Ps, bulut tabanlı bir Photoshop eklentisi. Yukarıdaki videoyu izlerseniz ne yaptığını çok iyi anlayacaksınız. Bu eklentiyi mutlaka kullanmanız gerektiğini düşünüyorum. Photoshop katmalarındaki bir çok blending-option'ları saniyeler içerisinde CSS3 koduna çevirip size veriyor. Sitesine gidip desteklediği blending-options olaylarına bakabilirsiniz

CSS3Ps →


BlendMe.in

BlendMe.in, hem Photoshop hem de Illustrator eklentsidir. İçerisinde binlerce ikon ve vektör nesne bulunmakta. Diyelim ki bir kartvizit tasarlıyorsunuz ve telefon/faks numarasının yanına güzel bir telefon simgesi yerleştirmek istiyorsunuz. Bu eklenti ile simgeyi bulup eklemeniz saniyelerinizi alacak. Büyük bir kütüphaneye sahip faydalı bir eklenti.

BlendMe.in, hem Photoshop hem de Illustrator eklentsidir. İçerisinde binlerce simge ve vektör nesne bulunmakta. Diyelim ki bir kartvizit tasarlıyorsunuz ve telefon/faks numarasının yanına güzel bir telefon simgesi yerleştirmek istiyorsunuz. Bu eklenti ile simgeyi bulup eklemeniz saniyelerinizi alacak. Büyük bir kütüphaneye sahip faydalı bir eklenti.

BlendMe.in →


Interface Tools Plugin

Photoshop'da en sık kullanılan komutları küçük bir pencerede "bir araya getiren" hoş bir eklenti. Tabi bu sık kullanılan komutları Photoshop'un menüsünün içinde bir yerle bulmanız mümkün ama niye zaman kaybedesiniz ki?

Photoshop'da en sık kullanılan komutları küçük bir pencerede "bir araya getiren" hoş bir eklenti. Tabi bu sık kullanılan komutları Photoshop'un menüsünün içinde bir yerle bulmanız mümkün ama niye zaman kaybedesiniz ki?

Interface Tools Plugin →


Divine Project

Divine Projesi, PSD dosyalarından WordPress temalası üretmenizi sağlar. Kendi WordPress temalarınızı en ufak bir koda yazmadan oluşturabilirsiniz.

Divine Projesi, PSD dosyalarından WordPress teması üretmenizi sağlar. Kendi WordPress temalarınızı en ufak bir koda yazmadan oluşturabilirsiniz.

Divine Project →


Cut&Slice Me

Cut&Slice Me, çalışmanız içindeki çizimleri farkı cihazlar için saniyeler içerisinde export etmekte (dışarı vermekte). Yani yaptığınız tam çözünürlükteki bir çalışmayı Android ve iPhone çihazları için yeniden boyutlandırılmış şekilde dışarı verebilirsiniz.

Cut&Slice Me, çalışmanız içindeki çizimleri farkı cihazlar için saniyeler içerisinde export etmekte (dışarı vermekte). Yani yaptığınız tam çözünürlükteki bir çalışmayı Android ve iPhone çihazları için yeniden boyutlandırılmış şekilde dışarı verebilirsiniz.

Cut&Slice Me →


Web Font Plugin

Bu eklenti, WebINK'in web fontlarına (Web yazı tiplerine) Photoshop içerisinde erişmenize izin verir. Böylece web fontlarını çalışmanız içerisinde hızlıca kullanabilirsiniz. Eklenti ayrıca Google Web Fonts dizinine de bağlanabiliyor ve Suitcase Fusion 5'in 30 günlük deneme sürümüyle geliyor.

Bu eklenti, WebINK'in web fontlarına (Web yazı tiplerine) Photoshop içerisinde erişmenize izin verir. Böylece web fontlarını çalışmanız içerisinde hızlıca kullanabilirsiniz. Eklenti ayrıca Google Web Fonts dizinine de bağlanabiliyor ve Suitcase Fusion 5'in 30 günlük deneme sürümüyle geliyor.

Web Font Plugin for Photoshop →


Composer

Composer eklentisi Photoshop katmalarını arasında takas yapmanızı sağlar. Daha iyi anlatmak gerekirse, seçtiğiniz ve kompoze etmek istediğiniz katman grupları arasında blending-options, opacity (Opaklık) ve visibility (Görünme) değerlerinde takas yapabilirsiniz. Ayrıca pozisyon değiştirme ve güncelleme gibi olayları da yapabilirsiniz.

Composer eklentisi Photoshop katmalarını arasında takas yapmanızı sağlar. Daha iyi anlatmak gerekirse, seçtiğiniz ve kompoze etmek istediğiniz katman grupları arasında blending-options, opacity (Opaklık) ve visibility (Görünme) değerlerinde takas yapabilirsiniz. Ayrıca pozisyon değiştirme ve güncelleme gibi olayları da yapabilirsiniz.

Composer →


Layer Guides Extension

Layer Guides Extension, seçtiğiniz katmanın etrafında ve de [yatay dikey olarak] merkez noktasında guide (klavuz) yerleştirir.

Layer Guides Extension, seçtiğiniz katmanın etrafında ve de [yatay dikey olarak] merkez noktasında guide (kılavuz) yerleştirir.

Layer Guides Extension →


Layout Wraper Extension

Layout Wrapper, çalışmanızın bir kopyasını alır ve sunum amaçlı Safari tarayıcısı içerisinde gösterir.

Layout Wraper, çalışmanızın bir kopyasını alır ve sunum amaçlı Safari tarayıcısı içerisinde gösterir.

Layout Wraper Extension →


FlatIcon

Yeni flat (sade, düz, gerçeklikten uzak) tasarım anlayışına uygun ikonları bu eklenti ile hızlıca bulabilir ve çalışmanıza katabilirsiniz.

Flat tasarım anlayışına uygun simgeleri bu eklenti ile hızlıca bulabilir ve çalışmanıza katabilirsiniz.

FlatIcon →


Bounce

Bounce, Adobe aracı ile Dribbble'a bağlanmanızı ve popüler çalışmarınızın hareketlerini güncel tutmanızı sağlar. Bu eklenti ayrıca Photoshop, Illustrator, InDesign ve Fireworks ile de çalışır.

Bounce, Adobe aracı ile Dribbble'a bağlanmanızı ve popüler çalışmalarınızın hareketlerini güncel tutmanızı sağlar. Bu eklenti ayrıca Photoshop, Illustrator, InDesign ve Fireworks ile de çalışır.

Bounce →


2xScaler

2xScaler, uygulama tasarımcıları için güzel bir eklenti. Tek tıklama ile çalışmanızı 2 kat ölçekleyebilirsiniz.

2xScaler, uygulama tasarımcıları için güzel bir eklenti. Tek tıklama ile çalışmanızı 2 kat ölçekleyebilirsiniz.

2xScaler →


SuperPNG

PNG güzellikler sunmasına rağmen dosya boyutları bakımından JPEG ve GIF'e oranla daha fazla yer işgal eder. İşte bu noktada bu eklenti işinizi kolaylaştırıyor. Kayıpsız olarak PNG'nin dosya boyutunu küçültüyor, alpha kanalını kontrol etmenizi sağlıyor. Gerekirse ICC profilinizi ve meta bilgisini PNG'ye gömmenize izin veriyor.

PNG formatının web teknolojisi için yeni bir çağ olduğunu söyleyebiliriz. Sağladığı 8 bit alpha tabanlı şeffaflık çalışmaya esneklik ve zenginlik katar. GIF zamanında bu yapılabiliyordu ama GIF'in sağladığı şeffaflık 1bit idi ve bu yüzden yumuşak şeffaflık elde edilemiyordu ayrıca PNG 24 bit renk derinliği sağlar, GIF ise indekslenmiş olarak 1 baytlık renk derinliği sağlıyor. Kısaca GIF yetersiz ve ölmüş bir format desek yalan olmaz.

Çalışmalarda JPEG de kullanılabilir ama JPEG şeffaflık desteklemiyor. PNG bu kadar güzellikler sunmasına rağmen dosya boyutları bakımından JPEG ve GIF'e oranla daha fazla yer işgal eder. İşte bu noktada bu eklenti işinizi kolaylaştırıyor. Kayıpsız olarak PNG'nin dosya boyutunu küçültüyor, alpha kanalını kontrol etmenizi sağlıyor. Gerekirse ICC profilini ve meta bilgisini PNG'ye gömmenize izin veriyor.

SuperPNG →


Bu yazıyı speckyboy.com sitesindeki bir makaleden yararlanarak yazdım. Bu faydalı yazı için buradan kendilerine teşekkür ediyorum.