Como criar uma prancheta no Affinity Designer

Neste tutorial sobre o Affinity Designer 2, aprenderemos o que é uma prancheta e como você pode facilmente adicionar e personalizar uma. Também veremos como adicionar imagens de referência, que usaremos mais tarde no curso.

Se você gosta de tutoriais em vídeo sobre design, confira o curso completo Affinity Designer 2 no canal do Tuts+ no YouTube ou a página do curso Affinity Designer para iniciantes.

Assista à lição: Pranchetas e referências


1. O que são pranchetas no Affinity Designer?

Primeiro, vamos falar sobre o que exatamente são pranchetas no Affinity Designer.

“Pranchetas são áreas de design discretas, de qualquer formato e tamanho, dentro do mesmo documento, nas quais você pode colocar elementos de design.”
  • As pranchetas ajudam você a transformar um documento de uma única página em um projeto multi-páginas e multiproduto. Elas são úteis se você estiver trabalhando em um conceito de marca, postagens de mídia social, campanhas ou capas de livros, só para citar alguns exemplos.
  • O tamanho deles pode ser baseado em predefinições ou personalizado de acordo com suas necessidades específicas.
  • Você pode mover, redimensionar e reorganizar pranchetas como qualquer outro objeto.
  • Você pode exportar pranchetas individualmente ou imprimi-las juntas ou separadamente, mas elas serão salvas juntas no documento pai.

2. Como criar um novo documento

Novo documento no Affinity DesignerNovo documento no Affinity DesignerNovo documento no Affinity Designer
Na primeira lição deste curso, conhecemos a interface do Affinity Designer. Agora, para aprender sobre pranchetas no Affinity Designer, primeiro precisamos criar um documento, e partiremos daí.

Vá para Arquivo > Novo e selecione as predefinições da web. Neste curso, criaremos uma postagem de mídia social, então role para baixo para Rede e selecione Postagem de história em mídia social. Defina para Orientação retrato. Deixe as configurações em seus padrões e clique em Criar.


Há uma caixa de seleção na parte inferior para criar uma prancheta também. Vamos deixá-la DESLIGADO pois aprenderemos como criar uma prancheta quando iniciarmos o documento.

3. Como criar uma prancheta no Affinity Designer

Criando uma prancheta no Affinity DesignerCriando uma prancheta no Affinity DesignerCriando uma prancheta no Affinity Designer

Existem muitas maneiras de criar uma prancheta. Com o Ferramenta de prancheta da barra de ferramentas esquerda ativa, o caminho mais rápido é o Inserir prancheta botão localizado na barra de contexto.

Você pode clicar nele várias vezes e ele criará pranchetas nas mesmas dimensões do documento padrão.


O História O painel pode ser muito útil para manter o controle do que você fez no seu documento. Você pode arrastá-lo do canto inferior direito para a área de trabalho para mantê-lo à vista.

4. Como redimensionar uma prancheta no Affinity Designer

crie uma prancheta de tamanho personalizadocrie uma prancheta de tamanho personalizadocrie uma prancheta de tamanho personalizado

Para criar uma prancheta de tamanho personalizado, selecione Ferramenta de prancheta da barra de ferramentas e apenas clique e arraste o cursor para criá-lo. Segure Mudança ao criá-lo para mantê-lo proporcional às suas pranchetas existentes.

usando a função de ciclo futuro no painel de históricousando a função de ciclo futuro no painel de históricousando a função de ciclo futuro no painel de histórico

Use o Ciclo Futuro opção no História painel se você quiser explorar e escolher uma versão diferente de uma alteração que você fez.

Neste projeto, deletei a última prancheta e criei uma diferente e personalizada. Com o Cycle future, podemos voltar e escolher qual versão queremos seguir adiante.

5. Como adicionar imagens de referência

abrindo as imagens para colocá-las na pranchetaabrindo as imagens para colocá-las na pranchetaabrindo as imagens para colocá-las na prancheta

Para mostrar como adicionar imagens de referência, voltarei ao História painel para trabalhar com apenas uma prancheta.

Clique no Coloque a imagem ferramenta na barra de ferramentas à esquerda, e isso abrirá uma janela onde você selecionará as imagens.

Selecione todas as imagens e clique Abrir. Elas serão colocadas em uma pilha onde você pode selecionar qual imagem deseja colocar. Conforme você clica e arrasta para colocá-las, elas serão removidas da fila.

como adicionar melhor as imagens de referênciacomo adicionar melhor as imagens de referênciacomo adicionar melhor as imagens de referência

Se você simplesmente clicar uma vez na prancheta, isso adicionará a imagem diretamente lá em tamanho real. Para evitar isso, clique na imagem e, em seguida, clique e arraste para criar uma caixa fora da prancheta para controlar o tamanho da imagem que você está colocando.
imagens de referência colocadas em seus lugaresimagens de referência colocadas em seus lugaresimagens de referência colocadas em seus lugares

Depois que terminarmos de colocar as imagens ao redor da prancheta, podemos começar a trabalhar com elas como quisermos. Nos tutoriais a seguir, abordaremos como usar diferentes ferramentas nessas imagens.

Explore mais tutoriais e recursos do Affinity Designer 2

Aqui aprendemos como adicionar pranchetas no Affinity Designer, como criar várias pranchetas no Affinity Designer e como adicionar imagens de referência. Esse conhecimento será útil para todos os seus projetos futuros! Não se esqueça de conferir os seguintes artigos no Envato Tuts+ e o blog ga-analytics#sendElementsClickEvent”>Envato para saber mais sobre esse software incrível.

Deixe uma resposta