20 najlepszych wtyczek Photoshopa dla projektantów

Chociaż istnieje wiele wspaniałych i darmowych alternatyw, Photoshop jest nadal najpopularniejszym i najbardziej wydajnym edytorem grafiki oraz domyślnym wyborem wielu projektantów, ilustratorów i fotografów. Jeśli potrzebujesz funkcji, której nie możesz znaleźć w Photoshopie, nie martw się - dostępne są niezliczone skrypty i wtyczki, które pomogą Ci rozszerzyć i ulepszyć funkcjonalność programu Photoshop.

Oto wybór 20 przydatnych wtyczek programu Photoshop dla projektantów.

Wtyczki Photoshopa do makiet i układów

1. WebZap

Jeśli jesteś projektantem stron internetowych, WebZap może znacznie ułatwić Ci życie. Ta wtyczka pomaga tworzyć makiety witryn internetowych, udostępniając przewodniki po układzie i szablony dla siatki 960. Możesz go użyć do wygenerowania tekstu zastępczego i wybrania gotowych elementów interfejsu, które chcesz dodać do swojej witryny. Każdy element można modyfikować jako osobną warstwę. WebZap może również tworzyć atrakcyjne podglądy projektu do prezentacji i prezentacji.

Kluczowe cechy:

• Wymaga programu Photoshop CS 5 lub nowszego
• Działa na OS X i Windows
• Umożliwia tworzenie makiet witryn internetowych
• Oferuje gotowe układy
• Generuje fikcyjny tekst („lorem ipsum”) i elementy interfejsu użytkownika (menu, przyciski…)

Cena £: 19 $

2.Webbsy

Webbsy sprawia, że ​​projektowanie stron internetowych jest dziecinnie proste, konwertując pliki PSD na HTML i CSS. Nie musisz oznaczać swoich warstw - Webbsy może automatycznie nadawać im nazwy i eksportować wszystkie elementy projektu do CSS3. Jeśli czegoś nie można przekonwertować na HTML, Webbsy renderuje to jako obraz. Obsługuje responsywne projektowanie stron internetowych, eksportując do odpowiednich rozmiarów dla różnych urządzeń. Webbsy umożliwia korzystanie z czcionek Google w projektach i może automatycznie eksportować do formatów LESS, SASS, SCSS, Stylus, HAML, Slim i Jade.

Kluczowe cechy:

• Konwertuje projekty PSD na HTML i CSS
• Obsługuje czcionki Google, LESS, SASS, SCSS i Stylus
• Pozwala wyeksportować obrazy z projektu i wybrać ich jakość
• Obrazy plasterków, mogą eksportować elementy tekstowe
• Wymaga programu Photoshop CS6 lub nowszego, w tym CC

Cena £: 49 USD, dostępna bezpłatna 14-dniowa wersja próbna

3. Velositey 2

Velositey to niesamowita wtyczka do tworzenia makiet i prototypów. Wykorzystuje ustawienia wstępne i szablony w celu usprawnienia procesu projektowania. Możesz wstawiać gotowe moduły i modyfikować je później, a także pozwolić Velositey generować ikony favicons i mapicons dla Twojego projektu. Dzięki Velositey można zbudować całą makietę w ciągu zaledwie jednej minuty.

Kluczowe cechy:

• Wybierz gotowe elementy i szablony, aby utworzyć makietę
• Użyj siatki, aby umieścić elementy
• Generuj ikony ulubionych i mapikony
• Działa w Photoshop CS6, CC i CC 2014

Cena £: Wolny

4. Elemente

Czy kiedykolwiek chciałeś stworzyć własny motyw WordPress, ale nie miałeś czasu zajmować się całym kodowaniem? Elemente autorstwa Divine Project to wtyczka, która pozwala to zrobić, konwertując dowolny projekt PSD na motyw WordPress. Możesz zaprojektować projekt od podstaw w Edytorze układu lub zmodyfikować dostarczone szablony, a następnie pozwolić Elemente wygenerować kod motywu. Oferuje pomocne siatki do zmiany rozmiaru i pozycjonowania elementów, a także umożliwia grupowanie elementów. Elemente obsługuje zaawansowane parametry typograficzne, takie jak kerning i przesunięcie linii bazowej, i umożliwia eksportowanie całego formatowania tekstu (rozmiar czcionki, grubość, wyrównanie…). Kod wyprodukowany przez Elemente jest prawidłowy i zoptymalizowany pod kątem SEO, a jeśli chcesz, możesz go zmodyfikować w dowolnym innym edytorze kodu.

Kluczowe cechy:

• Konwertuje PSD na motyw WordPress
• Nie jest wymagane kodowanie; po prostu zaprojektuj plan, konwersja jest automatyczna
• Umożliwia korzystanie z szablonów i elementów grupowych
• Eksportuje czysty, zoptymalizowany pod kątem SEO kod
• Działa tylko w 32-bitowym systemie Windows
• Obsługuje Photoshop CS3, CS4, CS5, CS6 i CC

