Pagina inicial » Photoshop » 10+ Plugins Gratuitos de Photoshop para Web Designers

    10+ Plugins Gratuitos de Photoshop para Web Designers

    O uso de extensões do Photoshop aumenta muito sua capacidade de ajudá-lo a projetar, aperfeiçoar seu fluxo de trabalho e torná-lo mais produtivo. Você pode usar um plugin do Photoshop para acelerar tarefas repetitivas ou tediosas tal como:

    • gerar sombras longas
    • exportar camadas do Photoshop
    • converter PSD para CSS3
    • converter texto do Photoshop em SVG
    • construir especificações de projeto no Photoshop
    • converter design skeuomorphic para design plano

    Há muitas outras extensões do Photoshop por aí, e nesta lista estão 12 incríveis que ajudam você gerenciar suas camadas, cores, guias e mais, para aliviar sua carga de trabalho e ajudá-lo a se concentrar mais no que requer sua atenção. Se você souber de mais plug-ins ou extensões do Photoshop, informe-nos nos comentários.

    1. Hexy

    A Hexy fornece uma maneira mais rápida de obter o código de cores Hex e RGB. Com este plugin, você pode usar a ferramenta Conta-gotas e simplesmente clicar na cor da imagem que deseja pegar, e o Hexy automaticamente copia a cor para a área de transferência para você. Dessa forma, você pode colá-lo imediatamente para usá-lo no CSS. É uma ferramenta útil para escolha de cores.

    Compatibilidade: Photoshop CC 2014

    2. Marcas de Tamanho

    SizeMark permite que você adicionar rótulos de um tamanho de objeto ou a distância entre cada objeto usando uma ferramenta Marquee. O SizeMark salva cada etiqueta criada em uma nova camada para que você possa personalizá-la da maneira que precisar, por ex. mudando a cor ou ajustando sua posição. É essencial quando você precisa traduzir o PSD para um site funcional.

    Compatibilidade: Photoshop CC 2014

    3. Pictura

    Você precisa inserir imagens em seu design? Você deve instalar o Pictura. Pictura permite que você pesquise e adicione imagens ao seu Photoshop convenientemente sem deixar seu espaço de trabalho. Quando instalado, o Pictura adicionará um novo painel no qual você poderá pesquisar qualquer imagem em qualquer Licença que você precisar e, em seguida, inseri-la no seu projeto imediatamente.

    Compatibilidade: Photoshop CC 2014

    4. Forno

    Forno é um plugin bacana que ajuda você a gerenciar melhor seus ativos. O Photoshop's Generator nos permite exportar imagens em tempo real, mas você terá que renomear todas as suas camadas para gerar a imagem corretamente e com um nome próprio. Forno elimina esse incômodo.

    Compatibilidade: CC de CC e CC 2014

    5. Tinta

    Converter o PSD em um site funcional é sempre um processo complicado. Há muitos detalhes a serem examinados, como estilos de camada, tamanho da fonte, família de fontes usada, tamanho do elemento e posição em relação a outros elementos. Tinta irá ajudá-lo gerar essas informações facilmente.

    6. LayerCraft

    LayerCraft é um plugin do Photoshop que permite que você camadas de exportação em escala múltipla. Você pode exportar imagens para @ 1x, @ 2x e até mesmo @ 3x (que é necessário em dispositivos iOS com tela Retina) ou mdpi e xhdpi para Android. Se o seu trabalho diário é criando interface do usuário para interface móvel, esta é a ferramenta que poupa muito tempo.

    Compatibilidade: CC de CC e CC 2014

    7. Compositor

    Compositor melhora o recurso Photoshop Layer Comps. Em vez de ter vários arquivos separados para armazenar cada revisão de projeto, o Layer Comps permite armazenar e gerenciar todos eles em um único arquivo. Layer Comps age de forma semelhante a um objeto inteligente. Cada um pode conter algumas propriedades, tais como estilos de camada e modos de mesclagem. Compositor, neste caso, fornece o maneira mais fácil de atualizar esses estilos com apenas um clique.

    Compatibilidade: Photoshop CS5, CS6 e CC

    8. Velositey

    A velocidade é uma extensão que pode ajudá-lo a construir protótipo de web design rapidamente. Velocitey vem com um punhado de modelos predefinidos, incluindo a grade. Ele também vem com marcadores de layout comuns para o cabeçalho, conteúdo e rodapé do site. Você pode adicionar todos esses componentes com apenas um clique. É literalmente uma poupança de tempo (e é grátis).

    Compatibilidade: Photoshop CS6, CC, CC 2014

    9. Duplllicator

    Duplllicator fornece o caminho mais rápido para camadas ou grupos do Photoshop duplicados. Você pode especificar o número de cópias desejado e, em seguida, definir o espaçamento vertical e horizontal da camada duplicada.

    Compatibilidade: CC de CC e CC 2014

    10. Guia Rápido

    O QuickGuide ajuda você desenhe diretrizes no Photoshop. Este plugin fornece 12 presets para fácil adição de guias em um lado, dois lados adjacentes ou todos os lados de cada objeto. Outras características que ele carrega incluem guias de bloqueio e visibilidade, excluindo guias inteiras ou selecionadas e guias de copiar e colar.

    Compatibilidade: Photoshop CC 2014

    11. Lorem Ipsum Generator

    Lorem Ipsum Generator será gerar palavras ou frases aleatórias. Em vez de copiá-lo de outro lugar, você pode gerar o Lorem Ipsum diretamente do seu espaço de trabalho do Photoshop. Algumas opções são fornecidas para personalizar a saída. Este plugin também está disponível para o Illustrator, InDesign e Dreamweaver.

    Compatibilidade: Photoshop CS5, CS6 e CC

    12. Lorem Picsum

    Lorem Picsum gera imagens aleatórias em vez de texto. A imagem fornecida é derivada de filmes populares e programas de TV, como Futurama, Rio, Os Simpsons, Procurando Nemo, e ACIMA.

    Compatibilidade: Photoshop CS6 e CC