36 de pluginuri Photoshop pentru web designeri pe care trebuie să le verificați

WordPress nu este singurul software care oferă extensii utile produsului lor de bază. Photoshop, unul dintre instrumentele de bază pentru designerii de web din întreaga lume, susține, de asemenea, această posibilitate. Și, la fel ca omologii lor WordPress, pluginurile Photoshop pot adăuga tot felul de noi funcționalități.

Din moment ce știm că mulți dintre cititorii noștri folosesc Photoshop în mod regulat, ne-am gândit că este o idee bună să oferim de această dată un alt tip de listă de pluginuri. Mai jos veți găsi cele mai bune pluginuri Photoshop pe care le-am putea găsi pe web.

Acestea îmbunătățesc programul cu tot felul de îmbunătățiri. De la scripturi mici și comenzi rapide până la module noi întregi, care vă vor îmbunătăți dramatic fluxul de lucru și vă vor facilita lucrul cu Photoshop.

Gata? Atunci să începem.

Pluginuri Photoshop Niciun web designer nu ar trebui să le ignore

Mai jos găsiți o listă de plugin-uri pentru Photoshop din diferite categorii care vă pot îmbunătăți în continuare piesa software preferată.

Retinizează-l

• Preț: gratuit
• Disponibil pentru: CC 2015

În primul rând, avem un plugin gratuit pentru crearea rapidă a activelor pentru afișajele retinei. Retinize Acesta adaugă o nouă acțiune Photoshop, care vă permite să exportați imagini în dimensiunile lor originale sau la dimensiune pentru a dubla și tripla dimensiunea.

După instalare, găsiți noua opțiune în Fereastră> Acțiuni. Pur și simplu selectați un strat sau un grup de straturi, rulați acțiunea, denumiți fișierele și primiți elementele în felii. Excelent pentru producerea de site-uri web pregătite pentru retină.

Cut & Slice me

• Preț: gratuit
• Disponibil pentru: CS6

Un alt plugin pentru a exporta direct active din straturi. Cut & Slice me decupează automat imaginile și le exportă ca fișiere PNG. Poate face față cu felii suprapuse, mai multe stări de butoane și mai multe rezoluții. Din păcate, nu este destul de actualizat, dar funcționează în continuare cu versiuni mai vechi de Photoshop.

CSS3Ps

• Preț: gratuit
• Disponibil pentru: CS3 și versiuni ulterioare

După cum sugerează și numele, acest serviciu poate converti straturile Photoshop în CSS3. Ceea ce este special este că este un serviciu bazat pe cloud și gratuit de utilizat.

Pluginul acceptă mai multe straturi (inclusiv text), umbre, gradiente, raza chenarului și multe altele. În plus, se poate ocupa și de SCSS și SASS.

Editor de colț

• Preț: gratuit
• Disponibil pentru: CC 2015

Dacă vreodată trebuie să produceți colțuri rotunjite, acest script este pentru dvs. Îmbunătățește abilitățile Photoshop de a crea colțuri rotunde, funcționează cu orice formă poligonală, include mai multe stiluri de colț, vă permite să editați mai multe straturi simultan și mai mult.

Bloc HTML

• Preț: gratuit
• Disponibil pentru: CC 2015 (numai pentru Mac OS)

Următorul nostru concurent vă permite să plasați HTML și CSS chiar în documente Photoshop. În acest fel, puteți crea materiale web direct în cadrul software-ului și puteți utiliza materiale online în fișierul dvs. PSD. Acesta din urmă include fonturi web, CSS extern și multe altele.

Font Awesome PS

• Preț: gratuit
• Disponibil pentru: CC

Font Awesome este un font cu pictograme care câștigă popularitate și utilizare. Din acest motiv, este logic să se includă în fișierele Photoshop. Din fericire, acest plugin face atât de ușor ca plăcinta. Doar descărcați și instalați gratuit și sunteți bine.

Controlul Layrs 2

• Preț: gratuit
• Disponibil pentru: CC, CC 2014

Acest plugin este o colecție de șapte scripturi care ușurează unele dintre aspectele mai enervante ale Photoshop-ului. Include un editor de nume de straturi, opțiunea de a elimina efectele neutilizate, poate șterge automat straturile goale, rasteriza obiecte inteligente, găsi fișiere similare și multe altele. Descărcare gratuită și utilizare după cum doriți.

