36 Plug-ins do Photoshop para designers da Web que você precisa verificar

WordPress não é o único software que oferece extensões úteis para seu produto principal. O Photoshop, uma das ferramentas essenciais para web designers em todo o mundo, também oferece suporte a essa possibilidade. E, como seus equivalentes do WordPress, os plug-ins do Photoshop também podem adicionar todos os tipos de novas funcionalidades.

Como sabemos que muitos de nossos leitores usam o Photoshop regularmente, achamos uma boa ideia oferecer um tipo diferente de lista de plug-ins desta vez. Abaixo você encontrará os melhores plug-ins do Photoshop que encontramos na web.

Eles aprimoram o programa com todos os tipos de melhorias. Desde pequenos scripts e atalhos até módulos inteiros que irão melhorar seu fluxo de trabalho drasticamente e tornar o trabalho com o Photoshop ainda mais fácil.

Preparar? Então vamos começar.

Plug-ins do Photoshop que nenhum Web Designer deve ignorar

Abaixo você encontra uma lista de plug-ins para Photoshop de diferentes categorias que podem aprimorar ainda mais seu software favorito.

Retinizar

• Preço: grátis
• Disponível para: CC 2015

Em primeiro lugar, temos um plugin gratuito para criar rapidamente ativos para telas de retina. Retinizar Adiciona uma nova ação ao Photoshop que permite exportar imagens em suas dimensões originais ou aumentadas para dobrar ou triplicar o tamanho.

Após a instalação, você encontrará a nova opção em Janela> Ações. Basta selecionar uma camada ou grupo de camadas, executar a ação, nomear seus arquivos e receber os ativos fatiados. Ótimo para produzir sites prontos para retina.

Cortar e me fatiar

• Preço: grátis
• Disponível para: CS6

Outro plugin para exportar ativos diretamente de camadas. Cut & Slice me corta automaticamente suas imagens e as exporta como arquivos PNG. Ele pode lidar com fatias sobrepostas, vários estados de botão e várias resoluções. Infelizmente, não está totalmente atualizado, mas ainda funciona com versões anteriores do Photoshop.

CSS3Ps

• Preço: grátis
• Disponível para: CS3 e posterior

Como o nome sugere, este serviço é capaz de converter camadas do Photoshop em CSS3. O que é especial é que é um serviço baseado em nuvem e de uso gratuito.

O plugin suporta múltiplas camadas (incluindo texto), sombras, gradientes, raio de borda e muito mais. Além disso, também pode lidar com SCSS e SASS.

Editor de Canto

• Preço: grátis
• Disponível para: CC 2015

Se você precisar produzir cantos arredondados, este script é para você. Ele aprimora as habilidades do Photoshop para criar cantos arredondados, funciona com qualquer forma poligonal, inclui vários estilos de canto, permite que você edite várias camadas de uma vez e mais.

Bloco HTML

• Preço: grátis
• Disponível para: CC 2015 (apenas Mac OS)

Nosso próximo candidato permite que você coloque HTML e CSS dentro de documentos do Photoshop. Dessa forma, você pode criar ativos da web diretamente no software e usar ativos online em seu arquivo PSD. O último inclui fontes da web, CSS externo e muito mais.

Fonte incrível PS

• Preço: grátis
• Disponível para: CC

Font Awesome é uma fonte de ícone que está ganhando popularidade e uso. Por esse motivo, só faz sentido incluir arquivos do Photoshop. Felizmente, este plugin torna isso fácil como torta. Basta fazer o download e instalar gratuitamente e pronto.

Controle de Layrs 2

• Preço: grátis
• Disponível para: CC, CC 2014

Este plugin é uma coleção de sete scripts que tornam mais fáceis alguns dos aspectos mais irritantes do Photoshop. Inclui um editor de nome de camada, a opção de remover efeitos não utilizados, pode excluir automaticamente camadas vazias, rasterizar objetos inteligentes, localizar arquivos semelhantes e muito mais. Grátis para baixar e usar como quiser.