Cena £: 99 USD za osobisty plan, 199 USD za programistę, dostępna bezpłatna wersja próbna

Wtyczki Photoshopa dla siatek i warstw

5. GuideGuide

Ta wtyczka pomaga tworzyć siatki i niestandardowe prowadnice na podstawie całego projektu lub tylko wybranych części. Możesz także użyć notacji siatki do tworzenia tabel i dostosowywania marginesów. GuideGuide pomaga obliczać większość wymiarów. Utworzone siatki można zapisać jako zestawy (szablony) do wykorzystania w przyszłości. Prowadnice można przełączać jednym kliknięciem myszy, a nawet można utworzyć siatkę wewnątrz siatki!

Kluczowe cechy:

• Twórz i zapisuj siatki
• Dostosuj prowadnice i marginesy
• Obsługuje Photoshop CS5 i nowsze

Cena £: Wolny

6. Kontrola warstw 2

Layrs Control 2 to praktyczne rozwiązanie do zarządzania warstwami, które może być szczególnie przydatne podczas pracy nad dużymi, złożonymi projektami wielowarstwowymi. Możesz użyć tej wtyczki do edycji nazw warstw, optymalizacji projektu poprzez usunięcie nieużywanych efektów i pustych warstw oraz spłaszczenia wszystkich wybranych warstw. Możliwe jest również rasteryzowanie inteligentnych obiektów i przekształcanie wybranych warstw w inteligentne obiekty.

Kluczowe cechy:

• Działa z programem Photoshop CC i CC 2014
• Zmień nazwę i spłaszcz warstwy
• Usuń puste warstwy i nieużywane efekty

Cena £: Wolny

7. CSS3PS

Ta wtyczka upraszcza konwersję warstw programu Photoshop do kodu CSS3. Po prostu utwórz grafikę w Photoshopie, wybierz żądane warstwy i poczekaj, aż wtyczka załaduje wynik w domyślnej przeglądarce internetowej. Obsługiwane właściwości obejmują rozmiar, promień obramowania, cień wewnętrzny i cień, blask wewnętrzny i zewnętrzny, a także zwykłe właściwości czcionki dla warstw tekstowych.

Kluczowe cechy:

• Działa w systemach Windows i OS X, wymaga programu Photoshop CS3 lub nowszego
• Umożliwia konwersję jednej lub wielu warstw na kod CSS
• Obsługuje prefiksy przeglądarki (-webkit-, -moz-, -ms-…)
• Automatycznie oblicza odpowiednie rozmiary i konwertuje rozmiar warstwy

Cena £: Wolny

8. UberColumns

UberColumns to przydatna wtyczka, jeśli spędzasz dużo czasu na edycji tekstu w swoich projektach. Pozwala sformatować tekst w kolumny - cały tekst pozostaje na jednej warstwie i automatycznie dopasowuje się do rozmiaru warstwy, jeśli ją zmienisz lub dodasz więcej tekstu. Wszystko, co musisz zrobić, to wybrać liczbę kolumn.

Kluczowe cechy:

• Działa na OS X i Windows, wymaga programu Photoshop CC lub CC 2014
• Dzieli tekst na warstwie tekstowej na żądaną liczbę kolumn
• Automatycznie dopasowuje tekst, jeśli zmienisz rozmiar warstwy

Cena £: Wolny

Wtyczki Photoshopa dla kolorów, czcionek i efektów

9. Swatchy

Swatchy to mała wtyczka, która umożliwia organizowanie próbek kolorów w folderach. W ten sposób możesz zapisać i łatwo uzyskać dostęp do swoich schematów kolorów oraz wyświetlić podgląd kolorów, których często używasz.

Kluczowe cechy:

• Zarządza próbkami i umożliwia organizowanie ich w folderach
• Działa na OS X i Windows
• Wymaga programu Photoshop CC i CC 2014

Cena £: Wolny

10. MagicPicker

MagicPicker to wtyczka do zarządzania kolorami, która ulepsza istniejące narzędzia kolorów w programie Photoshop, dodając przydatne funkcje. Możesz użyć opcji, takich jak Tone Lock, do kontrolowania gamma wybranych kolorów oraz ulepszonego narzędzia Color Wheel z trybami trójkąta, ramki i diamentu. Pomaga również w generowaniu schematów kolorów i oferuje tryb kompaktowy, aby zaoszczędzić miejsce na ekranie.

Kluczowe cechy:

