10 pontas do assassino Adobe Photoshop para desenhadores

Acredite ou não, se você está usando o Photoshop para criar um website, você está no caminho certo para se tornar um web designer de sucesso. Isto é simplesmente porque o Photoshop é uma das ferramentas mais avançadas na indústria de design que pode tornar a sua imaginação criativa realidade com sua infinidade de ferramentas profissionais que aumentam sua produtividade ao mesmo tempo..

Mas quão bem você sabe sobre o Photoshop? Às vezes, estamos nos perguntando por que determinado web designer pode criar um layout de site com gráficos extremamente pesados ​​em 5 dias, enquanto precisamos de cerca de 10 dias para concluir esse tipo de design. Provavelmente não é sobre o quão rápido você pode clicar, é sobre o quão bem você sabe sobre o Photoshop, como você vai desbloquear todo o seu potencial para aumentar sua produtividade..

Queremos que você saiba como liberar todo o seu potencial. Sim, é por isso que criamos este post para fornecer 10 dicas extremamente úteis do Photoshop para aumentar a velocidade do design. Pode haver atalho, recurso ou configuração que você não conhece, mas não mais. Com este artigo você vai aprender todos eles, e você vai projetar mais rápido e mais rápido.

Nota: As teclas de atalho mencionadas neste artigo estão no formato Windows Photoshop. Se você estiver usando o Mac, saiba que Ctrl = Cmd (Command) e Alt = Opt (Option).

10. Desfazer, mais desfazer por favor

Eu acredito totalmente que nós designers somos muito viciantes em desfazer alguma coisa, até quando cometemos um erro ao desenhar, nós tendemos a 'desfazer' isso.

Bem, como você deve saber pressionando Ctrl + Z no Photoshop você pode desfazer a ação anterior que você fez, mas quando você pressionar a mesma combinação de teclas novamente, ela irá refazer a ação anterior. Isso é bastante antinatural e problemático, pois você sempre precisa desfazer várias vezes para chegar ao estado que deseja.

Acredite ou não, o Photoshop tem um botão específico para vários desfazer, e é Alt + Ctrl + Z. Sim, usando essa combinação de teclas que você pode desfazer várias vezes, de acordo com o valor dos estados do histórico definidos em Editar> Preferência> atuação.

Se você está acostumado com a combinação de teclas comuns do Desfazer que é Ctrl + Z, você pode simplesmente pressionar Ctrl + Shift + Alt + K para acessar o painel Teclado e alterar a combinação de teclas do Desfazer na seção Editar para Ctrl + Z.

9. Amostragem de cor, em qualquer lugar!

Tropeçou em um site bem projetado e se perguntando quais cores exatas está usando? Isso acontece com muita frequência quando procuro inspiração durante o tempo que estou fazendo o layout do site no Photoshop. Para mim vou lançar um seletor de cores, escolher a cor e obter o seu número hexadecimal, em seguida, clique na paleta de cores no Photoshop, em seguida, insira o número hexadecimal, em seguida, obter a cor, muito chato não é?

Bem, você realmente não precisa sofrer assim, você pode simplesmente clicar na ferramenta Conta-gotas ou pressionar I para ativá-la, clicar na tela de trabalho do Photoshop e arrastar o ícone Conta-gotas para qualquer lugar na tela do monitor para obter a cor quer. Sim, é assim tão fácil.

8. Guia flexível

Dica # 8 é, na verdade, combinação de 2 dicas, espero que você não se importe em obter mais dicas. Como web designer, temos que lidar muito com o guia para posicionar um elemento corretamente, ou seja, pixel perfeito.

Como você cria um guia? Clique em View, New Guide, então, decida qual é o guia horizontal ou vertical, insira sua posição e clique em Enter? Tudo bem, você pode salvar esses trabalhos pressionando Ctrl + R para ativar a ferramenta Régua, clicar na ferramenta e arrastá-la para baixo para criar um guia horizontal ou vice-versa.

Além da criação instantânea de guias, aqui vai outra dica útil para você. Ao arrastar um guia com a ferramenta Mover, que pode ser ativada com a tecla V, mantenha pressionada a tecla Alt para alterar a guia horizontal para a guia vertical ou vice-versa. Agora você provavelmente pode se considerar como profissional em usar o guia.

7. Clonagem de Estilo de Camada Divertida