CSS Hat 2

• Preço: $ 39,99
• Disponível para: CC 2014-2017

CSS Hat traduz automaticamente estilos de camada em CSS3. Dessa forma, você pode simplesmente copiar e colar em vez de descobrir como implementar os gráficos no local.

O plugin pode trabalhar com várias camadas ao mesmo tempo, fontes e estilos de fonte diferentes e é capaz de cuspir LESS, SASS, Stylus e muito mais. Ele também possui muitos recursos que você encontra em editores de código, como destaque de sintaxe. CSS Hat também está disponível para versões mais antigas do Photoshop.

Camadas de página

• Preço: $ 35
• Disponível para: Mac OS X apenas

Muitos plug-ins nesta lista têm o objetivo de tornar mais fácil transformar arquivos do Photoshop em sites. No entanto, o contrário seja tão necessário. É para isso que servem as camadas de página.

O plug-in converte automaticamente sites em arquivos PSD e salva cada elemento da página como uma única camada. Abra qualquer página no navegador embutido e simplesmente salve-a no Photoshop. O plugin não é gratuito, mas parece que vale o preço.

Chapéu PNG

• Preço: $ 27,99
• Disponível para: CS5, CS6, CC, CC 2014.1+, CC 2015

Feito pelas mesmas pessoas que CSS Hat, este plugin aprimora a capacidade do Photoshop de exportar arquivos PNG. Por exemplo, ele vem com melhor compactação e pode exportar regras CSS. O Chapéu PNG também vem com uma política generosa de devolução do dinheiro se você não estiver satisfeito.

Fontself

• Preço: 49 €
• Disponível para: CC 2015, CC 2017

O próximo passo é um plugin que permite que você crie sua própria fonte arrastando e soltando. Em uma época em que a tipografia está se tornando cada vez mais importante na web, é muito bom ouvir isso. Basta transformar imagens e vetores (coloridos) em fontes OpenType. Controle kerning, ligaduras e muito mais. O Fontself também é um plug-in mantido ativamente, então os proprietários obtêm novos recursos gratuitamente.

Plug-in do Photoshop para Getty Images

• Preço: grátis
• Disponível para: CC 2016 e superior

Getty images tem uma enorme coleção de imagens stock e um plugin que permite importá-las direto para o Photoshop. Pesquise e filtre milhares de imagens de alta resolução e sincronize suas compras com uma conta Getty.

Limpador PSD

• Preço: $ 19,99
• Disponível para: CC 2014.1+

Outro plugin da Source que sobrecarrega o painel de camadas do Photoshop. O PSD Cleaner examina automaticamente sua estrutura de camadas e mostra oportunidades de melhoria. Isso o ajudará a encontrar camadas sem nome, excluir as vazias, encontrar camadas que se estendem além da tela e muito mais. Resumindo, ele o manterá organizado.

WebZap

• Preço: $ 19
• Disponível para: CS5 e superior

Pode ser uma surpresa, mas o Photoshop não foi feito para web design. O programa começou como uma ferramenta de edição de fotos e só mais tarde adicionou habilidades para criar layouts.

Para compensar isso, existe o WebZap. O plugin fornece elementos prontos para a criação de maquetes de layout da web em nenhum momento. É baseado na grade 960, pode criar texto Lorem ipsum formatado, navegação, botões e muito mais.

Padrões sutis

• Preço: $ 17,99
• Disponível para: CC e superior

Subtle Patterns é uma biblioteca de padrões de textura tilable gratuitos. O plugin de mesmo nome os traz para o painel do Photoshop. É isso.

ScreenSnap

• Preço: $ 9,99
• Disponível para: CC 2014 ou mais recente

