36 wtyczek Photoshopa dla projektantów stron internetowych, które musisz sprawdzić

WordPress nie jest jedynym oprogramowaniem oferującym przydatne rozszerzenia do swojego podstawowego produktu. Photoshop, jedno z popularnych narzędzi dla projektantów stron internetowych na całym świecie, również obsługuje tę możliwość. Podobnie jak ich odpowiedniki WordPress, wtyczki Photoshopa mogą również dodawać wszelkiego rodzaju nowe funkcje.

Ponieważ wiemy, że wielu naszych czytelników regularnie korzysta z Photoshopa, pomyśleliśmy, że tym razem dobrym pomysłem będzie zaoferowanie innego rodzaju listy wtyczek. Poniżej znajdziesz najlepsze wtyczki do Photoshopa, jakie mogliśmy znaleźć w sieci.

Wzbogacają program o wszelkiego rodzaju ulepszenia. Od małych skryptów i skrótów do całych nowych modułów, które znacznie poprawią przepływ pracy i sprawią, że praca z programem Photoshop będzie jeszcze łatwiejsza.

Gotowy? W takim razie zacznijmy.

Wtyczki Photoshop, których żaden projektant stron internetowych nie powinien ignorować

Poniżej znajdziesz listę wtyczek do Photoshopa z różnych kategorii, które mogą jeszcze bardziej ulepszyć Twoje ulubione oprogramowanie.

Retinize It

• Cena: za darmo
• Dostępne dla: CC 2015

Po pierwsze, mamy darmową wtyczkę do szybkiego tworzenia zasobów do wyświetlaczy Retina. Retinize It dodaje nową akcję do Photoshopa, która pozwala eksportować obrazy w ich oryginalnych wymiarach lub skalowane do dwu- lub trzykrotnego rozmiaru.

Po instalacji znajdziesz nową opcję w oknie > Akcje. Po prostu wybierz warstwę lub grupę warstw, uruchom akcję, nazwij pliki i odbierz pocięte zasoby. Doskonały do ​​tworzenia stron internetowych przystosowanych do siatkówki.

Wytnij i pokrój mnie

• Cena: za darmo
• Dostępne dla: CS6

Kolejna wtyczka do bezpośredniego eksportu zasobów z warstw. Cut&Slice me automatycznie przycina obrazy i eksportuje je jako pliki PNG. Może radzić sobie z nakładającymi się plasterkami, wieloma stanami przycisków i kilkoma rozdzielczościami. Niestety nie jest do końca aktualny, ale nadal działa ze starszymi wersjami Photoshopa.

CSS3Ps

• Cena: za darmo
• Dostępne dla: CS3 i nowszych

Jak sama nazwa wskazuje, ta usługa jest w stanie konwertować warstwy Photoshopa do CSS3. Wyjątkowe jest to, że jest to usługa oparta na chmurze i bezpłatna.

Wtyczka obsługuje wiele warstw (w tym tekst), cienie, gradienty, promień obramowania i inne. Oprócz tego radzi sobie również z SCSS i SASS.

Edytor narożny

• Cena: za darmo
• Dostępne dla: CC 2015

Jeśli kiedykolwiek będziesz potrzebował zaokrąglić rogi, ten skrypt jest dla Ciebie. Poprawia możliwości programu Photoshop do tworzenia zaokrąglonych narożników, działa z dowolnym wielokątem, zawiera wiele stylów narożników, umożliwia edycję wielu warstw jednocześnie i więcej.

Blok HTML

• Cena: za darmo
• Dostępne dla: CC 2015 (tylko Mac OS)

Nasz następny rywal umożliwia umieszczenie HTML i CSS bezpośrednio w dokumentach Photoshopa. W ten sposób możesz tworzyć zasoby internetowe bezpośrednio w oprogramowaniu i używać zasobów online w pliku PSD. Ta ostatnia obejmuje czcionki internetowe, zewnętrzny CSS i nie tylko.

Czcionka Awesome PS

• Cena: za darmo
• Dostępne dla: CC

Font Awesome to ikona, która zyskuje na popularności i używaniu. Z tego powodu sensowne jest tylko dołączanie do plików Photoshopa. Na szczęście ta wtyczka sprawia, że ​​jest to proste. Wystarczy pobrać i zainstalować za darmo i gotowe.

Kontrola warstw 2

• Cena: za darmo
• Dostępne dla: CC, CC 2014

