Web Tasarımcıları için Göz Atmanız Gereken 36 Photoshop Eklentisi

WordPress, ana ürünlerine faydalı uzantılar sunan tek yazılım değil. Dünyanın her yerindeki web tasarımcılarının başvurduğu araçlardan biri olan Photoshop da bu olasılığı desteklemektedir. Ve WordPress benzerleri gibi, Photoshop eklentileri de her türlü yeni işlevi ekleyebilir.

Pek çok okuyucumuzun Photoshop'u düzenli olarak kullandığını bildiğimizden, bu sefer farklı türde bir eklenti listesi sunmanın iyi bir fikir olduğunu düşündük. Aşağıda, web'de bulabileceğimiz en iyi Photoshop eklentilerini bulacaksınız.

Programı her türlü iyileştirme ile zenginleştirirler. Küçük komut dosyalarından ve kısayollardan, iş akışınızı önemli ölçüde iyileştirecek ve Photoshop ile çalışmayı daha da kolaylaştıracak yeni modüllere kadar.

Hazır? O zaman başlayalım.

Photoshop Eklentileri Hiçbir Web Tasarımcısı Yoksaymamalıdır

Aşağıda, favori yazılım parçanızı daha da geliştirebilecek farklı kategorilerden Photoshop eklentilerinin bir listesini bulacaksınız.

Yeniden İncele

• Fiyat: Ücretsiz
• Mevcut: CC 2015

İlk olarak, retina ekranları için hızlı bir şekilde varlıklar oluşturmak için ücretsiz bir eklentimiz var. Yeniden Boyutlandır Photoshop'a, görüntüleri orijinal boyutlarında dışa aktarmanıza veya boyutu iki ve üç katına çıkaracak şekilde ölçeklendirmenize olanak tanıyan yeni bir eylem ekler.

Kurulumdan sonra, Pencere > Eylemler altında yeni seçeneği bulacaksınız . Basitçe bir katman veya katman grubu seçin, eylemi çalıştırın, dosyalarınızı adlandırın ve dilimlenmiş varlıkları alın. Retinaya hazır web siteleri oluşturmak için harika.

beni kes ve dilimle

• Fiyat: Ücretsiz
• Şunlar için kullanılabilir: CS6

Varlıkları katmanlardan doğrudan dışa aktarmak için başka bir eklenti. Cut&Slice me, resimlerinizi otomatik olarak keser ve PNG dosyaları olarak dışa aktarır. Üst üste binen dilimler, çoklu düğme durumları ve çeşitli çözünürlüklerle ilgilenebilir. Ne yazık ki tam olarak güncel değil ama yine de Photoshop'un eski sürümleriyle çalışıyor.

CSS3P'ler

• Fiyat: Ücretsiz
• Şunlar için kullanılabilir: CS3 ve üstü

Adından da anlaşılacağı gibi, bu hizmet Photoshop katmanlarını CSS3'e dönüştürebilir. Özelliği, bulut tabanlı bir hizmet olması ve kullanımının ücretsiz olmasıdır.

Eklenti, birden çok katmanı (metin dahil), alt gölgeleri, degradeleri, sınır yarıçapını ve daha fazlasını destekler. Buna ek olarak SCSS ve SASS ile de ilgilenebilmektedir.

Köşe Editörü

• Fiyat: Ücretsiz
• Mevcut: CC 2015

Yuvarlatılmış köşeler üretmeniz gerekirse, bu script tam size göre. Photoshop'un yuvarlak köşeler oluşturma yeteneklerini geliştirir, herhangi bir çokgen şekliyle çalışır, birden çok köşe stili içerir, birden çok katmanı bir kerede ve daha fazla düzenlemenize olanak tanır.

HTML Bloğu

• Fiyat: Ücretsiz
• Şunlar için kullanılabilir: CC 2015 (yalnızca Mac OS)

Bir sonraki yarışmacımız HTML ve CSS'yi Photoshop belgelerinin içine yerleştirmenize olanak tanır. Bu şekilde, doğrudan yazılım içinde web varlıkları oluşturabilir ve çevrimiçi varlıkları PSD dosyanızda kullanabilirsiniz. İkincisi, web yazı tiplerini, harici CSS'yi ve daha fazlasını içerir.

