10+ darmowych wtyczek do Photoshopa dla projektantów stron internetowych
Korzystanie z rozszerzeń programu Photoshop znacznie zwiększa jego zdolność do projektowania, usprawnia przepływ pracy i zwiększa produktywność. Możesz użyć wtyczki Photoshop do przyspieszyć powtarzające się lub nudne zadania Jak na przykład:
- generuj długie cienie
- eksportuj warstwy Photoshopa
- przekonwertować PSD na CSS3
- konwertować tekst Photoshopa na SVG
- buduj specyfikacje projektu w Photoshopie
- przekonwertować projekt Skeuomorphic na Płaska konstrukcja
Istnieje wiele innych rozszerzeń Photoshopa, a na tej liście jest 12 niesamowitych, które Ci pomogą zarządzaj swoimi warstwami, kolorami, przewodnikami i więcej, złagodzić obciążenie pracą i pomóż skupić się bardziej na tym, co wymaga twojej uwagi. Jeśli znasz więcej wtyczek lub rozszerzeń programu Photoshop, daj nam znać w komentarzach.
1. Hexy
Hexy zapewnia szybszą drogę uzyskać kod koloru Hex i RGB. Dzięki tej wtyczce możesz użyć narzędzia kroplomierza i po prostu kliknąć kolor obrazu, który chcesz podnieść, a Hexy automatycznie skopiuje kolor do schowka. W ten sposób możesz natychmiast wkleić go, aby użyć go w CSS. To poręczne narzędzie do wybierania kolorów.
Zgodność: Photoshop CC 2014
2. Rozmiar znaków
SizeMark pozwala na to dodaj etykiety rozmiaru obiektu lub odległości między każdym obiektem za pomocą narzędzia Markiza. SizeMark zapisuje każdą etykietę utworzoną w nowej warstwie, dzięki czemu można ją dostosować do potrzeb, np. zmiana koloru lub dostosowanie jego pozycji. Jest to niezbędne, gdy trzeba przetłumaczyć PSD na funkcjonalną stronę internetową.
Zgodność: Photoshop CC 2014
3. Pictura
Czy musisz wstawiać obrazy do swojego projektu? Powinieneś zainstalować Picturę. Pictura pozwala na wygodne wyszukiwanie i dodawanie obrazów do Photoshopa bez opuszczania obszaru roboczego. Po zainstalowaniu Pictura doda nowy panel, na którym można wyszukać dowolny obraz w dowolnej licencji, a następnie natychmiast wstawić go do swojego projektu.
Zgodność: Photoshop CC 2014
4. Piekarnik
Piekarnik to fajna wtyczka, która pomaga lepiej zarządzać zasobami. Generator Photoshopa pozwala nam eksportować obrazy w czasie rzeczywistym, ale będziesz musiał zmienić nazwę wszystkich swoich warstw, aby poprawnie wygenerować obraz i podać właściwą nazwę. Piekarnik eliminuje to kłopoty.
Zgodność: Photoshop CC i CC 2014
5. Atrament
Konwersja PSD na funkcjonalną stronę internetową jest zawsze trudnym procesem. Jest tak wiele szczegółów do zbadania, jak style warstw, rozmiar czcionki, użyta rodzina czcionek, rozmiar elementu i pozycja względem innych elementów. Atrament ci pomoże wygeneruj te informacje z łatwością.
6. LayerCraft
LayerCraft to wtyczka do Photoshopa, która pozwala na eksportuj warstwy do wielu skal. Możesz eksportować obrazy do @ 1x
, @ 2x
i nawet @ 3x
(co jest wymagane na urządzeniach z systemem iOS z ekranem Retina) lub mdpi
i xhdpi
dla Android. Jeśli twoja codzienna praca jest tworzenie interfejsu użytkownika dla interfejsu mobilnego, jest to narzędzie, które oszczędza dużo czasu.
Zgodność: Photoshop CC i CC 2014
7. Kompozytor
Composer ulepsza funkcję Comps Layers programu Photoshop. Zamiast wielu oddzielnych plików do przechowywania każdej wersji projektu, Kompozycje warstw pozwalają przechowywać je i zarządzać nimi w jednym pliku. Kompozycje warstw działają podobnie do obiektu inteligentnego. Każdy może zawierać kilka właściwości, takich jak style warstw i tryby mieszania. Kompozytor w tym przypadku zapewnia najłatwiejszy sposób aktualizacji tych stylów za pomocą jednego kliknięcia.
Zgodność: Photoshop CS5, CS6 i CC
8. Velositey
Velocity to rozszerzenie, które może pomóż zbudować prototyp strony internetowej szybko. Velocitey zawiera garść gotowych szablonów, w tym siatkę. Zawiera również wspólne symbole zastępcze dla nagłówka, zawartości i stopki strony. Możesz dodać wszystkie te elementy jednym kliknięciem. To dosłownie oszczędność czasu (i to za darmo).
Zgodność: Photoshop CS6, CC, CC 2014
9. Powielacz
Duplllicator zapewnia najszybszy sposób powielanie warstw lub grup Photoshopa. Możesz określić żądaną liczbę kopii, a następnie ustawić pionowe i poziome odstępy powielonej warstwy.
Zgodność: Photoshop CC i CC 2014
10. QuickGuide
QuickGuide pomaga rysuj wskazówki w Photoshopie. Wtyczka ta oferuje 12 ustawień wstępnych, które ułatwiają dodawanie prowadnic po jednej stronie, dwóch przylegających boków lub wszystkich stron każdego obiektu. Inne funkcje, które niesie, obejmują przełączanie prowadnic blokujących i widoczność, usuwanie całych linii pomocniczych lub wybranych oraz prowadnice wklejania kopii.
Zgodność: Photoshop CC 2014
11. Generator Lorem Ipsum
Lorem Ipsum Generator będzie generuj losowe słowa lub frazy. Zamiast kopiować go z innego miejsca, możesz wygenerować Lorem Ipsum bezpośrednio z obszaru roboczego programu Photoshop. Dostarczono kilka opcji, aby dostosować wyjście. Ta wtyczka jest również dostępna dla programów Illustrator, InDesign i Dreamweaver.
Zgodność: Photoshop CS5, CS6 i CC
12. Lorem Picsum
Lorem Picsum generuje losowe obrazy, a nie tekst. Podany obraz pochodzi z popularnych programów filmowych i telewizyjnych, takich jak Futurama, Rio, The Simpsons, Gdzie jest Nemo, i W GÓRĘ.
Zgodność: Photoshop CS6 i CC