20 ações gratuitas do Photoshop que todos os designers devem ter

Os scripts automatizados economizam tempo e melhoram o fluxo de trabalho em todos os campos do criativo. Produtos Adobe como o Photoshop oferecem scripts chamados ações que automatizam um processo várias vezes ao clique de um botão. Existem sites de ação exclusivos do Photoshop, mas muitos deles atendem a fotógrafos.

Eu colecionei um punhado de ações voltadas diretamente para Designers de interface do usuário, designers de ícones e designers de produtos construindo interfaces para web e mobile. Todas essas ações são totalmente gratuitas para download para vários usos. Certifique-se de verificar os detalhes antes de fazer o download para garantir que tudo corra na sua versão do Photoshop.

iOS 7 Blur

A partir do iOS 7, a equipe de design da Apple introduziu um efeito de borrão de vidro leitoso. Isso pode ser replicado no Photoshop, mas requer um pouco de manipulação de camadas.

O designer Matt Smith criou ações de desfoque do iOS 7 para replicar o efeito em qualquer camada superior. Se você tiver problemas para executar as ações, poderá baixar um arquivo PSD acompanhado com a camada de vidro fosco já aplicada.

Ações Bjango

Bjango é um estúdio criativo que cria aplicativos e projetos de código aberto para designers. O site publica artigos úteis para usuários de PS e oferece um repositório completo de ações do GitHub que você pode baixar gratuitamente. Essas ações incluem várias nuances para projetos de construção no Photoshop.

A lista inclui uma alternância para o encaixe de pixels, a duplicação automática de uma tela inteira, a centralização em uma seleção e a criação de uma foto do tamanho de uma dribble de um documento. A coleção Ações do Bjango está atualmente na v4 com dezenas de ações, scripts e fluxos de trabalho do OS X.

Sem mais bandas

Jeff Broderick construiu uma ação simples chamada Sem mais bandas que é um download gratuito e é incrivelmente valioso para o trabalho de design digital.

Os gradientes no Photoshop podem ter faixas de cores nas quais os interruptores de cores graduais são obviamente óbvios. Esta ação irá limpar efeitos de bandas, com uma captura: também aumenta drasticamente o tamanho do arquivo de um documento. Então, pode não ser útil em todos os projetos, mas certamente vale a pena ter isso em mente.

ScreenShot Photoshop

Aqui está um efeito muito legal criado pelo designer albanês Vasjen Katro. Com sua ação intitulada ScreenShot Photoshop você pode pegue uma maquete plana e automatizar uma inclinação com iluminação implícita. Isso cria o efeito de uma tela inclinada para o lado e se parece com uma fotografia de um monitor.

Isso é perfeito para fotos em perspectiva distorcidas para exibir interfaces de uma maneira única. Embora isso não possa ajudá-lo a projetar melhor, ele pode melhorar sua apresentação.

PSD para PNG Automator

Exportar um design requer tempo, mas pode ser simplificado com o de Luis da Silva PSD para exportação de PNG. este converte um arquivo PSD completo em um PNG do painel de ação do Photoshop. Pelo que eu sei, isso funciona para todas as versões do Photoshop do CS para o CC.

IU do navegador

Sempre quis veja como sua maquete aparece em uma janela do navegador? Graças à ação da UI do navegador, agora é apenas um clique de um botão.

Essa ação em particular tem uma opção premium, mas a versão gratuita inclui recursos mais que suficientes. Cada janela do navegador é exibida no estilo do OS X, mas as janelas podem esticar para caber qualquer tela que você precisa.

Retinalize-o

Retinize É uma ação gratuita do Photoshop para criar cópias de retina de ícones e elementos de interface. Você apenas seleciona uma camada (ou grupo de camadas) e executa a ação. Gráficos podem ser nomeados e exportados com @ 2x e @ 3x requisitos de tamanho.

Observe que isso não funciona muito bem em gráficos raster. Tente usar formas e elementos vetoriais, ou objetos inteligentes importados, para manter a qualidade consistente ao dimensionar.

Exportar para SVG

A exportação de camadas é outra tarefa manual que ninguém quer realmente fazer. Esta ação de exportação PSD para SVG tira a mundanidade de exportar vetores e gráficos para a web.

Observe que esta ação foi criada para o Photoshop e o Illustrator, mas suporta apenas versões do CS5 ou superior.

UI de navegador plano