Harika Yazı Tipi PS

• Fiyat: Ücretsiz
• Şunlar için kullanılabilir: CC

Font Awesome, popülerlik ve kullanım kazanan bir simge yazı tipidir. Bu nedenle, yalnızca Photoshop dosyalarına dahil etmek mantıklıdır. Neyse ki, bu eklenti bunu çok kolay hale getiriyor. Sadece ücretsiz olarak indirip yükleyin ve hazırsınız.

Katman Kontrolü 2

• Fiyat: Ücretsiz
• Şunlar için kullanılabilir: CC, CC 2014

Bu eklenti, Photoshop'un daha can sıkıcı yönlerinden bazılarını kolaylaştıran yedi komut dosyası koleksiyonudur. Bir katman adı düzenleyicisi, kullanılmayan efektleri kaldırma seçeneği, boş katmanları otomatik olarak silebilir, akıllı nesneleri rasterleştirebilir, benzer dosyaları bulabilir ve daha fazlasını içerir. İndirmek ve istediğiniz gibi kullanmak ücretsiz.

CSS Şapkası 2

• Fiyat: 39,99 $
• Mevcut: CC 2014-2017

CSS Hat, katman stillerini otomatik olarak CSS3'e çevirir. Bu şekilde, grafikleri sitede nasıl uygulayacağınızı bulmak yerine kopyalayıp yapıştırabilirsiniz.

Eklenti aynı anda birkaç katmanla, yazı tipleriyle ve farklı yazı tipi stilleriyle çalışabilir ve LESS, SASS, Stylus ve daha fazlasını tükürebilir. Ayrıca sözdizimi vurgulama gibi kod düzenleyicilerde bulduğunuz birçok özelliğe sahiptir. CSS Hat, eski Photoshop sürümleri için de mevcuttur.

Sayfa Katmanları

• Fiyat: 35 $
• Şunlar için kullanılabilir: Yalnızca Mac OS X

Bu listedeki birçok eklentinin amacı, Photoshop dosyalarını web sitelerine dönüştürmeyi kolaylaştırmaktır. Ancak, tam tersi de gerekli olabilir. Sayfa Katmanları bunun içindir.

Eklenti, web sitelerini otomatik olarak PSD dosyalarına dönüştürür ve her sayfa öğesini tek bir katman olarak kaydeder. Katıştırılmış tarayıcıda herhangi bir sayfayı açın ve Photoshop'a kaydedin. Eklenti ücretsiz değil ama fiyatına değer gibi görünüyor.

PNG Şapka

• Fiyat: 27,99 $
• Şunlar için kullanılabilir: CS5, CS6, CC, CC 2014.1+, CC 2015

CSS Hat ile aynı kişiler tarafından yapılan bu eklenti, Photoshop'un PNG dosyalarını dışa aktarma yeteneğini geliştirir. Örneğin, daha iyi sıkıştırma ile gelir ve CSS kurallarını dışa aktarabilir. PNG Hat ayrıca memnun kalmazsanız cömert bir para iade politikasıyla birlikte gelir.

yazı tipi

• Fiyat: 49€
• Mevcut: CC 2015, CC 2017

Sıradaki eklenti, kendi yazı tipinizi sürükle ve bırak yöntemiyle yapmanızı sağlayan bir eklenti. Web'de tipografinin giderek daha önemli hale geldiği bir çağda, bunu duymak gerçekten güzel. Görüntüleri ve vektörleri (renkli) OpenType yazı tiplerine dönüştürün. Karakter aralığını, bitişik harfleri ve daha fazlasını kontrol edin. Fontself ayrıca aktif olarak korunan bir eklentidir, bu nedenle sahipler ücretsiz olarak yeni özellikler alır.

Getty Images Photoshop Eklentisi

• Fiyat: Ücretsiz
• Şunlar için kullanılabilir: CC 2016 ve üzeri

