Pranchetas do Photoshop
Pranchetas para diferentes dispositivos na mesma tela

Se você for um Web designer ou UX designer, acabará criando sites ou aplicativos para vários dispositivos. As pranchetas ajudam a simplificar o processo de design, proporcionando uma tela infinita em que se pode criar designs para vários dispositivos e telas diferentes. Ao criar pranchetas, é possível escolher uma ampla variedade de tamanhos predefinidos ou definir seu próprio tamanho de prancheta personalizada.

As pranchetas são úteis mesmo se você cria normalmente para apenas um tamanho de tela. Por exemplo, ao criar um site, você pode usar pranchetas para exibir designs para páginas diferentes, lado a lado e no contexto. 

Observação:

As pranchetas são otimizadas para o modo de cores RGB e o modo de desenho avançado de GPU.

Então, o que é uma prancheta?

Pense em uma prancheta como um tipo especial de grupo de camadas. Uma prancheta corta o conteúdo de qualquer elemento contido até suas bordas. A hierarquia de elementos em uma prancheta é exibida no painel Camadas, junto com camadas e grupos de camadas. Pranchetas podem conter camadas e grupos de camadas, mas não outras pranchetas.

Visualmente, as pranchetas servem como telas individuais dentro de um documento. Todas as camadas do documento que não estão contidas em uma prancheta são agrupadas na parte superior do painel Camadas e permanecem não cortada por nenhuma prancheta.

Preferências de prancheta

Para personalizar a aparência de suas pranchetas, selecione Preferências > Interface > Aparência > Pranchetas. Você tem a opção de selecionar a cor fosca da prancheta e exibir ou ocultar as bordas da prancheta.

Preferências da prancheta do Photoshop

Criar documentos de prancheta

  1. No Photoshop, selecione Arquivo > Novo.
  2. Na caixa de diálogo Novo, especifique um nome para o documento. Por exemplo, site do iPhone.
  3. No menu pop-up Tipo de documento, selecione Prancheta.
  4. Selecione uma das mais de 35 predefinições de tamanho de prancheta.
Tamanhos de prancheta do Photoshop
Várias opções de predefinições de tamanho de prancheta

  1. Comece a adicionar elementos de design à prancheta. É possível adicionar objetos inteligentes, camadas, grupos de camadas etc. à prancheta.

Converter um documento existente em documento de prancheta

Se você tiver um documento padrão do Photoshop, poderá convertê-lo rapidamente em um documento da prancheta.

  1. Selecione um ou vários grupos de camadas ou camadas no documento.
  2. Clique com o botão direito do mouse na seleção e escolha Prancheta a partir de camadas ou Prancheta a partir do grupo.

Adicionar pranchetas ao documento atual

  1. No painel Ferramentas, clique no ícone para selecionar a ferramenta Prancheta.
  1. Desenhe a prancheta na tela.
  2. Redimensione a prancheta, caso necessário. Na barra de opções de ferramentas, selecione um tamanho predefinido no menu pop-up Tamanho. Você também pode deixar a prancheta com tamanho personalizado.
Redimensionar a prancheta no Photoshop
Redimensionar a prancheta

  1. Renomear a prancheta com o nome desejado. Faça o seguinte:
    1. Com a prancheta selecionada, selecione Camada > Renomear prancheta.
    2. Digite um novo nome para a prancheta e pressione Return.
  2. Comece a adicionar elementos de design à prancheta. É possível adicionar objetos inteligentes, camadas, grupos de camadas etc. à prancheta.

Adicionar rapidamente novas pranchetas a um documento

Você pode adicionar pranchetas como seu documento clicando nos ícones + que aparecem ao lado das pranchetas atualmente no documento. Esses ícones + aparecem onde a tela pode acomodar pranchetas adicionais. Para duplicar uma prancheta e seu conteúdo, use Option/Alt-clique em um ícone com o sinal de mais (+).  

  1. Selecione uma prancheta.
  2. Clique no ícone + ao lado da prancheta. O Photoshop anexará uma prancheta ao documento na direção do ícone +.
Adicionar pranchetas com ícones de adição no Photoshop
Adicionar pranchetas com ícones de adição

Observação:

Para duplicar a prancheta atualmente selecionada e seu conteúdo, clique em Option/Alt + clique em um ícone com o sinal de mais (+). A nova prancheta é adicionada na direção do ícone + em que você clicou.

Trabalho com várias pranchetas

Definir fundo da prancheta

No painel Propriedades (Janela > Propriedades) para a prancheta, ajuste o valor desejado do campo Cor do fundo da prancheta. Você também pode definir o fundo da prancheta como transparente.

Definir fundo da prancheta