Aqui está outra ferramenta de modelagem de navegador, mas com uma interface de usuário simples. Se você não quiser usar os navegadores de estilo Mac, tente essa ação do navegador PS.

Elementos de documentos rasterizados funcionam melhor, embora seja tão fácil achatar todo o conteúdo em uma nova camada e usar isso.

Display estéreo

Qualquer um que precise de um display estéreo vai se divertir com essa ação. Esta ação de exibição estéreo gratuita cria um efeito 3D com sombras e bordas inclinadas, tudo a partir da entrada de elementos planos da interface do usuário.

Ação de ampliação

Esta é uma das minhas ações favoritas, porque é muito prática para apresentações gráficas e apresentações. Designers de interface do usuário vão aproveitar este ação de lupa criado por Mario Semeš para ampliação de interface.

isto planta uma lupa na parte superior de um documento do Photoshop com um efeito de borrão aplicado em outro lugar. Essa é uma ótima maneira de se concentrar em um elemento ou efeito específico e pode ser útil para projetos de equipe ou tutoriais on-line..

iPhone 6/6 + Ações

O designer digital Geof Crowl construiu uma coleção personalizada de ações do iPhone 6 para organizar gráficos de um PSD em dimensões de retina. Os designers de aplicativos para dispositivos móveis normalmente trabalham com camadas de forma para que isso se encaixe em qualquer fluxo de trabalho de design típico.

Salvar para o iOS

Veja um conceito exclusivo criado pela agência de criação ENVOY. Desde o Photoshop tem um ótimo “salvar para web” opção, a equipe ENVOY construiu essa ação especificamente para exportação para iOS. Existem scripts semelhantes como este, mas vale a pena adicionar outro no mix.

Artista

Artista é uma ação do Photoshop para manipulando fotos e desenhos digitais. Ações personalizadas podem ser aplicadas a camadas ou a todo o documento como um todo. Esse conjunto de ações em particular permite que os designers criem estilos de mídia interessantes, como linhas energéticas e filtros com estilo de tela de pintura. Confira as amostras de amostra para ver o que é possível.

Caixa de Ferramentas de Automação GUI

Embora o GitHub seja normalmente associado a projetos de desenvolvimento, é possível encontrar grandes recursos de design como este Caixa de Ferramentas de Automação GUI. Na caixa de ferramentas, você encontrará scripts para o Photoshop e o Illustrator. Isso pode ajudar na exportação de gráficos e na reconstrução de grupos de camadas.

Pixel2Vector

Esta pode ser uma ação experimental do Photoshop, mas pode ser incrivelmente poderosa. Pixel2Vector de Michael Tzscheppan é um pacote de ação gratuito que converte camadas de pixels em formas vetoriais. A ação suporta o Photoshop CS3 + e pode funcionar como um plugin para o CS5 +. Eu amo esse conceito porque pode ajudar designers rapidamente transformar formas raster em elementos editáveis.

Sombra Longa

Designer de Moscou Aram Mirzoyants lançou seu ações de sombra longa gratuitamente no Dribbble. Você pode baixar e usar essas ações para qualquer camada, desde formas vetoriais até texto e ícones. Isso gerará automaticamente um efeito de sombra 3D com a opção de inclinar sombras em várias direções em diferentes comprimentos.

Ações isométricas em 3D

A ação de conversão isométrica Mapita é uma maneira de criar artefatos com aparência 3D no Photoshop. Não funciona muito bem em todos os designs, mas Gráficos planos podem ser trazidos à vida com esta ação PS gratuita (incluindo um arquivo PSD de amostra).

LoremPicsum

Todo mundo sabe sobre Lorem Ipsum para texto de preenchimento. Mas e o LoremPicsum para fotos de preenchimento? Este site pode operar com URLs diretos, mas também vem com uma ação do Photoshop. Duas versões separadas estão disponíveis para usuários de CS e usuários de CC mais recentes.

Fabricante de papel de parede

Aqui está um script de geração de papel de parede personalizado para usuários do Photoshop. Pode exportar em vários tamanhos para diferentes dimensões de tela, mantendo a qualidade intacta. Papéis de parede não são especificamente relevantes para o design da interface do usuário, mas esse script é legal demais para deixar de fora da lista.

Estou confiante de que essas ações oferecem recursos suficientes para melhorar pelo menos parte do seu fluxo de trabalho de design diário. Mas se eu perdi alguma ação de qualidade no Photoshop, por favor sinta-se à vontade para adicioná-las na área de comentários..