Ta wtyczka to zbiór siedmiu skryptów, które ułatwiają niektóre z bardziej irytujących aspektów Photoshopa. Zawiera edytor nazw warstw, opcję usuwania nieużywanych efektów, może automatycznie usuwać puste warstwy, rasteryzować inteligentne obiekty, znajdować podobne pliki i wiele więcej. Darmowe pobieranie i używanie, jak chcesz.

Czapka CSS 2

• Cena: 39,99 USD
• Dostępne dla: CC 2014-2017

CSS Hat automatycznie tłumaczy style warstw na CSS3. W ten sposób możesz po prostu skopiować i wkleić go, zamiast zastanawiać się, jak zaimplementować grafikę na stronie.

Wtyczka może pracować z kilkoma warstwami naraz, czcionkami i różnymi stylami czcionek i jest w stanie wypluć Mniej, SASS, Stylus i wiele więcej. Posiada również wiele funkcji, które można znaleźć w edytorach kodu, takich jak podświetlanie składni. CSS Hat jest również dostępny dla starszych wersji programu Photoshop.

Warstwy strony

• Cena: 35$
• Dostępne dla: tylko Mac OS X

Wiele wtyczek na tej liście ma na celu ułatwienie przekształcania plików Photoshopa w witryny internetowe. Jednak odwrotnie jest tak samo konieczne. Po to właśnie są warstwy strony.

Wtyczka automatycznie konwertuje strony internetowe do plików PSD i zapisuje każdy element strony jako pojedynczą warstwę. Otwórz dowolną stronę w osadzonej przeglądarce i po prostu zapisz ją w Photoshopie. Wtyczka nie jest darmowa, ale wydaje się, że jest warta swojej ceny.

Kapelusz PNG

• Cena: 27,99 $
• Dostępne dla: CS5, CS6, CC, CC 2014.1+, CC 2015

Ta wtyczka, stworzona przez tych samych ludzi, co CSS Hat, zwiększa możliwości programu Photoshop w zakresie eksportowania plików PNG. Na przykład ma lepszą kompresję i może eksportować reguły CSS. PNG Hat ma również hojną politykę zwrotu pieniędzy, jeśli nie jesteś zadowolony.

Czcionka

• Cena: 49€
• Dostępne dla: CC 2015, CC 2017

Następna jest wtyczka, która pozwala tworzyć własną czcionkę poprzez przeciąganie i upuszczanie. W epoce, w której typografia staje się coraz ważniejsza w sieci, naprawdę dobrze to słyszeć. Po prostu zamień (kolorowe) obrazy i wektory na czcionki OpenType. Kontroluj kerning, ligatury i nie tylko. Fontself jest również aktywnie utrzymywaną wtyczką, dzięki czemu właściciele otrzymują nowe funkcje za darmo.

Wtyczka Getty Images Photoshop

• Cena: za darmo
• Dostępne dla: CC 2016 i nowszych

Getty images ma ogromną kolekcję obrazów stockowych i wtyczkę, która pozwala zaimportować je bezpośrednio do Photoshopa. Wyszukuj i filtruj tysiące obrazów w wysokiej rozdzielczości oraz synchronizuj zakupy z kontem Getty.

Czyszczenie PSD

• Cena: 19,99 USD
• Dostępne dla: CC 2014.1+

Kolejna wtyczka Source, która doładowuje panel warstw Photoshopa. PSD Cleaner automatycznie skanuje strukturę warstw i pokazuje możliwości poprawy. Pomoże Ci znaleźć nienazwane warstwy, usunąć puste, znaleźć warstwy rozciągające się poza płótno i nie tylko. Krótko mówiąc, zapewni ci porządek.

WebZap

• Cena: $19
• Dostępne dla: CS5 i nowszych

Może to być zaskoczeniem, ale Photoshop nie jest tak naprawdę stworzony do projektowania stron internetowych. Program rozpoczął się jako narzędzie do edycji zdjęć, a dopiero później dodał możliwości tworzenia układów.

Aby to zrekompensować, jest WebZap. Wtyczka dostarcza gotowe elementy do tworzenia makiet stron internetowych w mgnieniu oka. Opiera się na siatce 960, może tworzyć sformatowany tekst Lorem ipsum, nawigację, przyciski i wiele innych.

Subtelne wzory

• Cena: $17,99
• Dostępne dla: CC i wzwyż

Subtelne wzory to biblioteka darmowych wzorów tekstur, które można kafelkować. Wtyczka o tej samej nazwie przenosi je do pulpitu programu Photoshop. Otóż ​​to.

Zrzut ekranu

• Cena: $9.99
• Dostępne dla: CC 2014 lub nowszy