Estilos de camadas são muito divertidos quando você pode simplesmente aplicá-los para fazer, digamos, um ícone de mídia social parece bastante charmoso e único, mas será muito cansativo se você quiser aplicar os mesmos estilos de camada a todos os ícones de mídia social que normalmente vêm em várias peças.

Você já percebeu que há um fx ícone ao lado de sua camada? Bem, tudo existe por um motivo, se você pressionar Alt e arrastar o fx ícone para outra camada, ele irá copiar os estilos da primeira camada para o que você arrastou para, conveniente não é?

Além disso, se você estiver interessado no uso comum desse fx ícone, ele permite que você mova os estilos de uma camada para outra e tudo que você precisa fazer é simplesmente arrastar o ícone para outra camada sem pressionar a tecla Alt.

6. Centralização de Elementos Facilitada

Para conseguir um design perfeito de pixel, normalmente temos que posicionar o elemento exatamente onde deveria estar. Isso parece fácil, pois você pode apenas criar alguns guias e encaixar o elemento nesses guias, mas será difícil se você quiser centralizar um elemento em uma determinada área, o que requer muitas guias, medidas e foco.

Na verdade, você tem uma maneira de tornar todo esse processo muito mais fácil, clique na camada do elemento que deseja centralizar absoluto e pressione Ctrl + A para selecionar o documento inteiro. Depois disso, dispare a ferramenta Move e você verá alguns ícones ao lado da opção Show Transform Controls. Clique no segundo ícone para centralizar verticalmente o elemento, depois clique no quinto ícone para centralizar horizontalmente o elemento, lá você vai, um elemento centralizado absoluto.

Você pode não apenas centralizar o elemento na área inteira do documento, mas também centrá-lo em determinada área. Digamos que eu queira absoluto centro de um elemento na área de rodapé, eu posso simplesmente selecionar a área de rodapé usando a ferramenta Seleção, que pode ser ativada pressionando a tecla M, então absoluto centro do elemento nessa área específica.

Você pode estudar outras opções de alinhamento ao lado da opção Show Transform Controls, elas são muito úteis para alinhar seus elementos em uma ampla gama de situações.

5. Exibir seleção, um de cada vez

Muitas vezes, ao projetar um layout, você precisa verificar como um elemento parece exatamente por si ou por alguns elementos, por exemplo, no layout do site abaixo. Quero verificar os botões do controle deslizante para confirmar que eles não têm transparência para que pareçam exatamente iguais. ou sem imagem do slider.

No passado eu tenho que desativar a visibilidade da camada da imagem do controle deslizante, da camada de plano de fundo do slider e até mesmo da camada de plano de fundo do conteúdo, mas agora posso simplesmente manter pressionada a tecla Alt e clicar no ícone 'olho' ao lado do grupo de botões para desativar visibilidade de todas as camadas, para que eu só veja esses botões. Depois de verificá-los, posso repetir o truque novamente para trazer de volta a visibilidade de todas as camadas.

Esse truque também é extremamente útil quando se trata de cortar imagens. Você deseja fatiar o botão do controle deslizante sem nenhum outro elemento, como deslizante, para que você possa usar esse truque para desativar a visibilidade de toda a camada, basta repetir o truque para recuperar toda a visibilidade da camada, economizando muito tempo gasto ligar e desligar a visibilidade das camadas.

4. Personalizar o rastreamento de fontes, a qualquer momento

Essa dica específica mostra como aumentar o acompanhamento da fonte em determinada parte do tipo facilmente, de modo que ela só pode ser usada em determinadas situações específicas, como criação de logotipos ou botões, mas é uma dica profissional que pode economizar muito tempo na busca de fontes tipografia adequada para o seu logotipo ou criação de botão.

Tudo bem, digamos que eu queira diminuir o rastreamento do tipo "360", para que o tipo do meu logotipo pareça único e o visitante se lembra mais facilmente. Eu posso selecionar 'POLO360' usando a ferramenta Type que pode ser ativada pressionando a tecla T, então segure o Alt e aperte o botão para começar a diminuir o rastreamento do tipo, o que trará o resultado acima.

Você pode usar esse truque para resolver o problema de rastreamento de algumas fontes artísticas, por isso não há preocupações sobre o rastreamento da próxima vez que você quiser encontrar fontes gráficas para a criação do logotipo.!

3. Seleção Instantânea de Camadas = Win