O próximo em nossa lista de plug-ins do Photoshop é o ScreenSnap. O programa permite que você crie capturas de tela a partir de arquivos PSD, seja do documento completo ou da área selecionada. Não há necessidade de cortar ou salvar manualmente, basta selecionar uma pasta, clicar em um botão e pronto. Ótimo para compartilhar seu trabalho com outras pessoas, mesmo em tamanho de retina.

Duplicador

• Preço: grátis
• Disponível para: CC, CC2014

Aqui temos uma extensão para clonar camadas e grupos de camadas rapidamente quando você precisar de vários do mesmo objeto. Basta escolher quantas cópias você precisa e como deseja que elas sejam espaçadas.

Modelos de perspectiva

• Preço: $ 19
• Disponível para: CC 2017

Como você pode ver na imagem, a página inicial do plugin contém muitos palavrões. Além disso, este plugin faz maquetes em perspectiva do seu projeto. Dessa forma, você pode entender melhor como eles se parecem em um telefone ou tablet de fora. O plugin tem muitas predefinições, mas também é totalmente editável.

Marcas de tamanho PS

• Preço: grátis
• Disponível para: CC 2014

As marcas de tamanho permitem adicionar rótulos do tamanho de um objeto ou distância entre objetos com a ferramenta letreiro. Cada etiqueta é salva em uma nova camada e completamente personalizável. Isso é muito útil ao adicionar especificações para a pessoa que transformará o PSD em um site.

Fontea

• Preço: grátis
• Disponível para: CC 2014, CC 2015

Para qualquer pessoa insatisfeita com a oferta de fontes padrão do Photoshop, Fontea inclui todas as fontes da web disponíveis no Google Fonts (atualmente mais de 800). O plugin também se mantém atualizado com o repositório online e permite que você configure coleções de suas fontes favoritas.

Pixabay

• Preço: $ 4,99
• Disponível para: CC 2015 e superior

Este plugin é como o plugin de imagem Getty mencionado anteriormente, no entanto, para a biblioteca de imagens Pixabay. Ele contém centenas de milhares de imagens de estoque gratuitas que agora você pode adicionar com um único clique. O plugin também inclui opções de pesquisa poderosas e todas as imagens são licenciadas por CC0. Além disso, é muito acessível.

Existem mais plug-ins como esse para outras bibliotecas de banco de imagens, como Shutterstock e Pexels.

LayerCraft

• Preço: grátis
• Disponível para: CC, CC 2014

Outro plugin para exportar ativos de IU de camadas do Photoshop. LayerCraft tem a capacidade de dimensionar suas imagens na exportação, pode cortar pixels transparentes e exportar em tamanhos diferentes para exibição de retina.

Lorem Ipsum Generator

• Preço: grátis
• Disponível para: CS 5/6, CC

Como o nome sugere, este é um plugin para criar o texto do espaço reservado Lorem ipsum. Dessa forma, você não precisa mais copiá-lo de fontes externas. O gerador oferece saída personalizável, a capacidade de copiar para sua área de transferência com um clique e é mantido ativamente.

LoremPicsum

• Preço: grátis
• Disponível para: CS, CC

Este é semelhante à versão Lorem ipsum, no entanto, cria imagens aleatórias em vez de texto. Selecione uma área, escolha um desenho animado e você terá uma imagem de espaço reservado. Golpe divertido: as imagens vêm de programas de TV e filmes populares como Futurama, Os Simpsons, Procurando Nemo e Acima.

Social Kit Pro

• Preço: $ 9,99
• Disponível para: CC 2015+

E outro plugin de código-fonte. Este visa melhorar tudo nas redes sociais. Ele contém modelos para a criação de anúncios no celular e desktop, fotos de capa e imagens de perfil. Você pode até visualizar os resultados ao vivo dentro do Photoshop.

Guias de camada

• Preço: grátis
• Disponível para: Desconhecido

Os guias são uma ferramenta importante no Photoshop para manter tudo estruturado. No entanto, eles podem ser irritantes de manusear.

