Główna » Photoshop » 10+ darmowych wtyczek do Photoshopa dla projektantów stron internetowych

    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