Getty görüntüleri, büyük bir stok görüntü koleksiyonuna ve bunları doğrudan Photoshop'a aktarmanıza olanak tanıyan bir eklentiye sahiptir. Binlerce yüksek çözünürlüklü görüntüyü arayın ve filtreleyin ve satın alımlarınızı bir Getty hesabıyla senkronize edin.

PSD Temizleyici

• Fiyat: $19.99
• Şunlar için kullanılabilir: CC 2014.1+

Photoshop'un katman panelini güçlendiren başka bir Source eklentisi. PSD Cleaner, katman yapınızı otomatik olarak tarar ve iyileştirme fırsatlarını gösterir. Adsız katmanları bulmanıza, boş olanları silmenize, tuvalin ötesine uzanan katmanları bulmanıza ve daha pek çok şeye yardımcı olacaktır. Kısacası, sizi düzenli tutacaktır.

WebZap

• Fiyat: 19 $
• Şunlar için kullanılabilir: CS5 ve üstü

Şaşırtıcı gelebilir ama Photoshop aslında web tasarımı için yapılmamıştır. Program bir fotoğraf düzenleme aracı olarak başladı ve ancak daha sonra mizanpaj oluşturma yetenekleri eklendi.

Bunu telafi etmek için WebZap var. Eklenti, kısa sürede web düzeni maketleri oluşturmak için hazır öğeler sağlar. 960 ızgarasını temel alır, biçimlendirilmiş Lorem ipsum metni, gezinme, düğmeler ve daha fazlasını oluşturabilir.

İnce desenler

• Fiyat: 17,99 $
• Şunlar için kullanılabilir: CC ve üstü

Subtle Patterns, ücretsiz, döşenebilir doku desenlerinden oluşan bir kütüphanedir. Aynı adı taşıyan eklenti onları Photoshop kontrol panelinize getirir. Bu kadar.

Ekran Görüntüsü

• Fiyat: 9.99$
• Şunlar için kullanılabilir: CC 2014 veya daha yenisi

Photoshop eklentileri listemizde ScreenSnap var. Program, tam belgeden veya seçilen alandan PSD dosyalarından ekran görüntüleri oluşturmanıza olanak tanır. El ile kırpmaya veya kaydetmeye gerek yok, sadece bir klasör seçin, bir düğmeyi tıklayın ve iyisiniz. Retina boyutunda bile çalışmanızı başkalarıyla paylaşmak için harika.

teksir

• Fiyat: Ücretsiz
• Şunlar için kullanılabilir: CC, CC2014

Burada, aynı nesneden birkaçına ihtiyacınız olduğunda katmanları ve katman gruplarını hızlı bir şekilde klonlamak için bir uzantımız var. Sadece kaç kopyaya ihtiyacınız olduğunu ve bunların birbirinden nasıl ayrılmasını istediğinizi seçin.

Perspektif Modelleri

• Fiyat: 19 $
• Mevcut: CC 2017

Ekran görüntüsünden de görebileceğiniz gibi, eklenti ana sayfası çok sayıda küfür içeriyor. Bunun yanı sıra, bu eklenti tasarımınızın perspektif maketlerini yapar. Bu şekilde dışarıdan bir telefon veya tablette nasıl göründüklerini daha iyi anlayabilirsiniz. Eklentinin birçok ön ayarı vardır ancak aynı zamanda tamamen düzenlenebilir.

Boyut İşaretleri PS

• Fiyat: Ücretsiz
• Mevcut: CC 2014

Boyut İşaretleri, seçim çerçevesi aracıyla bir nesnenin boyutuna veya nesneler arasındaki mesafeye ilişkin etiketler eklemenize olanak tanır. Her etiket yeni bir katmana kaydedilir ve tamamen özelleştirilebilir. Bu, PSD'yi bir web sitesine dönüştürecek kişi için teknik özellikler eklerken çok faydalıdır.

yazı tipi

• Fiyat: Ücretsiz
• Mevcut: CC 2014, CC 2015