CSS Hat 2

• Preț: 39,99 USD
• Disponibil pentru: CC 2014-2017

CSS Hat traduce automat stilurile de straturi în CSS3. În acest fel, îl puteți copia și lipi în loc să aflați cum să implementați grafica pe site.

Pluginul poate funcționa cu mai multe straturi simultan, fonturi și diferite stiluri de fonturi și este capabil să scuipe LESS, SASS, Stylus și multe altele. De asemenea, are multe caracteristici pe care le găsiți în editorii de cod, precum evidențierea sintaxei. CSS Hat este disponibil și pentru versiunile mai vechi de Photoshop.

Straturi de pagină

• Preț: 35 USD
• Disponibil doar pentru: Mac OS X

Multe pluginuri din această listă au scopul de a face mai ușoară transformarea fișierelor Photoshop în site-uri web. Cu toate acestea, invers este la fel de necesar. Pentru asta este folosit Straturile de pagini.

Pluginul convertește automat site-urile web în fișiere PSD și salvează fiecare element de pagină ca un singur strat. Deschideți orice pagină din browserul încorporat și pur și simplu salvați-o în Photoshop. Pluginul nu este gratuit, dar pare că merită prețul.

Pălărie PNG

• Preț: 27,99 USD
• Disponibil pentru: CS5, CS6, CC, CC 2014.1+, CC 2015

Realizat de aceiași oameni ca CSS Hat, acest plugin îmbunătățește capacitatea Photoshop de a exporta fișiere PNG. De exemplu, vine cu o compresie mai bună și poate exporta reguli CSS. PNG Hat vine, de asemenea, cu o politică generoasă de returnare a banilor, dacă nu sunteți mulțumit.

Fontself

• Preț: 49 €
• Disponibil pentru: CC 2015, CC 2017

Următorul este un plugin care vă permite să creați propriul font prin drag and drop. Într-o epocă în care tipografia devine din ce în ce mai importantă pe web, este foarte bine de auzit. Pur și simplu transformați (colorate) imaginile și vectorii în fonturi OpenType. Controlați kernarea, ligaturile și multe altele. Fontself este, de asemenea, un plugin activ, astfel încât proprietarii primesc gratuit funcții noi.

Getty Images Plugin Photoshop

• Preț: gratuit
• Disponibil pentru: CC 2016 și peste

Getty images are o colecție imensă de imagini stoc și un plugin care vă permite să le importați direct în Photoshop. Căutați și filtrați mii de imagini de înaltă rezoluție și sincronizați achizițiile cu un cont Getty.

PSD Cleaner

• Preț: 19,99 USD
• Disponibil pentru: CC 2014.1+

Un alt plugin de la Source care supraîncarcă panoul de straturi al Photoshop-ului. PSD Cleaner scanează automat structura stratului și arată oportunități de îmbunătățire. Vă va ajuta să găsiți straturi nenumite, să le ștergeți pe cele goale, să găsiți straturi care se întind dincolo de pânză și multe altele. Pe scurt, te va organiza.

WebZap

• Preț: 19 USD
• Disponibil pentru: CS5 și peste

S-ar putea să vină ca o surpriză, dar Photoshop nu este de fapt conceput pentru web design. Programul a început ca instrument de editare foto și abia ulterior a adăugat abilități pentru a crea machete.

Pentru a compensa acest lucru, există WebZap. Pluginul oferă elemente gata făcute pentru crearea de machete de aspect web în cel mai scurt timp. Se bazează pe grila 960, poate crea text formatat Lorem ipsum, navigare, butoane și multe altele.

Modele subtile

• Preț: 17,99 USD
• Disponibil pentru: CC și în sus

Modele subtile este o bibliotecă de modele de textură gratuite, care pot fi înclinate. Pluginul cu același nume le aduce în tabloul de bord Photoshop. Asta e.

ScreenSnap

• Preț: 9,99 USD
• Disponibil pentru: CC 2014 sau mai nou