O design do layout é um trabalho exaustivo, pois temos que lidar com muitos problemas, como tipografia, espaçamento e gráficos, mas será complicado se quisermos encontrar a camada de um elemento específico a partir de centenas de camadas.

Deixe este truque facilitar a vida do seu designer. Ative a ferramenta Move usando a tecla V e mantenha pressionada a tecla Ctrl, depois clique no elemento e você selecionará automaticamente a camada do elemento. É realmente simples assim, mas tenha em mente que se você colocar elementos em um grupo, usando o mesmo truque, você estará selecionando a pasta do grupo que contém o elemento que você clicou, como mostrado acima.

2. Objeto Inteligente Para Smart Designer

Assim como seu nome, o Smart Object torna sua edição mais inteligente realizando duas funções principais: realizar transformações não destrutivas e realizar filtragem. Esse recurso é muito útil, especialmente quando você está produzindo um layout de site com gráficos pesados ​​como fotos, ícones de mídia social e kits de interface do usuário, e tudo que você precisa fazer é clicar com o botão direito em uma camada e clicar em 'Converter em Objeto Inteligente'. aproveite seus benefícios.

A primeira função diz que uma vez que uma camada é convertida em um Objeto Inteligente, você pode transformá-la como quiser, sem perder sua qualidade original. No nosso caso, queremos diminuir o controle deslizante da imagem, então convertemos as camadas do controle deslizante de imagem em Objeto Inteligente e a transformamos em algo menor.

Ai, é muito pequena, então decidi mudar de volta.

Parece que tudo está bem e nada aconteceu certo? Abaixo está o resultado se você aplicou uma transformação para trás sem converter camada em Objeto Inteligente.

Então você provavelmente pode ver a diferença aqui, especialmente parte dos botões do slider. A transformação para trás sem o Objeto Inteligente aplicado nas camadas faz com que os botões do controle deslizante e do controle deslizante percam sua qualidade. Então, ao converter uma camada em Objeto Inteligente, você pode transformá-la em qualquer tamanho menor que desejar, mas, assim que se arrepender da decisão, poderá alterá-la sem perder a qualidade..

Outro benefício ao converter camada em Objeto Inteligente é uma vez que você aplicou o filtro em um Objeto Inteligente, uma camada de filtro aparecerá sob a camada do Objeto Inteligente para que você possa desativar o filtro apenas desligando a visibilidade da camada do filtro, e isso é chamado de filtragem não destrutiva. , grande economia de tempo para o seu projeto.

1. Uma foto do belo passado

Agora você aprendeu a desfazer várias vezes, copiar estilos de camada, seleção de camadas mais rápida e usar o objeto Inteligente com essas ótimas dicas de economia de tempo. Bem, essas são habilidades realmente úteis que aumentam muito sua produtividade, mas que tal depois de 2 horas de trabalho, você se arrependeu de sua edição e decidiu começar do meio? Refazer isso completamente será muito cansativo e chato mesmo você aplicou todas as dicas do killer que você aprendeu antes, então é quando o Snapshot entra em cena.

Instantâneo permite que você crie uma cópia temporária de qualquer estado de sua edição, então quando você tiver problemas para melhorar seu design e decidir voltar, você pode simplesmente clicar em um instantâneo para voltar ao estado desejado. Para tirar uma foto, basta abrir a paleta Histórico e clicar no segundo ícone que você vê na parte inferior da paleta.

Há também alguns recursos úteis para o instantâneo, como você pode tirar vários instantâneos para que você tenha mais opções e você pode nomeá-los para que você possa se lembrar deles mais facilmente. Finalmente, você também pode usar esses instantâneos para comparar diferentes efeitos criados para o seu design.

No entanto, lembre-se de que, depois de fechar o documento, os instantâneos serão excluídos instantaneamente. Se você quiser manter esses estados, clique em cada instantâneo e salve o documento como outro arquivo..

Reflexão

Você chegou ao final do artigo, ótimo trabalho. A essa altura, você deve ter dicas para matar o tempo suficientes para aumentar sua velocidade de projeto, mas lembre-se sempre de que o aprendizado é a melhor maneira de você saber mais sobre o Photoshop, aumentando assim sua produtividade. Então continue aprendendo mais e você se tornará um web designer mais competitivo de todos os tempos.

Bem, nós compartilhamos o nosso melhor, e você? Se você não se importa, por favor, compartilhe suas dicas do Photoshop para nos informar a melhor maneira de usar o Photoshop, obrigado pela sua generosidade.!