Photoshop'un varsayılan font teklifinden memnun olmayanlar için Fontea, Google Fonts'ta bulunan tüm web fontlarını içerir (şu anda 800+). Eklenti ayrıca çevrimiçi depo ile güncel kalır ve en sevdiğiniz yazı tiplerinin koleksiyonlarını oluşturmanıza olanak tanır.

Pixabay

• Fiyat: $4.99
• Şunlar için kullanılabilir: CC 2015 ve üstü

Bu eklenti, daha önce bahsedilen Getty resim eklentisine benzer, ancak Pixabay resim kitaplığı için. Artık tek bir tıklamayla ekleyebileceğiniz yüz binlerce ücretsiz stok görsel içerir. Eklenti ayrıca güçlü arama seçenekleri içerir ve tüm resimler CC0 lisanslıdır. Ayrıca, çok uygun.

Shutterstock ve Pexels gibi diğer stok fotoğraf kitaplıkları için bunun gibi daha fazla eklenti var.

KatmanCraft

• Fiyat: Ücretsiz
• Şunlar için kullanılabilir: CC, CC 2014

UI varlıklarını Photoshop katmanlarından dışa aktarmak için başka bir eklenti. LayerCraft, dışa aktarma sırasında görüntülerinizi ölçeklendirme yeteneğine sahiptir, şeffaf pikselleri kırpabilir ve retina ekranı için farklı boyutlarda dışa aktarabilir.

Lorem Ipsum Jeneratör

• Fiyat: Ücretsiz
• Şunlar için kullanılabilir: CS 5/6, CC

Adından da anlaşılacağı gibi, bu, Lorem ipsum yer tutucu metni oluşturmak için bir eklentidir. Bu şekilde, artık harici kaynaklardan kopyalamanız gerekmez. Jeneratör, özelleştirilebilir çıktılar, tek tıklamayla panonuza kopyalama yeteneği sunar ve aktif olarak korunur.

LoremPicsum

• Fiyat: Ücretsiz
• Şunlar için kullanılabilir: CS, CC

Bu, Lorem ipsum sürümüne benzer, ancak metin yerine rastgele görüntüler oluşturur. Bir alan seçin, bir çizgi film seçin ve kendinize yer tutucu bir resim elde edin. Eğlenceli hile: görüntüler Futurama, The Simpsons, Finding Nemo ve Up gibi popüler TV şovlarından ve filmlerden gelir.

Sosyal Kit Pro

• Fiyat: 9.99$
• Mevcut: CC 2015+

Ve başka bir Kaynak eklentisi. Bu, sosyal medyadaki her şeyi iyileştirmeyi amaçlıyor. Mobil ve masaüstünde reklam oluşturmak, kapak fotoğrafları ve profil resimleri için şablonlar içerir. Hatta sonuçları Photoshop'ta canlı olarak önizleyebilirsiniz.

Katman Kılavuzları

• Fiyat: Ücretsiz
• Kullanılabilir: Bilinmiyor

Kılavuzlar, Photoshop'ta her şeyi yapılandırılmış halde tutmak için önemli bir araçtır. Ancak, ele almak can sıkıcı olabilir.

Bu eklenti bunu hafifletmeyi umuyor. Katmanların yanlarına ve yatay ve dikey merkezlerine kılavuzlar eklemek için yeni düğmeler ekler. Artık sürüklemeye gerek yok, sadece tıklayın ve iyisiniz.

Uzun Gölge Üreticisi

• Fiyat: Ücretsiz
• Şunlar için kullanılabilir: CS6, CC

Eklenti adı temelde her şeyi söylüyor. Long Shadow Generator, Photoshop'ta uzun gölgeler oluşturmanıza yardımcı olur. Gölge uzunluğunu ve opaklığını, rengini, gradyanını ve açılarını kontrol edebilirsiniz. Sonra onları tek bir tıklamayla ekleyin.

MinikPNG

• Fiyat: 50$
• Şunlar için kullanılabilir: CS5, CS6, CC ve üstü

TinyPNG, resimleri WordPress'e yüklemeden önce optimize etmek için sıklıkla önerdiğim çevrimiçi bir hizmettir. JPG ve PNG dosyalarını olabildiğince küçültmek için sıkıştırır.

