Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Trabalhando com Pranchetas, Unidades, Réguas, Guias e Grades no Photoshop | Dominando o Gerenciamento de Projetos e Exportação no Photoshop
Domínio do Adobe Photoshop

bookTrabalhando com Pranchetas, Unidades, Réguas, Guias e Grades no Photoshop

1. Pranchetas

  • Ao criar um novo arquivo, é possível selecionar a caixa de seleção "Prancheta" para habilitar as pranchetas;
  • Pranchetas são ideais para trabalhar com várias versões de design em um único documento, ajudando a manter o trabalho organizado. Especialmente útil ao projetar aplicativos móveis, sites, etc.;
  • A área ao redor da prancheta é infinita, permitindo dar zoom para fora e utilizar o espaço ao redor da prancheta;
  • Pranchetas não possuem uma camada de fundo tradicional. A primeira camada é sempre transparente;
  • Imagens inseridas em uma prancheta são recortadas aos seus limites. Mover uma imagem para fora da prancheta a remove do grupo da prancheta;
  • Pranchetas possuem seus próprios grupos no painel de Camadas. É possível bloquear imagens para que permaneçam dentro da prancheta, evitando que saiam dela;
  • Também é possível renomear pranchetas para melhor organização e utilizar ferramentas de alinhamento para organizar elementos dentro da prancheta;
  • Com a Ferramenta Prancheta, é possível redimensionar pranchetas, alterar sua orientação (retrato ou paisagem) e adicionar novas pranchetas clicando no ícone de mais ou clicando e arrastando para criar uma prancheta de tamanho personalizado;
  • Duplique pranchetas selecionando uma e pressionando Ctrl/Cmd + J ou segurando Alt/Option enquanto clica no ícone de mais;
  • É possível isolar uma prancheta para focar em seu conteúdo selecionando "Prancheta" no menu suspenso do painel de Camadas que diz "Tipo" ou clicando com o botão direito e escolhendo isolar camadas.

2. Unidades

No Photoshop, as unidades são utilizadas para medir dimensões, como o tamanho de imagens, tela ou elementos dentro de um design. Compreender essas unidades é essencial para criar trabalhos precisos e de alta qualidade, especialmente ao preparar projetos para diferentes mídias, como impressão ou telas digitais. Veja um resumo das unidades mais comuns no Photoshop:

  • Pixels (px): pixels são a unidade padrão para trabalhos digitais, como design para web, gráficos para tela e qualquer projeto destinado a monitores, celulares ou outros dispositivos digitais;
  • Polegadas (in): polegadas são uma unidade física de medida, comumente usada nos Estados Unidos para mídia impressa. Polegadas são normalmente utilizadas em projetos para impressão, como folhetos, cartazes ou qualquer material impresso onde seja necessário especificar as dimensões físicas. Um documento padrão tamanho carta nos EUA é 8.5x11 polegadas;
  • Centímetros (cm): centímetros são outra unidade física de medida, parte do sistema métrico. Centímetros são frequentemente usados em projetos de impressão fora dos Estados Unidos, ou em casos onde o sistema métrico é preferido. Um tamanho comum de papel A4 é 21x29.7 centímetros;
  • Milímetros (mm): milímetros são uma unidade métrica menor, frequentemente utilizada para precisão em impressão. Milímetros são usados para trabalhos impressos menores e detalhados, como cartões de visita ou elementos de design detalhados;
  • Pontos (pt): pontos são uma unidade de medida usada em tipografia, onde 1 ponto equivale a 1/72 de polegada. Pontos são usados principalmente para definir tamanhos de fonte ou espaçamento em textos impressos. Um tamanho típico de texto em um documento impresso pode ser 12 pontos;
  • Picas: picas são outra unidade de medida em tipografia, onde 1 pica equivale a 12 pontos ou 1/6 de polegada. Picas são frequentemente usadas em design de layout, como jornais ou revistas, para medir a largura de colunas ou o layout geral. Uma coluna padrão de jornal pode ter 15 picas de largura;
  • Porcentagem (%): porcentagem é uma unidade relativa usada para dimensionar objetos com base em seu tamanho original. Porcentagens são úteis quando se deseja redimensionar elementos proporcionalmente sem se preocupar com dimensões específicas.

