Trabalhando com pranchetas no Photoshop CC

Trabalhando com pranchetas no Photoshop CC

Assim como no Adobe Illustrator, as pranchetas do Photoshop oferecem a capacidade de criar páginas ou telas separadas em um documento. Isso pode ser especialmente útil se você estiver criando telas para um aplicativo móvel ou um pequeno folheto.

Você pode pensar em uma prancheta como um tipo especial de grupo de camadas criado com o painel Camadas. Sua funcionalidade pode não ser tão intuitiva no Photoshop quanto no Illustrator, mas com um pouco de prática você deverá pegar o jeito. Siga estas etapas para criar pranchetas por conta própria:

1. Criar um Novo Documento

Neste exemplo, um novo documento é criado usando o documento inicial do iPhone 6. Se você estiver iniciando com a janela legada de Novo documento, crie um novo arquivo com estas dimensões: 750 de largura x 1334 de altura.

Trabalhando com pranchetas no Photoshop CC

2. Criar e Visualizar Pranchetas

Se você criou seu novo documento com o arquivo inicial do iPhone 6, já verá uma prancheta listada no painel Camadas.

Prancheta existente no painel Camadas

Se não vir uma prancheta, crie uma agora escolhendo Nova prancheta no menu do painel Camadas.

Adicionar uma nova prancheta

Você pode escolher entre uma ampla variedade de tamanhos predefinidos ou definir seu próprio tamanho de prancheta personalizado.

3. Inserir Imagens

Escolha Arquivo → Inserir incorporado e navegue até a pasta Book03-Photoshop. Clique duas vezes para selecionar a imagem chamada water_sky ou selecione a imagem e pressione Local.

Quando a imagem aparecer na prancheta, dimensione-a para preenchê-la completamente, segurando a tecla Shift enquanto arrasta. Marque a caixa de seleção Confirmar na barra de Opções ou pressione a tecla Enter.

Colocando uma imagem na prancheta

4. Adicionar Texto

Selecione a ferramenta de texto e crie uma área de texto na prancheta. Digite o texto ÁGUA E CÉU e ajuste as propriedades na barra de opções:

Propriedade Valor
Fonte Myriad Pro Bold
Tamanho 110 pt
Cor Branco
Adicionando uma camada de texto

Você pode pressionar Ctrl + Return (Windows) ou ⌘ + Return (Mac) para confirmar a camada de texto também.

5. Adicionar Pranchetas Adicionais

Clique na ferramenta Mover e ative a ferramenta Prancheta.

Ferramenta de prancheta

Os ícones de sinal de mais aparecem em todos os lados da prancheta. Clique em um deles para adicionar mais pranchetas.

Adicionar uma nova prancheta

6. Nomeando Suas Pranchetas

No painel Camadas, selecione a prancheta inicial e clique duas vezes no nome para renomeá-la, por exemplo, como Home. Faça o mesmo com outra prancheta, como a Beach.

7. Criar Conteúdo na Segunda Prancheta

Adicione uma imagem como fez anteriormente, certificando-se de que a prancheta Beach esteja selecionada e utilizando Arquivo → Inserir incorporado.

8. Clonando e Movendo Elementos

Com a ferramenta Mover, segure Alt (Windows) ou Option (Mac) e arraste o texto de uma prancheta para a outra, garantindo que o alinhamento permaneça correto.

9. Exportando Suas Pranchetas

Você pode exportar o arquivo como um PDF com várias páginas ou usar Arquivo → Exportar para exportar pranchetas como PNGs, JPEGs, PDFs e muito mais.

Exportar Pranchetas como PDF

Siga os passos para exportar pranchetas como documentos PDF:

  1. Selecione Arquivo > Exportar > Pranchetas para PDF.
  2. Escolha o local para salvar e especifique um prefixo de nome de arquivo.
  3. Defina se deseja exportar todas as pranchetas ou apenas as selecionadas.