• Działa na OS X i Windows
• Obsługuje Photoshop CC2014, CC, CS6, CS5.5, CS5, CS4 i CS3
• Umożliwia generowanie schematów kolorów
• Wybierz kolory z ulepszonego koła kolorów z 3 trybami i blokowaniem tonów
• Wybierz z palety tylko ciepłe lub zimne odcienie
• Kopiowanie kodów kolorów HEX jednym kliknięciem

Cena £: 19 USD; bezpłatna 15-dniowa wersja próbna dostępna do pobrania

11. FilterForge

FilterForge to niesamowicie potężny edytor, którego można używać jako samodzielnej aplikacji lub wtyczki programu Photoshop. Możesz go używać do tworzenia własnych efektów fotograficznych i filtrów, a także zapewnia dostęp do ogromnego internetowego repozytorium treści przesłanych przez użytkowników. Obsługuje płynne kafelkowanie tekstur, a filtry można renderować w dowolnej rozdzielczości. Każdy preset ma kilka wariantów do wyboru, więc FilterForge powinien zaspokoić wszystkie Twoje potrzeby w zakresie efektów fotograficznych.

Kluczowe cechy:

• Działa na OS X i Windows
• Pozwala tworzyć własne filtry, efekty i tekstury
• Wybierz z internetowego repozytorium filtrów
• Generuj mapy i tekstury, które obsługują płynne kafelkowanie

Cena £: 399 USD, dostępna bezpłatna 30-dniowa wersja próbna

12. Cukierki do oczu 7

Eye Candy 7 firmy Alienskin to wtyczka, która pozwala wybrać jedną z 32 kategorii efektów i ponad tysiąc ustawień wstępnych do zastosowania w grafice. Możesz go używać do tworzenia własnych efektów i natychmiastowego podglądu zmian zastosowanych na dowolnej warstwie. Wszystkie efekty są stosowane na nowej warstwie, więc oryginalna grafika pozostaje nietknięta, dopóki nie zdecydujesz się jej zmienić.

Kluczowe cechy:

• Twórz i stosuj realistyczne efekty
• Wybierz gotowe ustawienia z bogatej kolekcji
• Obsługuje edycję w nowej warstwie, aby zachować oryginalny projekt
• Natychmiastowy podgląd efektów
• Działa na OS X OS X 10.7 lub nowszym, Windows 7 i 8
• Wymaga programu Photoshop CS5, Elements 10 lub nowszego

Cena £: 129 USD, dostępna bezpłatna wersja próbna

13. Font Hero

Font Hero pomaga organizować czcionki i eliminuje potrzebę stosowania oddzielnej aplikacji do zarządzania czcionkami. Ta wtyczka ładuje wszystkie zainstalowane czcionki z komputera do zgrabnego interfejsu, w którym można je oznaczać, dodawać do ulubionych i grupować. Możesz natychmiast wyświetlić podgląd czcionek i zmodyfikować ich wygląd. Font Hero pozwala zmienić czcionkę dowolnej warstwy tekstu jednym kliknięciem myszy. Obsługuje czcionki Google i Typekit, ale przechowuje je oddzielnie dla Twojej wygody.

Kluczowe cechy:

• Importuj, wyświetlaj i organizuj wszystkie czcionki bezpośrednio w programie Photoshop
• Oznacz i ulubione czcionki, aby ułatwić wyszukiwanie
• Wsparcie dla czcionek internetowych
• Działa na OS X i Windows, wymaga programu Photoshop CC 2014

Cena £: 39 $

Inne wtyczki programu Photoshop

14. FlatIcon

FlatIcon to popularny zasób magazynowy, a ta prosta wtyczka umożliwia korzystanie z bezpłatnych ikon bezpośrednio z programu Photoshop. Wybrane ikony są importowane jako wektory, co oznacza, że ​​możesz je dowolnie edytować w celu dopasowania do swojego projektu.

Kluczowe cechy:

• Daje dostęp do tysięcy bezpłatnych ikon
• Wszystkie ikony są dostępne w pełni edytowalnym formacie wektorowym
• Obsługuje Photoshop CS5, CS6, CC i CC 2014

Cena £: Wolny

15. Generator kodów QR

Ta wtyczka robi dokładnie to, co mówi jej nazwa - generuje kody QR jako maski wektorowe, które możesz edytować i używać w swoich projektach. Kody QR są generowane w jakości druku z kompatybilnością CMYK, więc nie musisz się o to martwić. Wtyczka obsługuje kilka typów kodów QR, w tym adres URL, SMS, wizytówkę, zwykły tekst i e-mail.

Kluczowe cechy:

• Generuje kody QR jako obrazy, które można modyfikować
• Obsługuje kilka typów kodów QR
• Kody są zoptymalizowane do drukowania i są zgodne ze standardem kodów QR
• Wtyczka działa na OS X i Windows

Cena £: 19 $

16. TinyPNG