Następna na naszej liście wtyczek Photoshopa jest ScreenSnap. Program umożliwia tworzenie zrzutów ekranu z plików PSD, zarówno całego dokumentu, jak i wybranego obszaru. Nie ma potrzeby ręcznego przycinania lub zapisywania, po prostu wybierz folder, kliknij jeden przycisk i jesteś dobry. Doskonały do ​​dzielenia się swoją pracą z innymi, nawet w rozmiarze siatkówki.

Powielacz

• Cena: za darmo
• Dostępne dla: CC, CC2014

Tutaj mamy rozszerzenie do szybkiego klonowania warstw i grup warstw, gdy potrzebujesz kilku tego samego obiektu. Po prostu wybierz, ile kopii potrzebujesz i jak chcesz je rozdzielić.

Makiety perspektywy

• Cena: $19
• Dostępne dla: CC 2017

Jak widać na zrzucie ekranu, strona główna wtyczki zawiera wiele przekleństw. Poza tym ta wtyczka tworzy perspektywiczne makiety twojego projektu. W ten sposób możesz lepiej zrozumieć, jak wyglądają na telefonie lub tablecie z zewnątrz. Wtyczka ma wiele ustawień wstępnych, ale jest również w pełni edytowalna.

Oznaczenia rozmiaru PS

• Cena: za darmo
• Dostępne dla: CC 2014

Znaczniki rozmiaru umożliwiają dodawanie etykiet rozmiaru obiektu lub odległości między obiektami za pomocą narzędzia markizy. Każda etykieta jest zapisywana w nowej warstwie i w pełni konfigurowalna. Jest to bardzo pomocne przy dodawaniu specyfikacji dla osoby, która zamieni PSD w stronę internetową.

Fontea

• Cena: za darmo
• Dostępne dla: CC 2014, CC 2015

Dla każdego, kto jest niezadowolony z domyślnej oferty czcionek Photoshopa, Fontea zawiera wszystkie czcionki internetowe dostępne w Google Fonts (obecnie 800+). Wtyczka jest również na bieżąco z repozytorium online i umożliwia konfigurowanie kolekcji ulubionych czcionek.

Pixabay

• Cena: $4.99
• Dostępne dla: CC 2015 i nowszych

Ta wtyczka jest podobna do wspomnianej wcześniej wtyczki obrazu Getty dla biblioteki obrazów Pixabay. Zawiera setki tysięcy darmowych obrazów, które możesz teraz dodać jednym kliknięciem. Wtyczka zawiera również zaawansowane opcje wyszukiwania, a wszystkie obrazy są objęte licencją CC0. Dodatkowo jest bardzo przystępny cenowo.

Istnieje więcej takich wtyczek dla innych bibliotek zdjęć stockowych, takich jak Shutterstock i Pexels.

Warstwy Rzemieślnicze

• Cena: za darmo
• Dostępne dla: CC, CC 2014

Kolejna wtyczka do eksportu zasobów interfejsu użytkownika z warstw programu Photoshop. LayerCraft ma możliwość skalowania obrazów podczas eksportu, może przycinać przezroczyste piksele i eksportować w różnych rozmiarach w celu wyświetlania siatkówki.

Lorem Ipsum Generator

• Cena: za darmo
• Dostępne dla: CS 5/6, CC

Jak sama nazwa wskazuje, jest to wtyczka do tworzenia tekstu zastępczego Lorem ipsum. W ten sposób nie musisz już kopiować go ze źródeł zewnętrznych. Generator oferuje konfigurowalne wyjście, możliwość kopiowania do schowka za pomocą jednego kliknięcia i jest aktywnie utrzymywany.

LoremPicsum

• Cena: za darmo
• Dostępne dla: CS, CC

Ten jest podobny do wersji Lorem ipsum, jednak tworzy losowe obrazy zamiast tekstu. Wybierz obszar, wybierz kreskówkę, a otrzymasz obraz zastępczy. Zabawna sztuczka: obrazy pochodzą z popularnych programów telewizyjnych i filmów, takich jak Futurama, Simpsonowie, Gdzie jest Nemo i Up.

Zestaw społecznościowy Pro

• Cena: $9.99
• Dostępne dla: CC 2015+

I kolejna wtyczka Source. Ten ma na celu poprawę wszystkiego w mediach społecznościowych. Zawiera szablony do tworzenia reklam na urządzenia mobilne i komputery stacjonarne, zdjęcia na okładkę i zdjęcia profilowe. Możesz nawet podglądać wyniki na żywo w programie Photoshop.

Prowadnice warstw

• Cena: za darmo
• Dostępne dla: Nieznany

Prowadnice to ważne narzędzie w programie Photoshop, które pozwala zachować porządek. Jednak mogą być denerwujące w obsłudze.