Exportar Pranchetas como Arquivos

Siga os passos para exportar pranchetas como arquivos separados:

  1. Selecione Arquivo > Exportar > Pranchetas para arquivos.
  2. Escolha o destino e o formato desejado, como JPEG, PNG, etc.
  3. Clique em Executar para completar o processo.

Trabalhando com pranchetas no Photoshop CC

Trabalhando com pranchetas no Photoshop CC

Aprenda a trabalhar com pranchetas no Photoshop CC, criando telas separadas para projetos de design, como aplicativos móveis e folhetos.

Como aplicar transparência a SVGs

Como aplicar transparência a SVGs

Aprenda como aplicar transparência a gráficos SVG no Illustrator e explore dicas sobre como gerar SVGs com fundos transparentes.

Como ajustar as propriedades do texto no Adobe XD

Como ajustar as propriedades do texto no Adobe XD

Aprenda a ajustar as propriedades do texto no Adobe XD para melhorar a legibilidade e a apresentação do seu projeto. Veja como escolher fontes, tamanhos e estilos de forma eficaz.

Como usar a ferramenta Free Transform em documentos do InDesign CS6

Como usar a ferramenta Free Transform em documentos do InDesign CS6

A ferramenta Free Transform no Adobe InDesign permite transformar objetos de várias maneiras, como mover, girar e dimensionar. Confira como utilizá-la corretamente.

Como dimensionar imagens no Adobe Fireworks CS6

Como dimensionar imagens no Adobe Fireworks CS6

Aprenda a dimensionar suas imagens no Adobe Fireworks CS6 de forma correta. Otimize suas imagens e evite problemas de pixelização e lentidão no download.

Captura de tela uma seção de um arquivo PDF

Captura de tela uma seção de um arquivo PDF

Você pode usar a ferramenta Snapshot no Adobe Acrobat CS5 para selecionar texto e imagens e criar uma imagem de uma determinada área em um arquivo PDF. O resultado é comumente referido como uma captura de tela de uma seção em um arquivo PDF. O resultado é uma imagem, e seu texto não é [...]

Medindo, contando e analisando pixels no Photoshop CC

Medindo, contando e analisando pixels no Photoshop CC

Projetado para pesquisadores e cientistas, os recursos de medição do Photoshop CC são bastante poderosos. Você pode medir qualquer coisa e contar o número de qualquer coisa em uma imagem técnica, talvez de um microscópio ou telescópio. Se você sabe o tamanho exato de qualquer elemento em uma imagem, você pode descobrir quase tudo [...]

As ferramentas Liquify no Adobe CS5 Illustrator

As ferramentas Liquify no Adobe CS5 Illustrator

Ao usar as ferramentas Liquify no Adobe Creative Suite 5 (Adobe CS5) Illustrator, você pode dobrar objetos - torná-los ondulados, pegajosos ou pontiagudos - criando distorções simples a complexas. As ferramentas Liquify podem realizar todos os tipos de distorções criativas ou malucas (dependendo de como você as encara) em seus objetos. Vocês […]

Como criar códigos QR no InDesign CC

Como criar códigos QR no InDesign CC

Você pode usar o InDesign para criar e modificar gráficos de código QR. Os códigos QR são uma forma de código de barras que pode armazenar informações como palavras, números, URLs ou outras formas de dados. A usuária escaneia o código QR usando sua câmera e software em um dispositivo, como um smartphone, e o software faz uso [...]

Quebrar texto em Adobe Illustrator CC

Quebrar texto em Adobe Illustrator CC

Empacotar texto no Adobe Illustrator CC não é exatamente o mesmo que embrulhar um presente - é mais fácil! Uma quebra automática de texto força o texto a envolver um gráfico, conforme mostrado nesta figura. Esse recurso pode adicionar um pouco de criatividade a qualquer peça. O gráfico está forçando o texto a envolvê-lo. Primeiro, crie [...]