Următorul pe lista noastră de pluginuri Photoshop este ScreenSnap. Programul vă permite să creați capturi de ecran din fișiere PSD, fie din documentul complet, fie din zona selectată. Nu este nevoie să decupați sau să salvați manual, doar selectați un folder, faceți clic pe un buton și sunteți bun. Excelent pentru a împărtăși munca ta cu alții, chiar și în dimensiunea retinei.

Duplllicator

• Preț: gratuit
• Disponibil pentru: CC, CC2014

Aici avem o extensie pentru a clona rapid straturi și grupuri de straturi atunci când aveți nevoie de mai multe din același obiect. Alegeți doar câte copii aveți nevoie și cum doriți ca acestea să fie distanțate.

Mașini de perspectivă

• Preț: 19 USD
• Disponibil pentru: CC 2017

După cum puteți vedea din captura de ecran, pagina de pornire a pluginului conține o mulțime de injurături. În afară de asta, acest plugin face machete în perspectivă ale designului tău. În acest fel, puteți înțelege mai bine cum arată din exterior un telefon sau o tabletă. Pluginul are multe presetări, dar este, de asemenea, complet modificabil.

Marca Marci PS

• Preț: gratuit
• Disponibil pentru: CC 2014

Mărci mărimi vă permite să adăugați etichete de mărimea unui obiect sau distanța dintre obiecte cu instrumentul de marcare. Fiecare etichetă este salvată într-un strat nou și complet personalizabilă. Acest lucru este foarte util atunci când adăugați specificații pentru persoana care va transforma PSD într-un site web.

Fontea

• Preț: gratuit
• Disponibil pentru: CC 2014, CC 2015

Pentru oricine nemulțumit de oferta implicită de fonturi Photoshop, Fontea include toate fonturile web disponibile pe Google Fonts (în prezent peste 800). De asemenea, pluginul ține la curent cu depozitul online și vă permite să configurați colecții de fonturi preferate.

Pixabay

• Preț: 4,99 USD
• Disponibil pentru: CC 2015 și versiuni ulterioare

Acest plugin este ca pluginul de imagine Getty menționat mai devreme, totuși, pentru biblioteca de imagini Pixabay. Conține sute de mii de imagini gratuite pe care le puteți adăuga acum cu un singur clic. Pluginul include, de asemenea, opțiuni de căutare puternice și toate imaginile sunt licențiate CC0. În plus, este foarte accesibil.

Există mai multe pluginuri de genul pentru alte biblioteci de fotografii stoc, cum ar fi Shutterstock și Pexels.

LayerCraft

• Preț: gratuit
• Disponibil pentru: CC, CC 2014

Un alt plugin pentru a exporta active UI din straturile Photoshop. LayerCraft are capacitatea de a vă scala imaginile la export, poate tăia pixeli transparenți și exporta în diferite dimensiuni pentru afișarea retinei.

Lorem Ipsum Generator

• Preț: gratuit
• Disponibil pentru: CS 5/6, CC

După cum sugerează și numele, acesta este un plugin pentru a crea un text substituent Lorem ipsum. În acest fel, nu mai trebuie să îl copiați din surse externe. Generatorul oferă ieșiri personalizabile, capacitatea de a copia în clipboard cu un singur clic și este întreținut activ.

LoremPicsum

• Preț: gratuit
• Disponibil pentru: CS, CC

Aceasta este similară cu versiunea Lorem ipsum, cu toate acestea, creează imagini aleatorii în loc de text. Selectați o zonă, alegeți un desen animat și veți obține o imagine de substituent. Truc distractiv: imaginile provin din emisiuni TV și filme populare precum Futurama, Simpson, Finding Nemo și Up.

Social Kit Pro

• Preț: 9,99 USD
• Disponibil pentru: CC 2015+

Și un alt plugin sursă. Acesta își propune să îmbunătățească tot ceea ce face social media. Conține șabloane pentru crearea de reclame pe mobil și desktop, fotografii de copertă și imagini de profil. Puteți chiar să previzualizați live rezultatele în Photoshop.

Ghiduri pentru straturi

• Preț: gratuit
• Disponibil pentru: Necunoscut

Ghidurile sunt un instrument important în Photoshop pentru a menține totul structurat. Cu toate acestea, pot fi deranjante de manevrat.

Acest plugin speră să ușureze acest lucru. Se adaugă butoane noi pentru a adăuga ghidaje pe laturile straturilor, precum și prin centrul lor orizontal și vertical. Nu mai este nevoie să trageți, doar faceți clic și sunteți bun.