Este plugin espera aliviar isso. Ele adiciona novos botões para adicionar guias nas laterais das camadas, bem como através de seu centro horizontal e vertical. Não precisa mais arrastar, é só clicar e pronto.

Long Shadow Generator

• Preço: grátis
• Disponível para: CS6, CC

O nome do plugin basicamente diz tudo. O Long Shadow Generator ajuda a criar sombras longas no Photoshop. Você pode controlar o comprimento e a opacidade da sombra, a cor, o gradiente e os ângulos. Em seguida, basta adicioná-los com um clique.

TinyPNG

• Preço: $ 50
• Disponível para: CS5, CS6, CC e superior

TinyPNG é um serviço online que eu recomendo frequentemente para otimizar imagens antes de enviá-las para o WordPress. Ele compacta arquivos JPG e PNG para torná-los o menor possível.

O site também oferece um plugin do Photoshop para fazer o mesmo dentro do software de edição de imagens. Ele permite que você visualize e salve diretamente, dimensione, use a seleção parcial e muito mais. Se o site for qualquer indicação, o plug-in vale bem o dinheiro.

Glifo

• Preço: $ 19
• Disponível para: CS5, CC

O Glifo adiciona a opção de exportar ícones vetoriais do Photoshop como fontes de ícones da web. Parece um ótimo complemento para o plugin Font Awesome.

specKing

• Preço: $ 19
• Disponível para: CS5, CS6, CC 2014 e superior

Outro plugin para adicionar medidas e especificações de design aos arquivos do Photoshop, porém, desta vez como uma versão premium. Meça tamanhos, margens e fontes e crie automaticamente especificações em sobreposições editáveis. Parece super simples e confortável de usar.

Kit de Exportação

• Preço: $ 19,33 / mês
• Disponível para: CS6 e superior

Este plugin do Photoshop permite converter arquivos PSD para HTML, CSS, WordPress, iOS, Android e muito mais. Ele também contém recursos de colaboração. Parece muito poderoso, porém, vem com uma licença mensal e não é totalmente barato.

Plug-in de compartilhamento social do Photoshop

• Preço: grátis
• Disponível para: Desconhecido (apenas Mac OS)

O próximo item em nossa lista adiciona uma funcionalidade de compartilhamento importante ao Photoshop. Ele permite que você compartilhe e publique arquivos diretamente de dentro do programa por e-mail, redes sociais e outras plataformas. Basta escolher um formato e pronto.

Transforme cada um

• Preço: grátis
• Disponível para: CS5, CS6, CC

Transform Each é um script que permite a você transformar vários objetos de uma vez, sem alterar sua posição. O que isso significa é melhor exemplificado pelo GIF abaixo. Escolha seus pontos de ancoragem, a transformação que deseja alcançar e você chegará lá com um clique.

ToonIt!

• Preço: $ 129
• Disponível para: Photoshop CS e posterior

Um divertido no final. Caso você pense em criar uma história em quadrinhos online, este serviço será de grande ajuda. Ele transforma fotos normais em desenhos animados, tem muitas predefinições e tecnologia madura. Um pouco cara embora.

Plug-ins do Photoshop em poucas palavras ...

Photoshop é uma ferramenta maravilhosa para web designers. É poderoso, repleto de recursos e constantemente atualizado.

No entanto, às vezes desejamos que ele tivesse alguns recursos adicionais ou maneiras mais fáceis de realizar as tarefas. É aí que entram os plug-ins do Photoshop.

Como você viu na lista acima, os plug-ins podem adicionar muitas funcionalidades diferentes. De atalhos a funções totalmente novas.

E esses são apenas os que são úteis para web design. Existem muitos mais por aí, especialmente para retoque de imagens. Você tem alguma coisa pra acrescentar?

Você conhece plug-ins adicionais do Photoshop de que gosta e recomenda? Por favor, compartilhe na seção de comentários abaixo!

Imagem em miniatura do artigo por VectorsMarket / shutterstock.com