() translation by (you can also view the original English article)
Hoje vamos estar em uma aventura de aprendizagem, utilizando algumas ferramentas e funções básicas do Affinity Designer, para criar uma carta de baralho simples e divertida de "Rainha de Copas"!
Passo a passo, vamos ver como projetar e criar uma ilustração fofa e colorida utilizando formas geométricas básicas, em combinação com traços e efeitos, para projetar nossa primeira carta.
No final deste tutorial, você vai ser capaz de personalizar sua própria carta de jogo de "Rainha de Copas" e aplicar as novas técnicas para criar o resto do baralho! Se você precisar de gráficos extras, vá até o GraphicRiver para ver o que mais você pode adicionar à ilustração!
1. Como Configurar a Prancheta e os Guias
Passo 1
Vamos começar configurando o nosso espaço de trabalho.
Crie um documento do tamanho da carta de baralho de pôquer.
- Type: Print
- Page Preset: Custom
- Document Units: Millimetres
- Colour: CMYK/8
- DPI: 300
- Page Width: 63.5 mm
- Page Height: 88.9 mm
- Left Margin: 8.2 mm
- Right Margin: 8.2 mm
- Top Margin: 8.2 mm
- Bottom Margin: 8.2 mm
- OK
Passo 2
Vamos configurar os guias centrais.
View > Guides Manager para abrir o painel Guides Manager. Selecione o ícone New Horizontal Guide e depois o ícone Add New Vertical Guide para criar guias centrais precisos na prancheta e Close.
View > Show Margins.
File > Save (Comando-S), e nomeie o arquivo como "Rainha_de_Copas". Agora estamos todos prontos para começar a adicionar nossas obras de arte!
2. Como Desenhar o Design da Borda da Carta
Passo 1
Vamos começar criando a borda ao redor da nossa carta.Vamos desenhar metade do design da carta e espelhá-la mais tarde.
Selecione a Ferramenta Artistic Text (T) para adicionar o texto artístico ao design. Text > Show Character (Comando-T).
No canto superior esquerdo da margem, arraste a Ferramenta Artistic Text (T) e digite um "Q" maiúsculo com um Preenchimento vermelho, em tamanho de fonte de 27 pt.
Depois passe para o painel Effects e aplique um Inner shadow vermelho escuro com um Raio de 9 px.
Passo 2
Em seguida, vamos Ativar Snapping , para garantir que todos os nossos objetos sejam posicionados e alinhados com precisão a outros objetos e ao documento. Para ativar/desativar o snapping, clique em Snapping (ícone magnético) na barra de ferramentas principal ou no botão adjacente ao menu pop-up Presets e marque Ativar Snapping .
No painel Tools, clique e mantenha pressionado o ícone da Ferramenta Triangle para abrir uma lista suspensa de formas personalizadas. Selecione a ferramenta da forma do Coração.
Desenhe um coração vermelho de 6 x 6 mm , abaixo do "Q". Utilize a Ferramenta Move (V) para encaixar o coração a 2.1 mm abaixo da letra "Q". Depois no painel Effects, aplique um Inner Shadow vermelho escuro, com um Raio de 13 px.
Passo 3
Selecione a Ferramenta Ellipse (M) e adicione um círculo laranja de 1.6 x 1.6 mm a 2.1 mm do lado direito do "Q".
Duplique (Comando-J) a elipse e utilizando a Ferramenta Move (V) para encaixar a duplicata a 2.1 mm abaixo da letra "Q".
Passo 4
Em seguida, vamos desenhar uma borda de canto em forma de coração.
Selecione a Ferramenta Pen ( P ). Com a mesma cor utilizada no Preenchimento da elipse, aplique essa cor no Traço, com uma Largura de 2 pt.
Nota: Utilize as medidas de guias inteligentes destacadas para garantir que a distância seja precisa enquanto está desenhando.
Comece com a elipse direita. Desenhe uma linha de 37.4 mm na horizontal, 7.8 mm para baixo, 2.8 mm para a esquerda, 2.3 mm para cima, 2.3 mm para a esquerda, 2.8 mm para cima, 7.5 mm para a direita e para baixo no guia central.
Depois, desenhe a linha do círculo esquerdo até o guia central horizontal, como mostrado abaixo.
Passo 5
Vamos editar as curvas de canto da nossa linha para criar a forma do coração.
Selecione a ferramenta de canto ( C ) na barra de ferramentas.Selecione os nós de canto, conforme mostrado na imagem.Arraste o cursor para modificar o canto (você verá um círculo vermelho ou poderá editar o Radius para aproximadamente 1,6 pt , na barra de ferramentas de contexto ).
Passo 6
Em seguida, selecione a forma do Coração na barra de ferramentas. Desenhe um coração vermelho de 2,4 x 2,4 mm .Use a ferramenta Move ( V ) para encaixá-la no canto direito da margem.
Em seguida, use a alça de rotação para definir a rotação para -45 graus ou você pode girar a partir do painel Transform (Transformar) .
Passo 7
No painel Camadas , selecione todas as camadas que criamos eGroup ( Command-G ). Dê ao grupo o título "Border".
3. Como Criar o Rosto da Rainha
Passo 1
Agora vamos criar o rosto da Rainha, começando por desenhar um rosto gordo e em forma de coração.
Selecione a ferramenta Forma do coração . Desenhe um coração cheio de bege 16,5 x 15,4 mm , encaixado no centro da guia.
Selecione o nó central vermelho na borda de interseção e puxe-o para cima para que não fique muito curvado para dentro.
Passo 2
Então, com a Ferramenta Nó ( A ), clique no coração e, na barra de ferramentas Contexto, clique em Converter em curvas , para que nosso objeto possa se transformar em linhas e nós conectados.
Então, agora, usando a Ferramenta de Nó ( A ) e guias, use os nós para alterar a forma do coração para uma versão mais suave, aprimorando um pouco mais os nós.
Passo 3
Vamos aplicar um efeito no rosto.
Camada> Efeitos de camada .... abre o painel Efeitos .
Aplique um Bevel / Emboss :
- Tipo: interno
- Raio: 19,7 px
- Suavizar: 0.4 px
- Destaque: Aplique uma cor laranja amarela 75%
- Sombra: Aplique uma cor laranja escura 75%
- Close
Passo 4
Siga em frente para desenhar os olhos.
Existem alguns passos a seguir:
- Selecione a ferramenta Elipse ( M ) e desenhe um círculo de preenchimento preto 3,5 x 3,5 mm .
- Em seguida, com a ferramenta Node ( A ), clique emConverter em curvas na barra de ferramentas de contexto.
- Selecione o nó esquerdo e direito e converta: Sharp .
- Depois, use a ferramenta Mover ( V ) para reduzir a altura apertando as alças de controle.
- Finalmente, gire -o em 30 graus e posicione-o conforme mostrado abaixo.
Passo 5
Agora vamos continuar com a ilustração do olho e adicionar maquiagem.
Com a Ellipse Tool ( M ), desenhe um círculo turquesa de 0,8 x 0,8 mm dentro do olho para criar um pouco de brilho. Adicione outro círculo de 0,4 x 0,4 mm , ligeiramente abaixo da esquerda da primeira elipse.
Em segundo lugar, use a ferramenta Vector Brush ( B ), definida em 1,4 pt com traço preto, e desenhe dois cílios bonitos.
No painel Ferramentas , clique e segure o ícone Coração para abrir a lista suspensa de formas personalizadas e selecione aferramenta Forma crescente . Desenhe uma sobrancelha preta egire -97 graus , horizontalmente acima do olho.
E, finalmente, use a Pen Tool ( P ) para adicionar manualmente a sombra branca.
Agora a camada da sombra aparecerá na frente do olho, entãomova para trás um ( comando- [ ), até que esteja atrás da forma do olho.
Passo 6
No painel Camadas , selecione todos os elementos relacionados ao olho e Grupo ( Comando-G ) juntos. Duplicar ( Command-J) o grupo.
Layer> Transform> Flip Horizontally ou clique no ícone Flip Horizontal na barra de ferramentas (triângulos azul e cinza espelhados).
Posicione-o do outro lado, usando a Move Tool ( V ).
Passo 7
Vamos adicionar um nariz, lábios, pescoço e forma do corpo.
Comece com o nariz, usando a ferramenta Elipse ( M ), largura de 1 mm e altura de 0,3 mm . Use a ferramenta Move ( V ) para encaixar o nariz entre os olhos.
Use a ferramenta de forma de coração para os lábios e desenhe um coração com largura de 1,3 mm e altura de 1 mm e encaixe-o abaixo do nariz.
Em seguida, crie um coração branco de 2,6 x 2,2 mm para o pescoço e encaixe-o na base da forma da cabeça. Adicione um coração laranja para a peça de cabeça que é 3,9 x 3,2 mm .Encaixe-o no topo do meio da cabeça.
Finalmente, para a forma do corpo, vamos criar um coração de6,4 x 5,6 mm . Avançar um ( Command- ) a camada, sobre o coração branco.
Passo 8
Vamos dar a nossa senhora algum rubor nas bochechas.
Pegue a ferramenta Elipse ( M ). Desenhe uma elipse de 10 x 6,5 mm e posicione-a abaixo dos olhos. Duplique (Command-J)a elipse e mova a duplicata para a outra face, com a Move Tool (V ).
Selecione as elipses e aplique o ícone Adicionar operação para combiná-las ( Camada> Geometria> Adicionar) .
Depois, Duplicate (Command-J) a forma da cabeça. Em seguida, mantenha pressionada a tecla Shift , selecione a forma da cabeça duplicada além das reticências da bochecha e clique em Interseção ( Camada> Geometria> Interseção ).
Passo 9
As bochechas herdarão os efeitos aplicados no rosto antes.Portanto, desmarque Bevel / Emboss no painel Effects para liberar.
No painel Camadas , aplique um modo de mistura Multiplicar .
4. Como Projetar o Cabelo e o Corpo
Passo 1
Vamos criar o cabelo.
Pegue a Ellipse Tool ( M ) e crie uma elipse vermelha escura com um tamanho de 17 x 13 mm . Dê as seguintes configurações de Bevel / Emboss no painel Efeitos de camada :
- Tipo: interno
- Raio: 10.1px
- Suavizar: 0.8 px
- Sombra: Multiplique na cor vermelho escuro
- Close
Passo 2
Novamente, usando a Ellipse Tool ( M ), crie uma elipse 17 x 7mm de cor vermelha brilhante .
Selecione a primeira e segunda elipse, mantendo pressionada atecla Shift . Aplique Align Center e Align Middle . Em seguida,Group ( Command-G ) as duas elipses juntas.
Em seguida, no painel Transformar , defina o ângulo de rotação para 50 graus .
Passo 3
Use a ferramenta Mover ( V ) para encaixar o grupo sobre o olho, tocando na guia central.
Move Back One ( Command- [ ), por isso é colocado atrás da cabeça. Duplicar (Command-J) e aplicar Flip Horizontal na barra de ferramentas.
Com a Move Tool ( V ), posicione-a do outro lado.
Passo 4
Seguindo em frente, vamos criar o cabelo para trás e adicionar um desenho de coroa a ele.
Primeiro, crie uma elipse de 8,2 x 8,8 mm com a Ellipse Tool ( M). Para a coroa, use a Pen Tool ( P ) e desenhe uma forma de três pontas como mostrado abaixo. Use a ferramenta Node ( A ) e curve os pontos esquerdo, direito e inferior.
Selecione a forma da coroa e da elipse e aplique Align Center , certificando-se de que a coroa esteja sobre a elipse. Em seguida, crie um rasgo amarelo de 1,6 x 2,4 mm usando a ferramenta Tear Tool no painel Tools . Defina a rotação do rasgo para 140 graus .
Duplique ( Command-J ) o rasgo e aplique o ícone Flip Horizontal na barra de ferramentas de contexto. Use a Move Tool (V) e posicione a duplicata no outro lado, como mostrado abaixo.
Passo 5
Uma vez que todos os elementos do trenó são criados, agrupe-os ( Command-G ). Aplique Move para Back ( Command-shift- [ ).
Passo 6
Vamos adicionar alguns detalhes ao corpo.
Selecione a ferramenta Diamante na barra de ferramentas. Crie um diamante vermelho de 1,2 x 1,5 mm e encaixe-o na guia central dentro do coração preto.
Duplicar ( Command-J ), mantenha pressionada a tecla Shiftpara restringir verticalmente, e arraste a duplicata abaixo da outra, como mostrado.
Pegue a ferramenta Triângulo na barra de ferramentas e crie um triângulo vermelho de 6,4 x 4,2 mm , tocando a guia central na guia horizontal.
Nota: Para criar uma forma a partir do ponto inicial, mantenha pressionada Option-Command-Drag .
Aplique Move para Back ( Command-shift- [ ).
Passo 7
Agora vamos adicionar o rufo da Rainha.
Pegue a Ellipse Tool ( M ) e desenhe um centro de elipse de turquesa de 22,4 x 18,2 mm alinhado com a guia central. ApliqueMove para Back ( Command-shift- [ ).
Crie outra elipse de 18,3 x 18,2 mm , em cor turquesa mais escura. Aplique Move para Back ( Command-shift- [ ) e depoisMove Forward One ( Command-) ).
Passo 8
Precisamos adicionar as mãos e braços da Rainha.
Pegue a ferramenta Retângulo ( M ). Desenhe um tijolo vermelho de 9,6 x 2,9 mm . Incline a seleção da direita arrastando as alças de controle da caixa delimitadora para cima.
Em seguida, selecione a ferramenta Node ( A ). Aplique aoperação Converter em curvas e comece a curva no lado inferior direito, levante a parte inferior esquerda para cima e, em seguida, curve a linha para criar as mangas da rainha.
Passo 9
Use a ferramenta Mover ( V ) para mover a seleção para o corpo. Aplique Move para Back ( Command-shift- [ ). Duplicar (Command-J) a manga.
Layer> Transform> Flip Horizontally ou clique no ícone Flip Horizontal na barra de ferramentas para posicioná-lo no outro lado.
Passo 10
Vamos desenhar as mãos
Comece com o lado direito. Selecione a ferramenta Forma docoração na barra de ferramentas. Desenhe um coração vermelho de 2,4 x 2,5 mm.
.Então, usando a Ellipse Tool ( M ) com um skintone Stroke de2,5 pt , desenhe um círculo de 2,4 x 2,4 mm , embaixo do coração.
Use a ferramenta Node (N), selecione o círculo que você criou e aplique a operação Converter em curvas . Em seguida, clique nos dois pontos da curva onde cortaremos a parte superior.
Na barra de ferramentas Contexto , selecione a ação Quebrar Curva e exclua a seção conforme mostrado abaixo.
Passo 11
Vamos adicionar alguns dedos.
Selecione a ferramenta Pen ( P ). Use o mesmo traço skintonede 2,5 pt aplicado na elipse e desenhe três dedos como mostrado.
Agrupe ( Comando-G ) todos os elementos manuais juntos. Use a Move Tool ( V ) para mover o novo grupo para o final da manga. Aplicar Mover para Trás ( Command-shift- [ )
Passo 12
Vamos criar a segunda mão, o punho segurando o cetro.
Selecione a Pen Tool ( P ) e desenhe uma linha com W: 1 mm e stroke 3 pt , e um tom de pele ligeiramente mais escuro.
Duplique (Comando-J) e mova-o sobre o outro, e pressioneCommand-J novamente para Power Duplicate , para criar os três dedos.
Para o polegar, selecione a ferramenta Retângulo ( M ) e desenhe um retângulo sobre o terceiro dedo, com um tamanho de1,7 mm x 0,9 mm e um preenchimento no mesmo tom de pele usado para a outra mão.
Passo 12Vamos criar a segunda mão, o punho segurando o cetro.Selecione a Pen Tool ( P ) e desenhe uma linha com W: 1 mm e stroke 3 pt , e um tom de pele ligeiramente mais escuro.Duplique (Comando-J) e mova-o sobre o outro, e pressioneCommand-J novamente para Power Duplicate , para criar os três dedos.Para o polegar, selecione a ferramenta Retângulo ( M ) e desenhe um retângulo sobre o terceiro dedo, com um tamanho de1,7 mm x 0,9 mm e um preenchimento no mesmo tom de pele usado para a outra mão.Desenhe outro na direção perpendicular, 0,9 x 1,7 mm , na borda esquerda do primeiro retângulo, como mostrado abaixo.
Passo 13
Selecione as duas formas de retângulo e aplique o íconeAdicionar operação para combinar ou Camada> Geometria> Adicionar .
Em seguida, selecione a ferramenta de canto ( C ). Escolha o nó do canto superior direito e aplique uma curva. Escolha o nó base visto na imagem e aplique uma curva. O polegar está feito.
Vamos criar a palma da mão. Selecione a ferramenta Rounded Rectangle Tool e crie um retângulo de 2,1 x 2,6 mm em um skinshade mais escuro, do dedo superior até a base. ApliqueMove para Back ( Command-shift- [ ).
Agrupe ( Command-G ) todos os elementos manuais e posicione-os na borda da segunda manga.
Passo 14
Vamos adicionar um cetro.
Use a Pen Tool ( P ) e desenhe uma linha vertical de 9,2 mm emAltura . Dê um toque de cor escura. Em seguida, selecione aferramenta Forma de coração e lembre-se de que, se quiser criar uma forma a partir do ponto de partida central, mantenha pressionada Option-Command-Drag .
Desenhe um coração vermelho de 4,4 x 4,3 mm sobre a linha que criamos.
Passo 15
Vamos adicionar alguns detalhes ao cetro.
Selecione a ferramenta Coração e aplique um tom mais escuro de vermelho. Desenhe um coração de 1,3 x 1,2 mm no centro do grande coração. Com o pequeno coração selecionado, mantenhaOption-Shift-Drag para copiar e colar a seleção.
Copie o coração três vezes abaixo do primeiro e Group (Command-G ) todos os elementos do cetro.
Selecione o grupo de mão e o grupo de cetro e Mover para frente ( Shift-Command-] ). Em seguida, selecione o grupo de cetro e mova para trás um ( comando- [ ).
Passo 16
Vamos terminar.
Grupo ( Comando-G ) todas as partes da Rainha.
Selecione a camada 'Border' e o grupo do Queen e, em seguida,Layer> Transform> Flip Horizontally ou clique no ícone Flip Horizontal na barra de ferramentas e, em seguida, Flip Verticalmente .
Encaixe no guia central e estamos prontos para jogar!
Você Jogou as Suas Cartas Certas!
Ótimo trabalho! A nossa carta de baralho de "Rainha de Copas" está completa. Espero que você tenha gostado de seguir este tutorial legal e fácil. Talvez você tenha aprendido algumas dicas e truques interessantes para inspirar você a criar o resto do baralho!
Você Jogou as Suas Cartas Certas!Ótimo trabalho! A nossa Espero que você tenha conseguido acompanhar cada passo. Divirta-se e poste seus designs de carta na área de comentários abaixo.
Aproveite e continue criando!
