36 Plugin Photoshop untuk Desainer Web yang Perlu Anda Lihat

WordPress bukan satu-satunya perangkat lunak di luar sana yang menawarkan ekstensi berguna untuk produk inti mereka. Photoshop, salah satu alat bantu untuk desainer web di seluruh dunia juga mendukung kemungkinan ini. Dan seperti rekan WordPress mereka, plugin Photoshop juga dapat menambahkan segala macam fungsi baru.

Karena kami tahu bahwa banyak pembaca kami menggunakan Photoshop secara teratur, kami pikir itu ide yang baik untuk menawarkan jenis daftar plugin yang berbeda kali ini. Di bawah ini Anda akan menemukan plugin Photoshop terbaik yang dapat kami temukan di web.

Mereka meningkatkan program dengan segala macam perbaikan. Dari skrip kecil dan pintasan hingga seluruh modul baru yang akan meningkatkan alur kerja Anda secara dramatis dan membuat bekerja dengan Photoshop menjadi lebih mudah.

Siap? Kemudian mari kita mulai.

Plugin Photoshop Tidak Ada Desainer Web yang Harus Diabaikan

Di bawah ini Anda menemukan daftar plugin untuk Photoshop dari berbagai kategori yang dapat lebih meningkatkan perangkat lunak favorit Anda.

Retinize itu

• Harga: Gratis
• Tersedia untuk: CC 2015

Pertama, kami memiliki plugin gratis untuk membuat aset dengan cepat untuk tampilan retina. Retinize Ini menambahkan tindakan baru ke Photoshop yang memungkinkan Anda mengekspor gambar dalam dimensi aslinya atau ditingkatkan hingga dua kali lipat dan tiga kali lipat ukurannya.

Setelah instalasi, Anda menemukan opsi baru di bawah Window > Actions. Cukup pilih lapisan atau grup lapisan, jalankan aksi, beri nama file Anda dan terima aset yang diiris. Bagus untuk menghasilkan situs web yang siap untuk retina.

Potong & Iris saya

• Harga: Gratis
• Tersedia untuk: CS6

Plugin lain untuk langsung mengekspor aset dari lapisan. Cut&Slice me secara otomatis memotong gambar Anda dan mengekspornya sebagai file PNG. Itu dapat menangani irisan yang tumpang tindih, beberapa status tombol dan beberapa resolusi. Sayangnya itu tidak cukup mutakhir tetapi masih berfungsi dengan versi Photoshop yang lebih lama.

CSS3Ps

• Harga: Gratis
• Tersedia untuk: CS3 dan yang lebih baru

Seperti namanya, layanan ini mampu mengonversi layer Photoshop menjadi CSS3. Yang istimewa dari layanan ini adalah layanan berbasis cloud dan gratis untuk digunakan.

Plugin ini mendukung banyak lapisan (termasuk teks), bayangan jatuh, gradien, radius batas, dan banyak lagi. Selain itu, juga dapat menangani SCSS dan SASS.

Editor Sudut

• Harga: Gratis
• Tersedia untuk: CC 2015

Jika Anda perlu membuat sudut membulat, skrip ini cocok untuk Anda. Ini meningkatkan kemampuan Photoshop untuk membuat sudut bulat, bekerja dengan bentuk poligonal apa pun, termasuk beberapa gaya sudut, memungkinkan Anda untuk mengedit banyak lapisan sekaligus dan lebih banyak lagi.

Blok HTML

• Harga: Gratis
• Tersedia untuk: CC 2015 (khusus Mac OS)

Pesaing kami berikutnya memungkinkan Anda untuk menempatkan HTML dan CSS tepat di dalam dokumen Photoshop. Dengan begitu, Anda dapat membuat aset web langsung di dalam perangkat lunak dan menggunakan aset online di file PSD Anda. Yang terakhir termasuk font web, CSS eksternal dan banyak lagi.

Font Keren PS

• Harga: Gratis
• Tersedia untuk: CC

Font Awesome adalah font ikon yang mulai populer dan digunakan. Untuk alasan itu, masuk akal untuk memasukkan file Photoshop. Untungnya, plugin ini membuatnya semudah itu. Cukup unduh dan instal secara gratis dan Anda siap melakukannya.

Kontrol Lapisan 2

• Harga: Gratis
• Tersedia untuk: CC, CC 2014

Plugin ini adalah kumpulan tujuh skrip yang membuat beberapa aspek Photoshop yang lebih mengganggu menjadi lebih mudah. Ini termasuk editor nama lapisan, opsi untuk menghapus efek yang tidak digunakan, dapat secara otomatis menghapus lapisan kosong, rasterisasi objek pintar, menemukan file serupa dan banyak lagi. Gratis untuk diunduh dan digunakan sesuai keinginan.

