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 Adobe Illustrator, mas com um pouco de prática você deve pegar o jeito. Siga estas etapas para ver como você pode fazer pranchetas por conta própria:

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

Crie um documento do tamanho do iPhone 6.

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

O painel Camadas com uma prancheta já criada.

Se você não vir uma prancheta, crie uma agora escolhendo Nova prancheta no menu do painel Camadas.Trabalhando com pranchetas no Photoshop CC

Você pode adicionar sua própria prancheta usando o menu do painel Camadas.

Ao criar pranchetas, você pode escolher entre uma ampla variedade de tamanhos predefinidos ou definir seu próprio tamanho de prancheta personalizado.

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, segure uma das alças de canto, mantenha pressionada a tecla Shift e clique e arraste para fora para dimensionar a imagem e preencher toda a prancheta. Quando a imagem for dimensionada e posicionada, marque a caixa de seleção Confirmar na barra de Opções ou pressione a tecla Enter para confirmar o posicionamento da imagem.Trabalhando com pranchetas no Photoshop CC

Coloque uma imagem e estique-a para caber em toda a prancheta.

Em seguida, você adiciona uma camada de texto.

Selecione a ferramenta Tipo e clique e arraste na prancheta para criar uma área de texto e adicionar uma nova camada de texto.

Digite o texto ÁGUA E CÉU. Usando os controles na barra de opções, defina o tipo para as seguintes propriedades:

  • Fonte: Myriad Pro Bold
  • Tamanho: 110 pt
  • Cor: Branco

Selecione o botão Confirmar na barra de Opções depois de definir seu tipo.Trabalhando com pranchetas no Photoshop CC

Adicione uma camada de texto à sua prancheta.

Você pode pressionar Ctrl + Return (Windows) ou ⌘ + Return (Mac) para comprometer uma camada de tipo também.

Como você pode ver, você trabalha com pranchetas da mesma forma que trabalharia com qualquer outro documento do Photoshop. A diferença está na próxima etapa, onde você descobrirá como adicionar pranchetas adicionais ao seu arquivo.

Adicionar pranchetas adicionais

Você também pode criar pranchetas adicionais. Talvez você queira um aplicativo móvel para várias telas criado no Photoshop ou apenas queira criar várias versões de uma tela. Para essas instruções, você continua com o projeto iniciado acima.

Clique na ferramenta Mover e selecione a ferramenta Prancheta oculta.Trabalhando com pranchetas no Photoshop CC

Use a ferramenta Artboard para manipular as pranchetas e criar mais.

Os ícones de sinal de mais aparecem em todos os lados da prancheta. Você pode clicar nesses ícones de sinal de mais para adicionar outras pranchetas.

Clique no ícone de sinal de mais à direita de sua prancheta existente para ver se uma nova prancheta em branco foi adicionada.Trabalhando com pranchetas no Photoshop CC

Adicione uma prancheta em branco clicando no ícone do sinal de mais.

Dê uma olhada no painel Camadas. Certifique-se de que, assim como as camadas, a prancheta mais recente apareça acima da camada selecionada.

Você também pode usar a ferramenta Prancheta para criar sua própria prancheta de tamanho personalizado. Faça isso clicando e arrastando com a ferramenta de prancheta na tela do Photoshop. Na barra de opções da ferramenta, selecione um tamanho predefinido no menu pop-up Tamanho ou apenas deixe-o em seu tamanho personalizado.

Nomeando suas pranchetas

Antes que esse arquivo se torne mais complexo, convém nomear as pranchetas. Isso é feito no painel Camadas.

Selecione a prancheta inicial (prancheta 1) e clique duas vezes no nome da prancheta. Quando a caixa de texto estiver ativa, digite o nome Home.

Clique duas vezes no nome Artboard 2 no painel Layers e nomeie essa camada como Beach.

Adicionar conteúdo à segunda prancheta

Agora, adicione uma imagem e algum texto à segunda prancheta:

Clique na ferramenta Artboard e mude de volta para a ferramenta Move.

Certifique-se de que a prancheta Beach esteja selecionada no painel Camadas e escolha Arquivo → Inserir incorporado. Navegue até a pasta Book03_Photoshop e selecione a imagem chamada Beach e pressione Place. A imagem é adicionada à segunda prancheta.

Como na última imagem que você colocou, mantenha pressionada a tecla Shift e arraste a tecla Shift em um ponto de canto para dimensionar proporcionalmente a imagem maior e preencher a tela.

Com a ferramenta Mover ativa, clique e arraste a imagem. Observe que, embora esteja no mesmo documento, ele não se sobrepõe ou interfere na arte em outras pranchetas.

Clonando de uma prancheta para outra

Agora, clone o texto da prancheta Home para a prancheta Beach:

Com a ferramenta Mover ainda selecionada, pressione Ctrl e clique (Windows) ou ⌘ -clique (Mac) no texto ÁGUA e CÉU na prancheta inicial. Isso ativa essa camada.

Mantenha pressionada a tecla Alt (Windows) ou Option (Mac) e clique e arraste o texto de uma prancheta para a próxima.