Generator de umbre lungi

• Preț: gratuit
• Disponibil pentru: CS6, CC

Numele pluginului spune practic totul. Long Shadow Generator vă ajută să creați umbre lungi în Photoshop. Puteți controla lungimea și opacitatea umbrei, culoarea, gradientul și unghiurile. Apoi, adăugați-le cu un singur clic.

TinyPNG

• Preț: 50 USD
• Disponibil pentru: CS5, CS6, CC și în sus

TinyPNG este un serviciu online pe care îl recomand adesea pentru optimizarea imaginilor înainte de a le încărca pe WordPress. Acesta comprimă fișierele JPG și PNG pentru a le face cât mai mici posibil.

Site-ul oferă, de asemenea, un plugin Photoshop pentru a face același lucru în interiorul software-ului de editare a imaginilor. Vă permite să previzualizați și să salvați direct, să scalați, să utilizați selecția parțială și multe altele. Dacă site-ul lor este o indicație, pluginul merită banii.

Glifo

• Preț: 19 USD
• Disponibil pentru: CS5, CC

Glifo adaugă opțiunea de a exporta pictograme vectoriale din Photoshop ca fonturi web pentru pictograme. Sună ca o completare extraordinară pentru pluginul Font Awesome.

specificarea

• Preț: 19 USD
• Disponibil pentru: CS5, CS6, CC 2014 și versiuni ulterioare

Un alt plugin pentru a adăuga măsurători și specificații de proiectare în fișierele Photoshop, cu toate acestea, de data aceasta ca versiune premium. Măsurați dimensiunile, marginile și fonturile și creați automat specificații în suprapuneri editabile. Arată foarte simplu și confortabil de utilizat.

Set de export

• Preț: 19,33 USD / lună
• Disponibil pentru: CS6 și în sus

Acest plugin Photoshop vă permite să convertiți fișiere PSD în HTML, CSS, WordPress, iOS, Android și multe altele. De asemenea, conține caracteristici de colaborare. Arată foarte puternic, cu toate acestea, vine cu o licență lunară și nu este complet ieftin.

Plugin Photoshop Social Share

• Preț: gratuit
• Disponibil pentru: Necunoscut (numai pentru Mac OS)

Următorul articol din lista noastră adaugă funcționalități importante de partajare Photoshop. Vă permite să partajați și să publicați fișiere direct din interiorul programului prin e-mail, rețele sociale și alte platforme. Alegeți doar un format și sunteți bine să mergeți.

Transformă fiecare

• Preț: gratuit
• Disponibil pentru: CS5, CS6, CC

Transform Each este un script care vă permite să transformați mai multe obiecte simultan fără a le schimba poziția. Ceea ce înseamnă asta este exemplificat cel mai bine prin GIF de mai jos. Alegeți punctele de ancorare, transformarea pe care doriți să o realizați și vă va duce acolo cu un singur clic.

ToonIt!

• Preț: 129 USD
• Disponibil pentru: Photoshop CS și versiunile ulterioare

Una distractivă la final. În cazul în care vă gândiți vreodată să creați un roman grafic online, acest serviciu vă va fi de mare ajutor. Transformă fotografiile obișnuite în desene animate, are multe presetări și tehnologie matură. Un pic cam scump.

Pluginuri Photoshop într-o scurtă ...

Photoshop este un instrument minunat pentru designerii de web. Este puternic, plin de funcții și actualizat constant.

Cu toate acestea, uneori ne dorim să aibă câteva caracteristici suplimentare sau modalități mai ușoare de îndeplinire a sarcinilor. Aici intervin pluginurile Photoshop.

După cum ați văzut din lista de mai sus, pluginurile pot adăuga o mulțime de funcționalități diferite. De la comenzi rapide la funcții complet noi.

Și acestea sunt doar cele care sunt utile pentru designul web. Există multe altele acolo, în special pentru retușarea imaginii. Ai ceva de adăugat?

Cunoașteți pluginuri Photoshop suplimentare care vă plac și le recomandați? Vă rugăm să partajați în secțiunea de comentarii de mai jos!

Imagine în miniatură a articolului de la VectorsMarket / shutterstock.com