Para alterar as unidades, acesse Editar > Preferências > Unidades e Réguas (Windows) ou Photoshop > Preferências > Unidades e Réguas (Mac) para modificar as unidades padrão de réguas, texto e outras medições.

3. Guias, Réguas e Grades

  • Utilize Ctrl/Cmd + R ou vá em Exibir > Réguas para ativar ou desativar as réguas;
  • Arraste das réguas horizontais ou verticais para criar guias na tela;
  • Clique com o botão direito em um guia para editar sua cor, posição ou orientação (horizontal/vertical). Também é possível bloquear, limpar ou remover todos os guias da tela;
  • Segure Alt/Option enquanto arrasta um guia para alternar sua orientação entre horizontal e vertical;
  • Clique com o botão direito na régua para alterar as unidades (por exemplo, pixels, polegadas, centímetros);
  • Para criar um layout de guia personalizado, vá em Exibir > Guias > Novo Layout de Guia para configurar vários guias de uma vez. É possível personalizar o número de colunas, linhas e margens;
  • Escolha predefinições ou crie layouts personalizados ajustando o número de guias e seu espaçamento. Também é possível alterar a cor dos guias para melhor visualização;
  • Na caixa de diálogo Novo Layout de Guia, é possível limpar todos os guias existentes ou adicionar novos sobre a configuração atual;
  • Para exibir grades, vá em Exibir > Mostrar > Grade para ativar ou desativar a grade;
  • Personalize a aparência da grade acessando Editar > Preferências > Guias, Grades e Fatias. É possível alterar a cor da grade, espaçamento das linhas e número de subdivisões;
  • Grades podem ser definidas em várias unidades como pixels, polegadas, centímetros, milímetros, etc., conforme a necessidade do projeto;
  • Guias e grades se encaixam entre si para alinhamento preciso, facilitando a manutenção de espaçamento e layout consistentes.

Guias e grades são ferramentas importantes para manter medições e layouts precisos em seus projetos no Photoshop, ajudando a manter a organização e garantindo que os elementos do design estejam devidamente alinhados.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 6. Capítulo 2

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

Can you explain how to use artboards for different device mockups?

How do I lock or unlock guides and artboards?

What are some best practices for setting up guides and grids for web or print projects?

Awesome!

Completion rate improved to 3.57

bookTrabalhando com Pranchetas, Unidades, Réguas, Guias e Grades no Photoshop

Deslize para mostrar o menu

1. Pranchetas

  • Ao criar um novo arquivo, é possível selecionar a caixa de seleção "Prancheta" para habilitar as pranchetas;
  • Pranchetas são ideais para trabalhar com várias versões de design em um único documento, ajudando a manter o trabalho organizado. Especialmente útil ao projetar aplicativos móveis, sites, etc.;
  • A área ao redor da prancheta é infinita, permitindo dar zoom para fora e utilizar o espaço ao redor da prancheta;
  • Pranchetas não possuem uma camada de fundo tradicional. A primeira camada é sempre transparente;
  • Imagens inseridas em uma prancheta são recortadas aos seus limites. Mover uma imagem para fora da prancheta a remove do grupo da prancheta;
  • Pranchetas possuem seus próprios grupos no painel de Camadas. É possível bloquear imagens para que permaneçam dentro da prancheta, evitando que saiam dela;
  • Também é possível renomear pranchetas para melhor organização e utilizar ferramentas de alinhamento para organizar elementos dentro da prancheta;
  • Com a Ferramenta Prancheta, é possível redimensionar pranchetas, alterar sua orientação (retrato ou paisagem) e adicionar novas pranchetas clicando no ícone de mais ou clicando e arrastando para criar uma prancheta de tamanho personalizado;
  • Duplique pranchetas selecionando uma e pressionando Ctrl/Cmd + J ou segurando Alt/Option enquanto clica no ícone de mais;
  • É possível isolar uma prancheta para focar em seu conteúdo selecionando "Prancheta" no menu suspenso do painel de Camadas que diz "Tipo" ou clicando com o botão direito e escolhendo isolar camadas.

2. Unidades