Topi CSS 2

• Harga: $39,99
• Tersedia untuk: CC 2014-2017

CSS Hat secara otomatis menerjemahkan gaya lapisan ke dalam CSS3. Dengan begitu, Anda cukup menyalin dan menempelkannya alih-alih mencari tahu cara menerapkan grafik di situs.

Plugin ini dapat bekerja dengan beberapa lapisan sekaligus, font dan gaya font yang berbeda dan mampu mengeluarkan KURANG, SASS, Stylus dan banyak lagi. Ini juga memiliki banyak fitur yang Anda temukan di editor kode seperti penyorotan sintaks. CSS Hat juga tersedia untuk versi Photoshop yang lebih lama.

Lapisan Halaman

• Harga: $35
• Tersedia untuk: Mac OS X saja

Banyak plugin dalam daftar ini memiliki tujuan untuk mempermudah mengubah file Photoshop menjadi situs web. Namun, sebaliknya harus sama pentingnya. Untuk itulah Page Layers.

Plugin secara otomatis mengonversi situs web ke file PSD dan menyimpan setiap elemen halaman sebagai satu lapisan. Buka halaman mana pun di browser yang disematkan dan simpan saja ke Photoshop. Plugin ini tidak gratis tetapi sepertinya sepadan dengan harganya.

PNG Topi

• Harga: $27,99
• Tersedia untuk: CS5, CS6, CC, CC 2014.1+, CC 2015

Dibuat oleh orang yang sama dengan CSS Hat, plugin ini meningkatkan kemampuan Photoshop untuk mengekspor file PNG. Misalnya, ia hadir dengan kompresi yang lebih baik dan dapat mengekspor aturan CSS. PNG Hat juga dilengkapi dengan kebijakan uang kembali yang murah hati jika Anda tidak puas.

font sendiri

• Harga: 49€
• Tersedia untuk: CC 2015, CC 2017

Selanjutnya adalah plugin yang memungkinkan Anda membuat font sendiri melalui drag and drop. Di zaman di mana tipografi semakin penting di web, itu sangat bagus untuk didengar. Cukup ubah (berwarna) gambar dan vektor menjadi font OpenType. Kontrol kerning, ligatur, dan lainnya. Fontself juga merupakan plugin yang dipelihara secara aktif, sehingga pemilik mendapatkan fitur baru secara gratis.

Plugin Getty Images Photoshop

• Harga: Gratis
• Tersedia untuk: CC 2016 ke atas

Gambar Getty memiliki banyak koleksi gambar stok dan plugin yang memungkinkan Anda mengimpornya langsung ke Photoshop. Cari dan filter ribuan gambar beresolusi tinggi dan sinkronkan pembelian Anda dengan akun Getty.

Pembersih PSD

• Harga: $19,99
• Tersedia untuk: CC 2014.1+

Plugin lain oleh Sumber yang menambah biaya panel lapisan Photoshop. PSD Cleaner secara otomatis memindai struktur lapisan Anda dan menunjukkan peluang untuk peningkatan. Ini akan membantu Anda menemukan lapisan tanpa nama, menghapus yang kosong, menemukan lapisan yang membentang di luar kanvas dan banyak lagi. Singkatnya, itu akan membuat Anda tetap teratur.

WebZap

• Harga: $19
• Tersedia untuk: CS5 ke atas

Ini mungkin mengejutkan tetapi Photoshop sebenarnya tidak dibuat untuk desain web. Program ini dimulai sebagai alat pengeditan foto dan baru kemudian ditambahkan kemampuan untuk membuat tata letak.

Untuk menebusnya, ada WebZap. Plugin ini menyediakan elemen siap pakai untuk membuat mock up tata letak web dalam waktu singkat. Ini didasarkan pada kisi 960, dapat membuat teks Lorem ipsum yang diformat, navigasi, tombol, dan banyak lagi.

Pola Halus

• Harga: $17.99
• Tersedia untuk: CC dan ke atas

Pola Halus adalah perpustakaan pola tekstur gratis yang dapat diatur. Plugin dengan nama yang sama membawa mereka ke dashboard Photoshop Anda. Itu dia.

ScreenSnap

• Harga: $9.99
• Tersedia untuk: CC 2014 atau lebih baru

