Provavelmente todo web designer tem seu próprio conjunto deTruques Os favoritos do Photoshop na manga. Por uma boa razão. A poderosa ferramenta de edição de imagem da Adobe é um elemento básico do mundo do web design. Muito poucos programas podem competir com este excelente software e sua ampla gama de recursos.
No entanto, embora a maioria dos web designers já saiba muito sobre o PhotoShop, sempre há mais que você pode aprender. Afinal, o programa não é apenas poderoso, mas também complexo. Além disso, novas coisas são adicionadas regularmente por meio de atualizações.
Por esse motivo, é uma boa ideia continuar explorando sua ferramenta favorita. Para ajudá-lo a fazer isso, neste tutorial, veremos alguns dos melhores truques do Photoshop. Do Truques que podem melhorar seu fluxo de trabalho, facilitar o trabalho e a vida, economizar tempo e ajudá-lo a projetar os melhores sites possíveis.
Você está pronto para aprender mais sobre o Photoshop? É isso que veremos a seguir.
1 - Otimize seu espaço de trabalho
Vamos começar com o básico. A primeira coisa a fazer para melhorar seu fluxo de trabalho é configurar o Photoshop de uma forma compatível com a forma como você o usa. Afinal, o trabalho fica mais fácil com uma ferramenta mais limpa.
Por isso, nossa primeira parada é “Janela > Área de trabalho > Gráfico e Web > Essencial”. Escolher esta opção irá alterar a ferramentas disponível para o que você provavelmente usará para web design.
Em seguida, vá para "Editar> Preferências". Aqui, uma das paradas mais importantes são as unidades e as regras. Qualquer que seja a medida que você escolher aqui (provavelmente pixels), esse será o padrão para todos os documentos futuros.
(Dica rápida: para alterar as regras para documentos únicos, basta clicar com o botão direito sobre ele e escolher a unidade de medida desejada.)
Em seguida, vá para "Preferências> Desempenho> Histórico e cache" e clique em "Web / UI Design".
Isso alterará as configurações de cache para favorecer arquivos menores com várias camadas, nas quais você trabalhará com mais frequência.
No mesmo local, você também pode escolher o número de estados históricos. Esta é a quantidade de etapas às quais você pode voltar se quiser desfazer algo.
2 - Aprenda os atalhos do teclado
Para qualquer programa que você usa regularmente, aprender atalhos de teclado geralmente é uma boa coisa a fazer.
Por exemplo, eu uso Ctrl + Alt + 2/3 para criar os cabeçalhos h2 e h3 ao escrever este post. É muito mais rápido do que usar a barra de ferramentasferramentas do editor porque não preciso sair do teclado.
O mesmo vale para o Photoshop. Saber como executar uma ação com teclas únicas é infinitamente mais rápido do que clicar nos menus.
Mencionaremos vários atalhos de teclado ao longo deste artigo. No entanto, também recomendo esta folha de dicas para aprender os atalhos para as operações mais comuns do Photoshop. Além disso, também é uma boa ideia adquirir o hábito de olhar atalhos de teclado para coisas que você faz repetidamente.
3 - Camadas do grupo e nomeá-las
Ao trabalhar com o Photoshop, você trabalhará com camadas. Não apenas possui a maioria dos elementos em camadas separadas, mas alterações como brilho / contraste também são adicionadas como uma camada.
Por isso tudo se confunde muito rapidamente. Felizmente, existem muitas opções para fazer menos, duas das quais são a capacidade de agrupar e nomear camadas.
Em primeiro lugar, clicando duas vezes em qualquer camada, você pode alterar seu nome para o que quiser.
Dessa forma, você compreenderá facilmente se uma camada contém a imagem de fundo, o menu ou a barra lateral.
Como alternativa, você também pode escolher várias camadas de uma vez, mantendo pressionada a tecla Ctrl para selecionar camadas individuais ou Shift para marcar um intervalo de camadas vizinhas. Ctrl + G os transforma em um grupo.
4 - Fazendo pesquisas de camada
Nomear e agrupar camadas é um bom começo. No entanto, ao trabalhar com dezenas ou mesmo centenas deles, você ainda pode se perder facilmente.
Para esses casos, você também tem a opção de filtrar suas camadas. Para fazer isso, basta usar o menu na parte superior do menu Camadas para filtrar por tipo, nome, efeito, cor e muito mais.
Caso contrário, clique com o botão direito nas camadas e escolha a opção de grupo a partir daí. De qualquer forma, suas camadas são muito mais organizadas. Além disso, você também pode nomear os grupos de camadas.
Caso contrário, selecione diretamente uma camada usando a ferramenta Mover, segurando "Ctrl" e clicando em uma camada ou objeto.
5 - Crie uma grade
A grade é um dos princípios mais importantes em web design. Traz a ordem para projetar e ajuda a posicionar seus objetos. Por esse motivo, faz muito sentido criar uma grade no Photoshop.
Para fazer isso, use "Exibir> Novo marcador". Como alternativa, crie guias horizontais e verticais segurando um clique em uma régua e arrastando para o documento. Use Ctrl para mover as linhas existentes.
6 - Importar amostras de cores
Você pode carregar amostras de cores diretamente no Photoshop a partir de arquivos HTML, CSS ou SVG. Dessa forma, você tem um excelente ponto de partida para seu esquema de cores ao usar arquivos existentes, como um logotipo.
Para aproveitar essa dica do Photoshop, abra o painel Amostras, clique no menu suspenso no canto superior direito e escolha " Amostras de carga ". Agora navegue até o arquivo e abra-o para importar suas novas amostras de cores.
7 - Salvar formas personalizadas
Em particular, ao criar várias páginas para o mesmo site ou sites com design semelhante, você acabará usando os mesmos objetos e formas várias vezes. Por esse motivo, faz sentido salvá-los em um formulário personalizado para reutilização rápida.
Para fazer isso, clique com o botão direito na forma em questão com a ferramenta de seleção de caminho (a seta preta). Então escolha Definir a forma personalizada " Depois de fazer isso, você pode acessar essa forma por meio das opções na barra superior da ferramenta Forma Personalizada. Basta clicar no menu suspenso onde diz " Forma E escolha seu formulário salvo.
8 - Alternar entre as cores de fundo e de primeiro plano
Para alternar a cor de fundo e a cor de primeiro plano sem clicar no ícone, basta pressionar "X" no teclado. Além disso, se quiser que as cores voltem ao preto e branco simples, você pode fazer isso pressionando "D".
9 - Altere a opacidade através do teclado
Outro atalho de teclado: para qualquer ferramenta que pode alterar a opacidade, basta fazê-lo através do teclado. Os números de 1 a 0 definirão a opacidade em tudo entre 10% e 100%. O mesmo também funciona com a opacidade das camadas.
10 - Desenhe linhas retas
Para desenhar uma linha reta com qualquer ferramenta, basta manter pressionada a tecla Shift. Então você pode desenhar uma linha (horizontal e vertical), que será automaticamente vinculado como uma unha. Caso contrário, clique em dois pontos diferentes para criar uma linha reta entre eles.
Isso é tudo para essas dicas do Photoshop, espero que ajude a melhorar o design no photoshop.
