Embora existam muitas alternativas excelentes e gratuitas, o Photoshop ainda é o editor gráfico mais popular e poderoso, e a escolha padrão de muitos designers, ilustradores e fotógrafos. Se houver um recurso de que você precisa, mas não consegue encontrar no Photoshop, não se preocupe - inúmeros scripts e plug-ins estão disponíveis para ajudá-lo a estender e melhorar a funcionalidade do Photoshop.
Aqui está uma seleção de 20 plug-ins úteis do Photoshop para designers.
Plug-ins do Photoshop para mockups e layouts
1. WebZap
Se você é um web designer, o WebZap pode tornar sua vida muito mais fácil. Este plugin ajuda a criar maquetes de sites, fornecendo guias de layout e modelos para a grade 960. Você pode usá-lo para gerar texto de espaço reservado e escolher elementos de interface predefinidos para adicionar ao seu site. Cada elemento pode ser modificado como uma camada separada. O WebZap também pode criar visualizações atraentes de seu design para vitrines e apresentações.
Características principais:
- Requer Photoshop CS 5 ou mais recente
- Funciona tanto no OS X quanto no Windows
- Permite criar maquetes de sites
- Oferece layouts pré-fabricados
- Gera texto fictício (“lorem ipsum”) e elementos de interface do usuário (menus, botões ...)
Preço: $ 19
2.Webbsy
Webbsy torna o design da web uma brisa, convertendo seus arquivos PSD em HTML e CSS. Você não precisa marcar suas camadas - Webbsy pode nomeá-las automaticamente e exportar todos os elementos de design para CSS3. Se algo não pode ser convertido em HTML, Webbsy o renderiza como uma imagem. Ele oferece suporte a web design responsivo, exportando para tamanhos apropriados para diferentes dispositivos. O Webbsy permite que você use Google Fonts em seus designs e pode exportar automaticamente para os formatos LESS, SASS, SCSS, Stylus, HAML, Slim e Jade.
Características principais:
- Converte seus designs PSD em HTML e CSS
- Suporta Google Fonts, LESS, SASS, SCSS e Stylus
- Permite exportar imagens de seu projeto e escolher sua qualidade
- Fatia imagens, pode exportar elementos de texto
- Requer Photoshop CS6 ou mais recente, incluindo CC
Preço: $ 49, teste gratuito de 14 dias disponível
3. Velositey 2
Velositey é um plugin incrível para a criação de maquetes e protótipos. Ele usa predefinições e modelos para agilizar o processo de design. Você pode inserir módulos pré-fabricados e modificá-los posteriormente, e permitir que o Velositey gere favicons e mapicons para o seu projeto. Com o Velositey, é possível construir uma maquete inteira em apenas um minuto.
Características principais:
- Escolha elementos e modelos pré-fabricados para criar uma maquete
- Use uma grade para posicionar os elementos
- Gerar favicons e mapicons
- Funciona no Photoshop CS6, CC e CC 2014
Preço: Livre
4. Elemente
Você sempre quis criar seu próprio tema WordPress, mas não teve tempo para lidar com toda a codificação? Elemente by Divine Project é um plugin que permite fazer isso convertendo qualquer design PSD em um tema WordPress. Você pode criar um blueprint do zero no Editor de Layout ou modificar os modelos fornecidos, e então deixar o Elemente gerar o código do tema. Ele oferece grades úteis para redimensionar e posicionar elementos, e você também pode agrupar seus elementos. O Elemente suporta parâmetros tipográficos avançados como kerning e deslocamento de linha de base, e permite exportar toda a formatação de texto (tamanho da fonte, peso, alinhamento ...). O código produzido pela Elemente é válido e otimizado para SEO, e se você quiser, pode modificá-lo em qualquer outro editor de código.
Características principais:
- Converte PSD em um tema WordPress
- Nenhuma codificação necessária; apenas projete um projeto, a conversão é automática
- Permite usar modelos e elementos de grupo
- Exporta código limpo e otimizado para SEO
- Funciona apenas em Windows de 32 bits
- Suporta Photoshop CS3, CS4, CS5, CS6 e CC
Preço: $ 99 para o plano pessoal, $ 199 para o plano de desenvolvedor, avaliação gratuita disponível
Plug-ins do Photoshop para grades e camadas
5. Guia-guia
Este plugin ajuda a criar grades e guias personalizados com base em todo o seu projeto ou apenas nas partes selecionadas. Você também pode usar a notação de grade para criar tabelas e ajustar as margens. O GuideGuide ajuda você a calcular a maioria das dimensões. Você pode salvar grades criadas como Conjuntos (modelos) para uso futuro. Os guias podem ser alternados com um clique do mouse, e você pode até fazer uma grade dentro de uma grade!
Características principais:
- Crie e salve grades
- Ajuste guias e margens
- Suporta Photoshop CS5 e mais recente
Preço: Livre
6. Layrs Controle 2
O Layrs Control 2 é uma solução prática para gerenciamento de camadas e pode ser especialmente útil ao trabalhar em projetos de design grandes e complexos com várias camadas. Você pode usar este plug-in para editar nomes de camadas, otimizar seu projeto removendo efeitos não utilizados e camadas vazias e nivelar todas as camadas selecionadas. Também é possível rasterizar objetos inteligentes e converter camadas selecionadas em objetos inteligentes.
Características principais:
- Funciona com Photoshop CC e CC 2014
- Renomear e nivelar camadas
- Remova as camadas vazias e os efeitos não utilizados
Preço: Livre
7. CSS3PS
Este plugin simplifica a conversão de camadas do Photoshop em código CSS3. Basta criar seus gráficos no Photoshop, selecionar as camadas desejadas e esperar que o plugin carregue o resultado em seu navegador padrão. As propriedades suportadas incluem tamanho, raio da borda, sombra interna e projetada, brilho interno e externo, bem como as propriedades de fonte usuais para camadas de texto.
Características principais:
- Funciona em Windows e OS X, requer Photoshop CS3 ou mais recente
- Permite converter uma ou várias camadas em código CSS
- Suporta prefixos de navegador (-webkit-, -moz-, -ms-…)
- Calcula automaticamente os tamanhos apropriados e converte o tamanho da camada
Preço: Livre
8. UberColumns
UberColumns é um plugin útil se você gasta muito tempo editando texto em seus projetos. Permite formatar o texto em colunas - todo o texto permanece em uma única camada e reflui automaticamente para se ajustar ao tamanho da camada se você alterá-lo ou adicionar mais texto. Tudo que você precisa fazer é escolher o número de colunas.
Características principais:
- Funciona em OS X e Windows, requer Photoshop CC ou CC 2014
- Divide o texto em uma camada de texto em um número desejado de colunas
- Ajusta automaticamente o texto se você redimensionar a camada
Preço: Livre
Plug-ins do Photoshop para cores, fontes e efeitos
9. Swatchy
Swatchy é um pequeno plugin que torna possível organizar suas amostras de cores em pastas. Desta forma, você pode salvar e acessar facilmente seus esquemas de cores e visualizar as cores que você costuma usar.
Características principais:
- Gerencia amostras e permite organizá-las em pastas
- Funciona no OS X e Windows
- Requer Photoshop CC e CC 2014
Preço: Livre
10. MagicPicker
MagicPicker é um plug-in de gerenciamento de cores que aprimora as ferramentas de cores existentes no Photoshop, adicionando recursos úteis. Você pode usar opções como Tone Lock para controlar a gama de cores selecionadas e uma ferramenta Color Wheel aprimorada com modos de triângulo, caixa e diamante. Também ajuda a gerar esquemas de cores e oferece um modo compacto para economizar espaço na tela.
Características principais:
- Funciona em OS X e Windows
- Compatível com Photoshop CC2014, CC, CS6, CS5.5, CS5, CS4 e CS3
- Permite gerar esquemas de cores
- Escolha as cores em uma roda de cores aprimorada com 3 modos e bloqueio de tons
- Escolha apenas tons quentes ou frios da paleta
- Copiar códigos de cores HEX com um clique
Preço: $ 19; versão de avaliação gratuita de 15 dias disponível para download
11. FilterForge
FilterForge é um editor incrivelmente poderoso que pode ser usado como um aplicativo independente ou um plugin do Photoshop. Você pode usá-lo para criar seus próprios efeitos fotográficos e filtros, e dá acesso a um enorme repositório online de conteúdo enviado por usuários. Ele oferece suporte a ladrilhos contínuos para texturas e os filtros podem ser renderizados em qualquer resolução. Cada predefinição tem várias variações para escolher, então FilterForge deve satisfazer todas as suas necessidades de efeitos fotográficos.
Características principais:
- Funciona em OS X e Windows
- Permite criar seus próprios filtros, efeitos e texturas
- Escolha a partir de um repositório online de filtros
- Gere mapas e texturas que suportam ladrilhos contínuos
Preço: $ 399, avaliação gratuita de 30 dias disponível
12. Eye Candy 7
Eye Candy 7 da Alienskin é um plugin que permite escolher entre 32 categorias de efeitos e mais de mil predefinições para aplicar aos seus gráficos. Você pode usá-lo para criar seus próprios efeitos e visualizar instantaneamente as alterações aplicadas a qualquer camada. Todos os efeitos são aplicados em uma nova camada, para que sua arte original permaneça intacta até que você decida alterá-la.
Características principais:
- Crie e aplique efeitos realistas
- Escolha predefinições de uma rica coleção
- Suporta edição em uma nova camada para preservar seu design original
- Efeitos de visualização instantânea
- Funciona no OS X OS X 10.7 ou mais recente, Windows 7 e 8
- Requer Photoshop CS5, Elements 10 ou mais recente
Preço: $ 129, teste gratuito disponível
13. Font Hero
Font Hero ajuda a organizar fontes e elimina a necessidade de um aplicativo de gerenciamento de fontes separado. Este plugin carrega todas as fontes instaladas de seu computador em uma interface elegante onde você pode marcá-los, favoritos e agrupá-los. Você pode visualizar fontes instantaneamente e modificar sua aparência. Font Hero permite alterar a fonte de qualquer camada de texto com apenas um clique do mouse. Suporta Google Fonts e Typekit, mas os armazena separadamente para sua conveniência.
Características principais:
- Importe, visualize e organize todas as suas fontes diretamente no Photoshop
- Marque e fontes favoritas para facilitar a pesquisa
- Suporte para fontes da web
- Funciona em OS X e Windows, requer Photoshop CC 2014
Preço: $ 39
Alguns outros plug-ins do Photoshop
14. FlatIcon
FlatIcon é um recurso de estoque popular e este plug-in simples permite que você use seus ícones gratuitos diretamente do Photoshop. Os ícones selecionados são importados como vetores, o que significa que você pode editá-los livremente para se adequar ao seu projeto.
Características principais:
- Dá acesso a milhares de ícones gratuitos
- Todos os ícones estão disponíveis em formato vetorial totalmente editável
- Suporta Photoshop CS5, CS6, CC e CC 2014
Preço: Livre
15. Gerador de código QR
Este plugin faz exatamente o que seu nome diz - ele gera códigos QR como máscaras de vetor que você pode editar e usar em seus projetos. Os códigos QR são gerados com qualidade de impressão com compatibilidade CMYK, então você não precisa se preocupar com isso. O plugin suporta vários tipos de código QR, incluindo URL, SMS, cartão de visita, texto simples e e-mail.
Características principais:
- Gera códigos QR como imagens que você pode modificar
- Suporta vários tipos de código QR
- Os códigos são otimizados para impressão e seguem o padrão de código QR
- O plugin funciona no OS X e Windows
Preço: $ 19
16. TinyPNG
O TinyPNG permite exportar imagens para PNG e compactá-las para reduzir o tamanho do arquivo, mas preservar a transparência. Ele oferece suporte à edição em lote e converte automaticamente as imagens em sRGB, se necessário. E tem um panda fofo como mascote!
Características principais:
- Funciona em OS X e Windows
- Suporta Photoshop CS5, CS6, CC e CC 2014
- Permite que você edite várias imagens de uma vez
- Compacta arquivos PNG enquanto preserva a transparência
Preço: $ 40
17. Descreen
Descreen é um salvador se você costuma usar materiais digitalizados em seus projetos de design. Ele remove os padrões de tela e moiré (interferência) das imagens digitalizadas usando um método preciso de transformação de Fourier. Ao contrário de outras ferramentas que dependem de desfoque, o Descreen pode preservar mais detalhes graças a esta abordagem. A resolução recomendada para digitalizações é entre 600 e 1200 pixels / polegada.
Características principais:
- Suporta Photoshop da versão 7.0 e CS a CS6 e CC
- Remove a tela e os padrões de interferência das imagens digitalizadas
- Funciona em Windows e OS X
Preço: Home Edition € 15, Professional Edition € 75
18. Resize perfeito
O redimensionamento perfeito permite ampliar fotos sem perder qualidade e proporção. Oferece uma ferramenta de recorte com predefinições e outra ferramenta para “endireitar” as fotos. O Resize perfeito pode ampliar fotos tiradas por dispositivos móveis e criar margens estendidas para imprimir fotos na tela. Você pode usá-lo para redimensionar fotos em lote e salvar duas versões diferentes de uma imagem.
Características principais:
- Permite ampliar, cortar e endireitar fotos
- Otimiza fotos para impressão
- Suporta o redimensionamento de muitas fotos de uma vez
- Funciona no Windows 7 e 8 e OS X 10.8 - 10.10
- Requer Photoshop CS6, CC ou CC 2014 (também Elements 11, 12 ou 13)
Preço: $ 79,95, oferece um teste de 30 dias
19. Cover Action Pro
Este plugin é perfeito para designers de capa de livro e qualquer pessoa que precise mostrar seu trabalho de uma forma profissional e visualmente atraente. O Cover Action Pro converte seus designs em fotos de produtos 3D; ou melhor, transfere-os para modelos de produtos. Você pode usar modelos e guias e escolher entre 25 categorias contendo mais de 150 modelos, incluindo livros, fichários, caixas de DVD, cartões comemorativos, cartões de visita, revistas ...
Características principais:
- Permite converter seus projetos em modelos de produto 3D
- Oferece modelos e modelos
- Desenvolvido para Photoshop CS6 e mais recente, mas pode funcionar em CS5, CS4 e CS3
- Atualizações automáticas
Preço: $ 147 ou $ 247 com 60 modelos de designer
20. Avocode
Não, não é uma fruta com erro ortográfico. Avocode é uma ferramenta de colaboração de design e gerenciamento de projeto destinada a reunir designers e desenvolvedores. Ele permite que os designers carreguem seus projetos por meio do plugin do Photoshop, e os desenvolvedores podem inspecionar os elementos de design na interface da web ou em um aplicativo independente. É possível exportar camadas como imagens, converter camadas em CSS, Less, Sass ou Stylus, obter informações sobre formatação de texto e dimensões das camadas. Avocode salva versões de design carregadas anteriormente no servidor, para que você possa usá-lo como um sistema de controle de versão para seu projeto.
Características principais:
- Compartilhe facilmente seus projetos através do plugin do Photoshop
- Inspecione o design na interface da web ou no aplicativo - funciona no OS X, Windows e Linux
- Exporte camadas como imagens, converta para CSS
- Acesse versões anteriores de designs compartilhados
Preço: A partir de US $ 20 por mês, oferece um teste gratuito de 14 dias
VEJA TAMBÉM: 10 ferramentas gratuitas para criar suas próprias fontes
Que Plug-ins do Photoshop você recomendaria aos designers? Existem plug-ins sem os quais você não pode viver? Conte-nos sobre eles nos comentários.