Mover elementos entre pranchetas

Simplesmente arraste os elementos de uma prancheta à outra na tela. Ao mover um elemento entre pranchetas, o Photoshop tenta posicioná-lo no mesmo local relativo à origem da régua localizada nos cantos superiores esquerdos das pranchetas.

Quando se adiciona/move um elemento para a prancheta, o novo elemento é movido para a parte superior da ordem Z do painel Camadas da referida prancheta.

Também é possível agrupar camadas/elementos não incluídos em nenhuma prancheta com pranchetas existentes. Basta arrastar o elemento na tela até a prancheta de destino. Como alternativa, mova-a para a prancheta de destino no painel Camadas.

Duplicar camadas ou grupos de camadas

Ao duplicar uma camada ou um grupo de camadas em documentos que contêm pranchetas, você pode escolher a prancheta na qual deseja inserir a camada copiada.

Duplicar camadas: escolha a prancheta na qual deseja inserir a camada copiada

Mover

Com a ferramenta Prancheta ou Mover selecionada, clique no rótulo de uma prancheta para selecioná-la. Agora, mova-o para o local desejado na tela.

Redimensionar

Com a ferramenta Prancheta ou Mover selecionada, clique no rótulo de uma prancheta para selecioná-la. Agora, selecione um novo Tamanho predefinido para a prancheta na barra de opções de ferramentas.

Se desejar redimensionar a prancheta com um tamanho personalizado, redimensione apenas suas bordas utilizando as alças.

Grades

Selecione uma prancheta e selecione Exibir > Mostrar > Grade para visualizar grades em uma prancheta.

Guias

Com uma prancheta selecionada, arraste as guias da régua para a tela. Essas guias agora se movem com a prancheta. Também é possível duplicar uma prancheta com as guias atribuídas para atribuir guias idênticas à prancheta duplicada. Você também pode selecionar Exibir > Novo layout de guia para direcionar as pranchetas desejadas. Para definir as opções visibilidade das guias, selecione Exibir > Mostrar.

Novo layout da guia do Photoshop
(Esquerda) Novo layout de guia | (Direita) Opções de visibilidade da guia

Inspecionar as propriedades da prancheta

Selecione uma prancheta e Janela > Propriedades para inspecionar rapidamente suas propriedades importantes. É possível redimensionar a prancheta a partir do painel Propriedades.

As propriedades da prancheta são exibidas também na barra de opções de ferramentas quando uma prancheta é selecionada. 

Painel Propriedades da prancheta no Photoshop
Painel Propriedades da prancheta

Mostrar nomes de pranchetas

Para exibir/ocultar o nome das pranchetas, selecione Exibir > Mostrar > Nomes de pranchetas. Os nomes de pranchetas são truncados automaticamente à largura da prancheta.

Camadas de filtro por prancheta

No painel Camadas, no menu pop-up Pesquisar, selecione Prancheta. Selecione uma prancheta ou qualquer camada dentro de uma prancheta. A exibição do painel Camadas está restrita agora apenas à prancheta selecionada. Para retornar à exibição completa do painel Camadas, desmarque todas as camadas ou selecione algo fora da prancheta.

Impedir aninhamento automático dentro ou fora das pranchetas

Atribua o bloqueio na ilustração a uma prancheta para desativar o aninhamento automático dentro e fora da prancheta ou para especificar camadas dentro de uma prancheta para desativar o aninhamento automático dessas camadas específicas. Para reverter ao comportamento normal de aninhamento automático, remova os bloqueios de aninhamento automático das pranchetas ou camadas.

Impedir aninhamento automático dentro ou fora de pranchetas no Photoshop

Bloqueio de posição da prancheta

Selecione uma prancheta e atribua o bloqueio de posicionamento. A prancheta permanece agora fixa em sua posição na tela, mas os elementos ainda podem ser adicionados, movidos ou removidos como de costume.

Bloquear posição do Photoshop

Renomear

Clique duas vezes sobre o nome da prancheta no painel Camadas e digite um novo nome. Como alternativa, utilize o comando Camada > Renomear prancheta.

Dissolver pranchetas

É possível rapidamente dissolver as pranchetas em seus elementos constitutivos. Com as pranchetas selecionadas, selecione Camada > Desagrupar pranchetas. As pranchetas são dissolvidas e seus elementos constitutivos movem-se todos para um nível superior no painel Camadas. Se a última prancheta restante do documento for dissolvida ou desagrupada, o documento se torna um documento sem prancheta.

Exportar pranchetas

Exportar pranchetas como ativos de imagem

É possível exportar pranchetas como ativos de imagem JPEG, GIF, PNG, PNG-8 ou SVG diretamente do painel Camadas.