Se você segurar a tecla Shift enquanto arrasta, a imagem permanecerá alinhada.

Mude para a prancheta e clique duas vezes no texto recém-clonado para ativar a área de texto e digite PRAIAS DIVERTIDAS.Trabalhando com pranchetas no Photoshop CC

Um arquivo do Photoshop com duas pranchetas.

Movendo elementos de uma prancheta para outra

Para mover um elemento de uma prancheta para outra, basta arrastar os elementos de uma prancheta para outra. Quando você move um elemento entre as pranchetas, o Photoshop tenta posicioná-lo no mesmo local em relação às origens da régua localizadas nos cantos superiores esquerdos das pranchetas.

Exportando suas pranchetas

Você pode salvar seu arquivo como um arquivo do Photoshop para manter as camadas, mas, neste exemplo, você exportará o arquivo como um PDF de duas páginas. Ou use o recurso Arquivo → Exportar para exportar suas pranchetas como PNGs, JPEGs, PDFs e muito mais.

Exportar pranchetas como ativos de imagem

Você pode exportar pranchetas como recursos de imagem JPEG, GIF ou PNG diretamente do painel Camadas ..

Exportar pranchetas como PDF

Você pode exportar pranchetas como documentos PDF. Siga esses passos:

No Photoshop, selecione Arquivo > Exportar > Pranchetas para PDF.

Na caixa de diálogo Pranchas para PDF , faça o seguinte:

  • Escolha o destino/local onde 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 das pranchetas ou também o conteúdo das áreas sobrepostas às pranchetas.
  • Especifique se deseja exportar todas as pranchetas ou apenas as selecionadas no momento.
  • Especifique se você também deseja exportar planos de fundo da prancheta junto com as pranchetas.
  • Especifique se deseja gerar um único PDF para todas as pranchetas do documento atual ou gerar um documento PDF por prancheta. Se você optar por gerar vários documentos PDF, todos esses documentos terã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 International Color Consortium (ICC) nos documentos PDF exportados. Um perfil ICC compreende dados que caracterizam um dispositivo de entrada ou saída de cores.
  • Especifique se deseja exportar também os nomes das pranchetas junto com as pranchetas exportadas. Você pode especificar uma fonte personalizada, tamanho da fonte, cor da fonte e cor da extensão da tela ao selecionar esta configuração.

Clique em Executar. O Photoshop gera o documento PDF.

Exportar pranchetas como arquivos

Você pode exportar pranchetas como arquivos separados. Siga esses passos:

No Photoshop, selecione Arquivo > Exportar > Pranchetas para arquivos.

Na caixa de diálogo Pranchas para arquivos , faça o seguinte:

  • Escolha o destino onde deseja salvar os arquivos gerados.
  • Especifique um prefixo de nome de arquivo.
  • Especifique se deseja exportar apenas o conteúdo da prancheta ou incluir também áreas sobrepostas.
  • Especifique se deseja exportar todas as pranchetas ou apenas as selecionadas no momento.
  • Especifique se você também deseja exportar planos de fundo da prancheta junto com as pranchetas.
  • Escolha o tipo de arquivo para o qual 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 das pranchetas junto com as pranchetas exportadas. Você pode especificar uma fonte personalizada, tamanho da fonte, cor da fonte e cor da extensão da tela ao selecionar esta configuração.

Clique em Executar. O Photoshop exporta as pranchetas como arquivos no formato selecionado.


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 ajustar as propriedades do texto no Adobe XD

Como ajustar as propriedades do texto no Adobe XD

Quando você tem texto em seu projeto Adobe XD, pode começar a alterar as propriedades do texto. Essas propriedades incluem Família da fonte, Tamanho da fonte, Peso da fonte, Alinhamento, Espaçamento entre caracteres (kerning e rastreamento), Espaçamento entre linhas (entrelinha), Preenchimento, Borda (traço), Sombra (sombra) e Desfoque de fundo. Então, vamos revisar como essas propriedades são aplicadas. Sobre legibilidade e fonte [...]

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 [...]

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. Seu […]

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 [...]

Como redimensionar formas no Illustrator

Como redimensionar formas no Illustrator

Ao projetar no Adobe Illustrator CC, geralmente você precisa que uma forma tenha um tamanho exato (por exemplo, 2 x 3 polegadas). Depois de criar uma forma, a melhor maneira de redimensioná-la para medidas exatas é usar o painel Transformar, mostrado nesta figura. Selecione o objeto e escolha Janela → Transformar para […]

Como aplicar transparência a SVGs

Como aplicar transparência a SVGs

Aprenda como aplicar transparência a gráficos SVG no Illustrator. Explore como gerar SVGs com fundos transparentes e aplicar efeitos de transparência.

Trabalho com imagens no Adobe XD

Trabalho com imagens no Adobe XD

Depois de importar suas imagens para o Adobe XD, você não tem muito controle de edição, mas pode redimensionar e girar as imagens como faria com qualquer outra forma. Você também pode arredondar facilmente os cantos de uma imagem importada usando os widgets de canto. Mascarando suas imagens, definindo uma forma fechada [...]