Site aynı zamanda görüntü düzenleme yazılımında da aynısını yapmak için bir Photoshop eklentisi sunuyor. Doğrudan önizlemenizi ve kaydetmenizi, ölçeklemenizi, kısmi seçimi kullanmanızı ve daha fazlasını sağlar. Siteleri herhangi bir gösterge ise, eklenti paraya değer.

glifo

• Fiyat: 19 $
• Şunlar için kullanılabilir: CS5, CC

Glifo, vektör simgelerini Photoshop'tan simge web yazı tipleri olarak dışa aktarma seçeneği ekler. Font Awesome eklentisine harika bir ek gibi görünüyor.

specKing

• Fiyat: 19 $
• Şunlar için kullanılabilir: CS5, CS6, CC 2014 ve üzeri

Photoshop dosyalarına ölçüm ve tasarım özellikleri eklemek için başka bir eklenti, ancak bu sefer premium sürüm olarak. Boyutları, kenar boşluklarını ve yazı tiplerini ölçün ve düzenlenebilir kaplamalarda otomatik olarak özellikler oluşturun. Süper basit ve kullanımı rahat görünüyor.

İhracat Kiti

• Fiyat: 19.33 $/ay
• Şunlar için kullanılabilir: CS6 ve üstü

Bu Photoshop eklentisi, PSD dosyalarını HTML, CSS, WordPress, iOS, Android ve daha fazlasına dönüştürmenize olanak tanır. Ayrıca işbirliği özellikleri içerir. Çok güçlü görünüyor, ancak aylık bir lisansla geliyor ve tamamen ucuz değil.

Photoshop Sosyal Paylaşım Eklentisi

• Fiyat: Ücretsiz
• Kullanılabilir: Bilinmeyen (yalnızca Mac OS)

Listemizdeki bir sonraki öğe, Photoshop'a önemli paylaşım işlevleri ekler. Dosyaları doğrudan programın içinden e-posta, sosyal ağlar ve diğer platformlar aracılığıyla paylaşmanıza ve yayınlamanıza olanak tanır. Sadece bir format seçin ve gitmeye hazırsınız.

Her Birini Dönüştür

• Fiyat: Ücretsiz
• Şunlar için kullanılabilir: CS5, CS6, CC

Her Birini Dönüştür, konumlarını değiştirmeden birkaç nesneyi aynı anda dönüştürmenize izin veren bir komut dosyasıdır. Bunun ne anlama geldiği en iyi aşağıdaki GIF ile örneklenmiştir. Bağlantı noktalarınızı, ulaşmak istediğiniz dönüşümü seçin ve sizi oraya tek tıkla ulaştırsın.

ToonIt!

• Fiyat: 129$
• Şunlar için kullanılabilir: Photoshop CS ve üstü

Sonunda eğlenceli bir tane. Çevrimiçi bir grafik roman oluşturmayı düşünürseniz, bu hizmet çok yardımcı olacaktır. Normal fotoğrafları karikatürlere dönüştürür, birçok ön ayara ve gelişmiş teknolojiye sahiptir. Yine de pahalı tarafında biraz.

Özetle Photoshop Eklentileri…

Photoshop, web tasarımcıları için harika bir araçtır. Güçlüdür, özelliklerle doludur ve sürekli güncellenir.

Ancak bazen bazı ek özelliklere veya görevleri yerine getirmenin daha kolay yollarına sahip olmasını isteriz. Photoshop eklentilerinin devreye girdiği yer burasıdır.

Yukarıdaki listeden de görebileceğiniz gibi, eklentiler birçok farklı işlev ekleyebilir. Kısayollardan tamamen yeni işlevlere.

Ve bunlar sadece web tasarımı için faydalı olanlar. Özellikle görüntü rötuşlama için çok daha fazlası var. Ekleyeceğiniz bir şey var mı?

Beğendiğiniz ve önerdiğiniz ek Photoshop eklentileri biliyor musunuz? Lütfen aşağıdaki yorumlar bölümünde paylaşın!

VectorsMarket / Shutterstock.com tarafından sağlanan makale küçük resmi