Berikutnya dalam daftar plugin Photoshop kami adalah ScreenSnap. Program ini memungkinkan Anda untuk membuat tangkapan layar dari file PSD, baik dari dokumen lengkap atau dari area yang dipilih. Tidak perlu memotong atau menyimpan secara manual, cukup pilih folder, klik satu tombol dan Anda baik-baik saja. Bagus untuk berbagi pekerjaan Anda dengan orang lain, bahkan dalam ukuran retina.

duplikator

• Harga: Gratis
• Tersedia untuk: CC, CC2014

Di sini kami memiliki ekstensi untuk mengkloning lapisan dan kelompok lapisan dengan cepat saat Anda membutuhkan beberapa objek yang sama. Pilih saja berapa banyak salinan yang Anda butuhkan dan bagaimana Anda ingin mereka dipisahkan.

Perspektif Mockup

• Harga: $19
• Tersedia untuk: CC 2017

Seperti yang Anda lihat dari tangkapan layar, beranda plugin berisi banyak kata umpatan. Selain itu, plugin ini membuat mockup perspektif desain Anda. Dengan begitu, Anda bisa lebih memahami tampilannya di ponsel atau tablet dari luar. Plugin ini memiliki banyak preset tetapi juga dapat diedit sepenuhnya.

Ukuran Mark PS

• Harga: Gratis
• Tersedia untuk: CC 2014

Ukuran Marks memungkinkan Anda untuk menambahkan label ukuran objek atau jarak antara objek dengan alat tenda. Setiap label disimpan dalam lapisan baru dan sepenuhnya dapat disesuaikan. Ini sangat membantu saat menambahkan spesifikasi untuk orang yang akan mengubah PSD menjadi situs web.

fontea

• Harga: Gratis
• Tersedia untuk: CC 2014, CC 2015

Bagi siapa pun yang tidak puas dengan penawaran font default Photoshop, Fontea menyertakan semua font web yang tersedia di Google Font (saat ini 800+). Plugin ini juga tetap up to date dengan repositori online dan memungkinkan Anda untuk mengatur koleksi font favorit Anda.

Pixabay

• Harga: $ 4,99
• Tersedia untuk: CC 2015 dan lebih tinggi

Namun, plugin ini seperti plugin gambar Getty yang disebutkan sebelumnya, untuk pustaka gambar Pixabay. Ini berisi ratusan ribu gambar stok gratis yang sekarang dapat Anda tambahkan dengan satu klik. Plugin ini juga menyertakan opsi pencarian yang kuat dan semua gambar dilisensikan CC0. Plus, itu sangat terjangkau.

Ada lebih banyak plugin seperti itu untuk perpustakaan stok foto lainnya seperti Shutterstock dan Pexels.

LapisanKerajinan

• Harga: Gratis
• Tersedia untuk: CC, CC 2014

Plugin lain untuk mengekspor aset UI dari lapisan Photoshop. LayerCraft memiliki kemampuan untuk menskalakan gambar Anda saat diekspor, dapat memangkas piksel transparan dan mengekspor dalam berbagai ukuran untuk tampilan retina.

Generator Lorem Ipsum

• Harga: Gratis
• Tersedia untuk: CS 5/6, CC

Seperti namanya, ini adalah plugin untuk membuat teks placeholder Lorem ipsum. Dengan begitu, Anda tidak perlu menyalinnya dari sumber eksternal lagi. Generator menawarkan output yang dapat disesuaikan, kemampuan untuk menyalin ke clipboard Anda dengan satu klik dan dipelihara secara aktif.

Lorem Picsum

• Harga: Gratis
• Tersedia untuk: CS, CC

Yang ini mirip dengan versi Lorem ipsum, namun, ini membuat gambar acak alih-alih teks. Pilih area, pilih kartun dan Anda mendapatkan gambar placeholder. Gimmick menyenangkan: gambar berasal dari acara TV dan film populer seperti Futurama, The Simpsons, Finding Nemo, dan Up.

Kit Sosial Pro

• Harga: $9.99
• Tersedia untuk: CC 2015+

Dan plugin Sumber lainnya. Yang ini bertujuan untuk meningkatkan segala sesuatu di media sosial. Ini berisi template untuk membuat iklan di ponsel dan desktop, foto sampul dan gambar profil. Anda bahkan dapat melihat langsung hasilnya di dalam Photoshop.

Panduan Lapisan

• Harga: Gratis
• Tersedia untuk: Tidak diketahui

Panduan adalah alat penting dalam Photoshop untuk menjaga semuanya tetap terstruktur. Namun, mereka bisa mengganggu untuk ditangani.