TinyPNG pozwala eksportować obrazy do PNG i kompresować je, aby zmniejszyć rozmiar pliku, ale zachować przezroczystość. Obsługuje edycję wsadową i automatycznie konwertuje obrazy do sRGB, jeśli to konieczne. I ma uroczą pandę jako maskotkę!

Kluczowe cechy:

• Działa na OS X i Windows
• Obsługuje Photoshop CS5, CS6, CC i CC 2014
• Umożliwia edycję wielu obrazów jednocześnie
• Kompresuje pliki PNG z zachowaniem przezroczystości

Cena £: 40 $

17. Descreen

Usuwanie ekranu jest zbawienne, jeśli często używasz zeskanowanych materiałów w swoich projektach. Usuwa raster i wzory mory (interferencje) ze skanowanych obrazów przy użyciu precyzyjnej metody transformacji Fouriera. W przeciwieństwie do innych narzędzi, które polegają na rozmyciu, Descreen może zachować więcej szczegółów dzięki takiemu podejściu. Zalecana rozdzielczość skanowania wynosi od 600 do 1200 pikseli / cal.

Kluczowe cechy:

• Obsługuje Photoshop od wersji 7.0 i CS do CS6 i CC
• Usuwa ekran i wzory zakłóceń ze skanowanych obrazów
• Działa na Windows i OS X

Cena £: Home Edition 15 €, Professional Edition 75 €

18. Perfect Resize

Perfect Resize umożliwia powiększanie zdjęć bez utraty jakości i proporcji. Oferuje narzędzie do przycinania z ustawieniami wstępnymi i inne narzędzie do „prostowania” zdjęć. Perfect Resize może powiększać zdjęcia zrobione przez urządzenia mobilne i tworzyć rozszerzone marginesy do drukowania zdjęć na płótnie. Możesz go użyć do wsadowej zmiany rozmiaru zdjęć i zapisania dwóch różnych wersji jednego obrazu.

Kluczowe cechy:

• Umożliwia powiększanie, przycinanie i prostowanie zdjęć
• Optymalizuje zdjęcia do drukowania
• Obsługuje zmianę rozmiaru wielu zdjęć jednocześnie
• Działa na Windows 7 i 8 oraz OS X 10.8 - 10.10
• Wymaga programu Photoshop CS6, CC lub CC 2014 (także Elements 11, 12 lub 13)

Cena £: 79,95 USD oferuje 30-dniowy okres próbny

19. Okładka Action Pro

Ta wtyczka jest idealna dla projektantów okładek książek i każdego, kto musi zaprezentować swoją pracę w profesjonalny, atrakcyjny wizualnie sposób. Cover Action Pro przekształca Twoje projekty w trójwymiarowe zdjęcia produktów; a raczej przenosi je na modele produktów. Możesz korzystać z szablonów i przewodników oraz wybierać spośród 25 kategorii zawierających ponad 150 modeli, w tym książki, segregatory, pudełka na płyty DVD, kartki okolicznościowe, wizytówki, czasopisma…

Kluczowe cechy:

• Umożliwia przekształcenie projektów w modele produktów 3D
• Oferuje szablony i modele
• Opracowany dla programu Photoshop CS6 i nowszych, ale może działać w wersjach CS5, CS4 i CS3
• Automatyczne aktualizacje

Cena £: 147 USD lub 247 USD z 60 szablonami projektantów

20. Avocode

Nie, to nie jest błędnie napisany owoc. Avocode to narzędzie do współpracy projektowej i zarządzania projektami, które ma łączyć projektantów i programistów. Umożliwia projektantom przesyłanie projektów za pośrednictwem wtyczki programu Photoshop, a programiści mogą następnie sprawdzać elementy projektu w interfejsie internetowym lub w samodzielnej aplikacji. Możliwe jest eksportowanie warstw jako obrazów, konwertowanie warstw do CSS, Less, Sass lub Stylus, uzyskiwanie informacji o formatowaniu tekstu i wymiarach warstw. Avocode zapisuje wcześniej przesłane wersje projektu na serwerze, dzięki czemu można go używać jako systemu kontroli wersji dla swojego projektu.

Kluczowe cechy:

• Łatwo udostępniaj swoje projekty za pomocą wtyczki Photoshop
• Sprawdź projekt w interfejsie internetowym lub w aplikacji - działa na OS X, Windows i Linux
• Eksportuj warstwy jako obrazy, konwertuj do CSS
• Uzyskaj dostęp do poprzednich wersji udostępnionych projektów

Cena £: Zaczyna się od 20 USD miesięcznie, oferuje bezpłatny 14-dniowy okres próbny

 ZOBACZ TAKŻE: 10 darmowych narzędzi do tworzenia własnych czcionek

Który Wtyczki programu Photoshop czy poleciłbyś projektantom? Czy są jakieś wtyczki, bez których nie możesz żyć? Opowiedz nam o nich w komentarzach.