O Photoshop é uma ferramenta maravilhosa para editar imagens - e não é segredo que somos grandes fãs disso aqui. Anteriormente abordamos como projetar um logotipo simples Como projetar um logotipo simples no Photoshop Como projetar um logotipo simples no Photoshop O Photoshop pode fazer muito mais do que apenas editar fotos - é mais do que um trabalho de design simples. Aqui nós mostramos como fazer um logotipo geométrico simples. Leia mais e como corrigir fotos superexpostas, para que a automação seja a próxima etapa lógica depois que você dominar o básico.
Você pode ter ouvido falar de ações do Photoshop . Estes fornecem uma maneira simples para você automatizar tarefas. Hoje mostrarei como usar o Photoshop Scripts . Os Scripts do Photoshop são um pouco mais poderosos do que as ações e fornecem a capacidade de alterar o comportamento do script em tempo de execução - algo que ações não podem fazer!
Não se preocupe se isso soa complexo: os scripts são escritos em JavaScript O que é JavaScript e a Internet pode existir sem ela? O que é JavaScript e a Internet pode existir sem ela? JavaScript é uma daquelas coisas que muitos tomam como garantidas. Todo mundo usa isso. Leia mais, uma linguagem simples, mas poderosa.
Se você é um fã do GIMP ou não quer gastar dinheiro com o Photoshop, confira nosso guia para automatizar o GIMP com scripts Poupe tempo e esforço automatizando o GIMP com scripts Poupe tempo e esforço automatizando o GIMP com scripts Automatizar ações com scripts Python no GIMP pode economizar muito tempo. Não é fácil começar, mas uma vez que você sabe o básico, você estará bem no seu caminho! Consulte Mais informação .
Seu primeiro script: redimensionar imagens
Ao escrever scripts, você pode usar o ExtendScript Toolkit. Você não precisa usar isso, você pode usar qualquer editor de texto que goste (eu gosto do Sublime Text), mas há muitos benefícios em usar este kit de ferramentas. A maior vantagem é que você pode definir pontos de interrupção, o que torna muito fácil depurar seu código e identificar quaisquer erros.
O ExtendScript Toolkit está incluído na sua assinatura da Creative Cloud, portanto, vá em frente e instale-o a partir do aplicativo da Creative Cloud ou do site acima.
Abra o kit de ferramentas uma vez instalado. Você será presenteado com essa interface de aparência bastante datada:
Aqui está o código para o seu primeiro script - copie e cole na janela de código principal à esquerda:
current_document = app.activeDocument; new_width = 670; current_document.resizeImage( UnitValue(new_width, 'px'), null, null, ResampleMethod.BICUBIC ); Vamos detalhar o que esse código está fazendo. A variável current_document armazena o objeto do documento ativo do Photoshop. Isso é acessado usando a sintaxe app.activeDocument . Se você não tiver o Photoshop em execução com um documento aberto, esse código lançará uma exceção . Exceções são formas de código interromper a execução - esse script não pode continuar se não houver documento!
A variável new_width armazena a largura que você gostaria que seu novo documento fosse.
Finalmente, o método resizeImage redimensiona a imagem. Isso tem que ser acessado através da variável current_document . Você precisa passar sua nova largura (convertida em pixels pelo método UnitValue ) e o ResampleMethod de BICUBIC .
Existem cinco métodos principais de reamostragem disponíveis para você. Todos estes variam em termos de velocidade e qualidade, por isso brinque com eles (embora Bicubic seja bom para a maioria dos propósitos). Aqui está um resumo rápido das diferenças:
- Vizinho mais próximo: muito rápido, mas básico.
- Bilinear: Melhor que Vizinho Mais Próximo, mas mais lento e não tão bom quanto Bicúbico.
- Bicubic: Resultados muito bons, mas computacionalmente caros.
- Smoother Bicubic: Uma versão melhorada do Bicubic para upscaling (tornando maior).
- Bicubic Sharper: Uma versão aprimorada do Bicubic projetada para reduzir a resolução (menor).
Lembre-se de capitalizar isso quando usá-los em seu código.
Agora que você entende o código, é hora de executá-lo! Certifique-se de ter o Photoshop aberto, junto com um documento.
Na parte superior do ExtendScript Toolkit, altere o menu suspenso de destino (canto superior esquerdo) do ExtendScript Toolkit CC para o Adobe Photoshop CC 2017 (ou qualquer que seja sua versão específica do Photoshop). Se você estiver escrevendo scripts para outros aplicativos da Adobe, poderá alterar isso para eles.
Agora pressione o botão Reproduzir à direita da lista suspensa de destino, no canto superior direito do seu código.
Se tudo correu corretamente, o seu documento está agora redimensionado (não se esqueça de salvá-lo). O Console JavaScript no canto superior direito do seu kit de ferramentas mostrará a saída do seu script. Como não há saída, isso dirá Resultado: Indefinido .
Se houver um problema (como uma exceção lançada), seu código não será executado e você obterá uma barra laranja aproximadamente no local do problema.
Este pode ser um erro de digitação simples, portanto, após parar o script ( Top Right Controls > Botão Stop ), verifique novamente:
- Seu código está correto e não tem erros de digitação.
- O Photoshop está sendo executado.
- Você tem um documento aberto no Photoshop.
Executando Scripts
Agora seu código está sendo executado corretamente, é hora de adicioná-lo ao Photoshop.
Dentro do seu kit de ferramentas, vá para Arquivo > Salvar e salve seu script em um local adequado com um nome adequado. Por padrão, essa será a pasta do Adobe Scripts . Observe como os scripts precisam terminar no formato .jsx .
Dentro do Photoshop, vá para Arquivo > Scripts > Script Events Manager . Marque Ativar Eventos para Executar Scripts / Ações .
Uma vez ativada, essa interface permite que você configure scripts existentes para serem executados quando determinadas ações ocorrerem. Existem várias áreas principais:
- Evento do Photoshop: é quando o script será executado. Você pode escolher entre uma variedade de opções, como imprimir, abrir um novo documento e muito mais.
- Script: este é o script a ser executado. Há alguns básicos, mas você também pode atribuir um dos seus próprios scripts aqui.
- Ação: Se você não estiver usando um script, poderá escolher uma ação básica a ser executada, como salvar em PDF.
Selecione Script e, em seguida, escolha Procurar . Selecione seu script. Vá em frente e escolha um evento que acione seu script.
Uma vez configurado, clique em Adicionar e depois em Concluído . Este menu também é onde você pode editar ou excluir quaisquer scripts previamente configurados.
Se você não quiser vincular seu script a uma ação, é ainda mais fácil configurar. Vá para Arquivo > Scripts > Procurar . Navegue até o seu script e pressione Abrir. Seu script será executado imediatamente.
Se você gostaria de ver o seu script neste menu de script, então você precisa copiá-lo para a pasta apropriada. Isso pode ser encontrado na pasta Presets > Scripts da sua instalação do Photoshop.
Depois de copiado, reinicie o Photoshop. Uma vez reiniciado, seu script ficará visível como um item de menu no menu Arquivo > Scripts .
Redimensionar Imagens: Fazendo Melhor
Agora que você conhece os Scripts do Photoshop, é hora de melhorar o código.
Este código funciona muito bem no redimensionamento de imagens para 670px (ou qualquer tamanho que você mudou para), mas poderia ser melhor. Felizmente, JavaScript é uma linguagem muito flexível!
Vamos modificar o código para que as imagens menores que o novo tamanho não sejam redimensionadas. Aqui está o código:
current_document = app.activeDocument; new_width = 670; if(current_document.width>new_width) { current_document.resizeImage( UnitValue(new_width, 'px'), null, null, ResampleMethod.BICUBIC ); } Há apenas uma mudança aqui. Uma instrução if é envolvida em torno do método de redimensionamento. Se a largura do documento atual (acessada por current_document.width ) for menor que a nova largura, não redimensione.
Isso garante que as imagens pequenas não sejam ampliadas, o que reduziria a qualidade.
Quando você começa a digitar o código no kit de ferramentas, ele fornece sugestões de alterações válidas que você pode fazer, métodos para chamar ou propriedades para acessar. Isso é muito útil, e você deve tirar proveito disso!
Aqui está uma mudança final:
current_document = app.activeDocument; // Get the active document new_width = 670; // new width to ressize to if(current_document.width>new_width) { // if document is larger than new size current_document.resizeImage( UnitValue(new_width, 'px'), null, null, ResampleMethod.BICUBICSHARPER ); } current_document.activeLayer.autoContrast(); // Apply contrast current_doc.activeLayer.applySharpen(); // Apply Sharpen Este código agora contém comentários, algo que todo o código deve ter 10 código limpo parece mais fácil do que realmente é, mas os benefícios valem a pena. Veja como você pode começar a escrever códigos mais limpos hoje. Leia mais e que irá ajudá-lo no futuro.
O método de resample foi alterado para Bicubic Sharper - isso produz resultados um pouco melhores ao reduzir imagens.
Finalmente, o contraste e a nitidez foram aplicados como último passo.
O que você vai codificar?
Até agora você deve saber tudo que você precisa para automatizar qualquer coisa no Photoshop! Se você puder fazer isso no Photoshop, provavelmente poderá automatizá-lo. A API do Photoshop O que são APIs e como as APIs abertas estão mudando a Internet O que são APIs e como as APIs abertas estão mudando a Internet Você já se perguntou como os programas em seu computador e os sites que você visita "conversam" entre si? Leia mais fornece acesso a muitos recursos, e sua documentação descreve quase todos os recursos que você pode acessar.
É claro que os exemplos de hoje eram apenas básicos, mas abrangem os detalhes principais - você pode implementar um script específico para suas necessidades!
Você aprendeu alguma coisa nova hoje? Quais são seus scripts favoritos? Deixe-nos saber nos comentários abaixo!
Crédito de imagem: whiteMocca via Shutterstock.com