Para obter mais informações, consulte Exportar pranchetas e camadas.

Exportar pranchetas como PDF

Você pode exportar pranchetas como documentos PDF. Siga estas etapas:

  1. No Photoshop, selecione Arquivo > Exportar > Pranchetas para PDF.
  2. Na caixa de diálogo Pranchetas para PDF, faça o seguinte:
    • Escolha o destino/local onde você deseja salvar os documentos PDF gerados.
    • Especifique um prefixo de nome de arquivo para os documentos PDF gerados. Por exemplo, Campaign_insurance.
    • Especifique se deseja exportar apenas o conteúdo nas pranchetas ou também o conteúdo nas áreas que se sobrepõem às pranchetas.
    • Especifique se deseja exportar todas as pranchetas ou somente as selecionadas atualmente.
    • Especifique se deseja também exportar a prancheta juntamente com seus planos de fundo.
    • Especifique se deseja gerar um único PDF para todas as pranchetas no documento atual ou gerar um documento PDF por prancheta. Se optar por gerar vários documentos PDF, todos esses documentos adotarão o prefixo de nome de arquivo especificado anteriormente.
    • Especifique uma codificação para os documentos PDF exportados: ZIP ou JPEG. Se você escolher JPEG, especifique também uma configuração de Qualidade (0-12).
    • Especifique se deseja incluir o perfil ICC (International Color Consortium) nos documentos PDF exportados. Um perfil ICC consiste nos dados que caracterizam uma entrada de cores ou dispositivo de saída.
    • Especifique se deseja exportar também os nomes de pranchetas juntamente com as pranchetas exportadas. É possível personalizar a fonte, o tamanho da fonte, a cor da fonte e a cor da extensão da tela ao selecionar essa configuração.
  3. Clique em Executar. O Photoshop cria o documento PDF.

Exportar pranchetas como arquivos

Você pode exportar pranchetas como arquivos separados. Siga estas etapas:

  1. No Photoshop, selecione Arquivo > Exportar > Pranchetas para arquivos.
  2. Na caixa de diálogo Pranchetas para arquivos, faça o seguinte:
    • Escolha o destino onde você deseja salvar os arquivos gerados.
    • Especifique um prefixo de nome de arquivo.
    • Especifique se você deseja exportar somente o conteúdo da prancheta ou se deseja incluir também áreas sobrepostas.
    • Especifique se deseja exportar todas as pranchetas ou somente as selecionadas atualmente.
    • Especifique se deseja também exportar a prancheta juntamente com seus planos de fundo.
    • Escolha o tipo de arquivo para o qual você deseja exportar. Você tem a opção de exportar como BMP, JPEG, PDF, PSD, Targa, TIFF, PNG-8 ou PNG-24.
    • Especifique as opções de exportação para o tipo de arquivo selecionado.
      • Especifique se deseja exportar também os nomes de pranchetas juntamente com as pranchetas exportadas. É possível personalizar a fonte, o tamanho da fonte, a cor da fonte e a cor da extensão da tela ao selecionar essa configuração.
  3. Clique em Executar. O Photoshop exporta as pranchetas como arquivos no formato selecionado.

Visualização de dispositivo e aplicativo associado de visualização do CC

Visualizar projetos em dispositivos de destino no Photoshop

Usando o recurso de visualização do dispositivo no Photoshop e no Preview CC, um aplicativo associado, pode-se visualizar rapidamente seus designs de visualização em dispositivos iOS de destino. O Preview CC conecta-se ao Photoshop por meio de uma porta USB ou por Wi-Fi e renderiza uma visualização ao vivo do projeto. Todas as alterações feitas no projeto são enviadas automaticamente ao dispositivo, de modo que se possa visualizá-las.

Para documentos com pranchetas, a visualização do dispositivo tenta mostrar a prancheta correta e o tamanho e a posição da prancheta com o tamanho do dispositivo iOS conectado. Também é possível utilizar a barra de navegação para visualizar uma prancheta específica no dispositivo ou deslizar com o dedo através das pranchetas na ordem em que elas estão listadas no painel Camadas do Photoshop.

Para obter mais informações sobre visualização de dispositivo e o Preview CC, consulte:

Perguntas frequentes

É possível adicionar uma prancheta em uma prancheta?

Não. O aninhamento da prancheta não é possível no momento.

A prancheta é um tipo de camada?

Pense em uma prancheta como um tipo especial de grupo de camadas. Pranchetas são relacionadas no painel Camadas do Photoshop, exatamente como camadas e grupos de camadas.

É possível criar pranchetas a partir de um documento padrão do Photoshop?

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online