No Photoshop, as unidades são utilizadas para medir dimensões, como o tamanho de imagens, tela ou elementos dentro de um design. Compreender essas unidades é essencial para criar trabalhos precisos e de alta qualidade, especialmente ao preparar projetos para diferentes mídias, como impressão ou telas digitais. Veja um resumo das unidades mais comuns no Photoshop:

  • Pixels (px): pixels são a unidade padrão para trabalhos digitais, como design para web, gráficos para tela e qualquer projeto destinado a monitores, celulares ou outros dispositivos digitais;
  • Polegadas (in): polegadas são uma unidade física de medida, comumente usada nos Estados Unidos para mídia impressa. Polegadas são normalmente utilizadas em projetos para impressão, como folhetos, cartazes ou qualquer material impresso onde seja necessário especificar as dimensões físicas. Um documento padrão tamanho carta nos EUA é 8.5x11 polegadas;
  • Centímetros (cm): centímetros são outra unidade física de medida, parte do sistema métrico. Centímetros são frequentemente usados em projetos de impressão fora dos Estados Unidos, ou em casos onde o sistema métrico é preferido. Um tamanho comum de papel A4 é 21x29.7 centímetros;
  • Milímetros (mm): milímetros são uma unidade métrica menor, frequentemente utilizada para precisão em impressão. Milímetros são usados para trabalhos impressos menores e detalhados, como cartões de visita ou elementos de design detalhados;
  • Pontos (pt): pontos são uma unidade de medida usada em tipografia, onde 1 ponto equivale a 1/72 de polegada. Pontos são usados principalmente para definir tamanhos de fonte ou espaçamento em textos impressos. Um tamanho típico de texto em um documento impresso pode ser 12 pontos;
  • Picas: picas são outra unidade de medida em tipografia, onde 1 pica equivale a 12 pontos ou 1/6 de polegada. Picas são frequentemente usadas em design de layout, como jornais ou revistas, para medir a largura de colunas ou o layout geral. Uma coluna padrão de jornal pode ter 15 picas de largura;
  • Porcentagem (%): porcentagem é uma unidade relativa usada para dimensionar objetos com base em seu tamanho original. Porcentagens são úteis quando se deseja redimensionar elementos proporcionalmente sem se preocupar com dimensões específicas.

Para alterar as unidades, acesse Editar > Preferências > Unidades e Réguas (Windows) ou Photoshop > Preferências > Unidades e Réguas (Mac) para modificar as unidades padrão de réguas, texto e outras medições.

3. Guias, Réguas e Grades

  • Utilize Ctrl/Cmd + R ou vá em Exibir > Réguas para ativar ou desativar as réguas;
  • Arraste das réguas horizontais ou verticais para criar guias na tela;
  • Clique com o botão direito em um guia para editar sua cor, posição ou orientação (horizontal/vertical). Também é possível bloquear, limpar ou remover todos os guias da tela;
  • Segure Alt/Option enquanto arrasta um guia para alternar sua orientação entre horizontal e vertical;
  • Clique com o botão direito na régua para alterar as unidades (por exemplo, pixels, polegadas, centímetros);
  • Para criar um layout de guia personalizado, vá em Exibir > Guias > Novo Layout de Guia para configurar vários guias de uma vez. É possível personalizar o número de colunas, linhas e margens;
  • Escolha predefinições ou crie layouts personalizados ajustando o número de guias e seu espaçamento. Também é possível alterar a cor dos guias para melhor visualização;
  • Na caixa de diálogo Novo Layout de Guia, é possível limpar todos os guias existentes ou adicionar novos sobre a configuração atual;
  • Para exibir grades, vá em Exibir > Mostrar > Grade para ativar ou desativar a grade;
  • Personalize a aparência da grade acessando Editar > Preferências > Guias, Grades e Fatias. É possível alterar a cor da grade, espaçamento das linhas e número de subdivisões;
  • Grades podem ser definidas em várias unidades como pixels, polegadas, centímetros, milímetros, etc., conforme a necessidade do projeto;
  • Guias e grades se encaixam entre si para alinhamento preciso, facilitando a manutenção de espaçamento e layout consistentes.

Guias e grades são ferramentas importantes para manter medições e layouts precisos em seus projetos no Photoshop, ajudando a manter a organização e garantindo que os elementos do design estejam devidamente alinhados.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 6. Capítulo 2
some-alt