Ta wtyczka ma nadzieję to złagodzić. Dodaje nowe przyciski do dodawania linii pomocniczych po bokach warstw, a także przez ich środek w poziomie i pionie. Nie musisz już przeciągać, po prostu kliknij i jesteś dobry.

Generator długich cieni

• Cena: za darmo
• Dostępne dla: CS6, CC

Nazwa wtyczki w zasadzie mówi wszystko. Generator długich cieni pomaga tworzyć długie cienie w programie Photoshop. Możesz kontrolować długość i krycie cienia, kolor, gradient i kąty. Następnie po prostu dodaj je jednym kliknięciem.

MałePNG

• Cena: $50
• Dostępne dla: CS5, CS6, CC i wyższych

TinyPNG to usługa online, którą często polecam do optymalizacji obrazów przed przesłaniem ich do WordPressa. Kompresuje pliki JPG i PNG, aby były jak najmniejsze.

Witryna oferuje również wtyczkę Photoshop, aby zrobić to samo w oprogramowaniu do edycji obrazów. Pozwala bezpośrednio przeglądać i zapisywać, skalować, używać częściowego wyboru i nie tylko. Jeśli ich witryna jest jakąkolwiek wskazówką, wtyczka jest warta swojej ceny.

Glifo

• Cena: $19
• Dostępne dla: CS5, CC

Glifo dodaje opcję eksportowania ikon wektorowych z Photoshopa jako czcionek internetowych ikon. Brzmi jak świetny dodatek do wtyczki Font Awesome.

specKing

• Cena: $19
• Dostępne dla: CS5, CS6, CC 2014 i wyżej

Kolejna wtyczka do dodawania pomiarów i specyfikacji projektowych do plików Photoshop, tym razem w wersji premium. Mierz rozmiary, marginesy i czcionki oraz automatycznie twórz specyfikacje w edytowalnych nakładkach. Wygląda bardzo prosto i wygodnie w użyciu.

Eksportuj zestaw

• Cena: 19,33 USD/miesiąc
• Dostępne dla: CS6 i wyższych

Ta wtyczka Photoshop pozwala konwertować pliki PSD na HTML, CSS, WordPress, iOS, Android i inne. Zawiera również funkcje współpracy. Wygląda bardzo potężnie, jednak ma miesięczną licencję i nie jest całkowicie tani.

Wtyczka Photoshop do udostępniania społecznościowego

• Cena: za darmo
• Dostępne dla: nieznany (tylko Mac OS)

Kolejna pozycja na naszej liście dodaje ważną funkcję udostępniania do Photoshopa. Umożliwia udostępnianie i publikowanie plików bezpośrednio z poziomu programu za pośrednictwem poczty e-mail, sieci społecznościowych i innych platform. Wystarczy wybrać format i gotowe.

Przekształć każdy

• Cena: za darmo
• Dostępne dla: CS5, CS6, CC

Transform Each to skrypt, który pozwala na transformację kilku obiektów jednocześnie bez zmiany ich pozycji. Co to oznacza, najlepiej ilustruje poniższy GIF. Wybierz swoje punkty kontrolne, transformację, którą chcesz osiągnąć, a dostaniesz się tam jednym kliknięciem.

ToonIt!

• Cena: $129
• Dostępne dla: Photoshop CS i nowszych

Fajny na koniec. Jeśli kiedykolwiek pomyślisz o stworzeniu powieści graficznej online, ta usługa będzie bardzo pomocna. Zamienia zwykłe zdjęcia w kreskówki, ma wiele ustawień wstępnych i dojrzałą technologię. Trochę drogie.

Wtyczki Photoshopa w skrócie…

Photoshop to wspaniałe narzędzie dla projektantów stron internetowych. Jest potężny, pełen funkcji i stale aktualizowany.

Czasami jednak życzymy sobie, aby posiadał jakieś dodatkowe funkcje lub łatwiejsze sposoby realizacji zadań. Tu właśnie pojawiają się wtyczki Photoshopa.

Jak widać na powyższej liście, wtyczki mogą dodawać wiele różnych funkcji. Od skrótów po zupełnie nowe funkcje.

I to tylko te, które są przydatne do projektowania stron internetowych. Jest ich znacznie więcej, zwłaszcza do retuszu zdjęć. Masz coś do dodania?

Czy znasz dodatkowe wtyczki do Photoshopa, które lubisz i polecasz? Udostępnij w sekcji komentarzy poniżej!

Obraz miniatury artykułu autorstwa VectorsMarket / shutterstock.com