Plugin ini berharap untuk meringankan itu. Itu menambahkan tombol baru untuk menambahkan panduan di sisi lapisan serta melalui pusat horizontal dan vertikalnya. Tidak perlu lagi menyeret, cukup klik dan Anda baik-baik saja.

Generator Bayangan Panjang

• Harga: Gratis
• Tersedia untuk: CS6, CC

Nama plugin pada dasarnya mengatakan itu semua. Long Shadow Generator membantu Anda membuat bayangan panjang di Photoshop. Anda dapat mengontrol panjang bayangan dan opacity, warna, gradien dan sudut. Kemudian tambahkan saja dengan satu klik.

PNG Kecil

• Harga: $50
• Tersedia untuk: CS5, CS6, CC dan ke atas

TinyPNG adalah layanan online yang sering saya rekomendasikan untuk mengoptimalkan gambar sebelum mengunggahnya ke WordPress. Ini mengompresi file JPG dan PNG untuk membuatnya sekecil mungkin.

Situs ini juga menawarkan plugin Photoshop untuk melakukan hal yang sama di dalam perangkat lunak pengedit gambar. Ini memungkinkan Anda melihat dan menyimpan secara langsung, skala, menggunakan pilihan parsial dan banyak lagi. Jika situs mereka merupakan indikasi, plugin ini bernilai baik.

Glifo

• Harga: $19
• Tersedia untuk: CS5, CC

Glifo menambahkan opsi untuk mengekspor ikon vektor dari Photoshop sebagai font web ikon. Kedengarannya seperti tambahan yang bagus untuk plugin Font Awesome.

specKing

• Harga: $19
• Tersedia untuk: CS5, CS6, CC 2014 dan ke atas

Plugin lain untuk menambahkan pengukuran dan spesifikasi desain ke file Photoshop, namun kali ini sebagai versi premium. Ukur ukuran, margin, dan font dan buat spesifikasi secara otomatis dalam overlay yang dapat diedit. Terlihat sangat sederhana dan nyaman digunakan.

Ekspor Kit

• Harga: $19,33/bulan
• Tersedia untuk: CS6 dan ke atas

Plugin Photoshop ini memungkinkan Anda mengonversi file PSD ke HTML, CSS, WordPress, iOS, Android, dan lainnya. Ini juga berisi fitur kolaborasi. Terlihat sangat kuat, namun, ia hadir dengan lisensi bulanan dan tidak sepenuhnya murah.

Plugin Berbagi Sosial Photoshop

• Harga: Gratis
• Tersedia untuk: Tidak diketahui (khusus Mac OS)

Item berikutnya dalam daftar kami menambahkan fungsionalitas berbagi yang penting ke Photoshop. Ini memungkinkan Anda untuk berbagi dan mempublikasikan file langsung dari dalam program melalui email, jejaring sosial, dan platform lainnya. Cukup pilih format dan Anda siap melakukannya.

Transformasikan Setiap

• Harga: Gratis
• Tersedia untuk: CS5, CS6, CC

Transform Each adalah skrip yang memungkinkan Anda mengubah beberapa objek sekaligus tanpa mengubah posisinya. Apa artinya itu paling baik dicontohkan oleh GIF di bawah ini. Pilih titik jangkar Anda, transformasi yang ingin Anda capai dan itu akan membawa Anda ke sana dengan satu klik.

ToonIt!

• Harga: $129
• Tersedia untuk: Photoshop CS dan yang lebih baru

Yang menyenangkan di akhir. Jika Anda pernah berpikir untuk membuat novel grafis online, layanan ini akan sangat membantu. Ternyata foto biasa menjadi kartun, memiliki banyak preset dan teknologi matang. Sedikit di sisi pricey meskipun.

Singkatnya, Plugin Photoshop…

Photoshop adalah alat yang luar biasa untuk desainer web. Ini kuat, dikemas dengan fitur dan terus diperbarui.

Namun, terkadang kami berharap memiliki beberapa fitur tambahan atau cara yang lebih mudah untuk menyelesaikan tugas. Di situlah plugin Photoshop masuk.

Seperti yang Anda lihat dari daftar di atas, plugin dapat menambahkan banyak fungsi berbeda. Dari pintasan hingga fungsi yang sama sekali baru.

Dan itu hanya yang berguna untuk desain web. Ada banyak lagi di luar sana, terutama untuk retouching gambar. Apakah Anda memiliki sesuatu untuk ditambahkan?

Apakah Anda tahu plugin Photoshop tambahan yang Anda sukai dan rekomendasikan? Silakan bagikan di bagian komentar di bawah!

Gambar thumbnail artikel oleh VectorsMarket / shutterstock.com