Crie um cartaz do estilo do vintage em Photoshop

Publicado a 09/03/2017, 13:31 por jorge miranda

Este tutorial demonstra técnicas para criar um cartaz estilo vintage no Photoshop. Também usaremos o Illustrator para algumas operações simples. Este é um tutorial bastante direto usando as ferramentas de desenho e técnicas de composição do Photoshop.

 

O que você estará criando

Por meio disso nós vamos criar um gato baseou o design do cartaz do vintage em Photoshop com pouca ajuda do ilustrador. Vamos começar por preparar o fundo usando as texturas, vai criar o personagem do gato usando as ferramentas de forma e adicionar um par de sobreposições para dar-lhe um toque vintage. Eu usei o Photoshop versão CS6 para criar este trabalho, mas qualquer versão a partir do CS3 em diante será muito bem também.

Resultados finais

Recursos de Tutorial

Passo 1

Começamos criando um documento de tamanho A4 (210mm X 297mm). Eu estou estabelecendo com 150 ppi para como eu não estou indo para impressão.

Step-001

Passo 2

Adicione alguma textura à tela em branco. Traga na textura de papel velha usando o comando Place, que irá importar a textura como um objeto inteligente . Selecione Arquivo> Colocar.

Step-003

Passo 4

Aumentar a escala da textura para preencher toda a tela como na imagem abaixo. Confirme-o pressionando Enter / Return quando você chegar.

Passo-004

Passo 5

Agora trazer o papel de parede vintage marrom usando o comando "Place".

Step-005

Passo 6

Esta textura é enorme em dimensões. Deixa-o escalar a aproximadamente 47% de suas dimensões originais.

Passo-006

Passo 7

Reposicione a textura. Alinhe a parte superior esquerda da textura para a parte superior esquerda da tela.

Step-007

Passo 8

Nesta etapa, vá em frente e importar a textura do papel mais uma vez. Ou apenas duplicar o que você importou um passo atrás, redimensioná-lo como você vê-lo abaixo.

Step-008

Passo 9

CTRL + Clique na miniatura da camada na paleta de camadas para carregar a seleção.

Step-009

Passo 10

Desative a visibilidade da camada na paleta de camadas. Agora usaremos esta seleção para aplicar a máscara de camada à camada de padrão vintage.

Step-010

Passo 11

Com a seleção ativada, clique na camada de padrão vintage e clique em "Adicionar uma Máscara" localizada na parte inferior da paleta de camadas. Você pode ver a borda cortada bem.

Step-011

Passo 12

Coloque isso abaixo de papel velho textura (older_paper_1920_by_snowys_fox-d4vhnoi.jpg) em nosso documento.

Passo-012

Passo 13

Escale a textura até que cobre toda a área visível.

Passo-013

Passo 14

Rasterize a camada - clique direito sobre a camada e escolha "Rasterize Layer"

Passo-014

Passo 15

Agora desaturate a textura - Pressione Ctrl + U, defina a saturação para -100.

Step-015

Passo 16

Aumentar a escuridão da textura - Pressione Ctrl + M para carregar as curvas .

Passo-016

Passo 17

Clipe esta camada para a camada de padrão vintage mascarado abaixo - A tecla de atalho é Ctrl + Alt + G para clipe.

Passo-017

Passo 18

Defina o modo de mesclagem de camadas como "Overlay". Você deve ver os resultados semelhantes.

Passo-018

Passo 19

Vamos criar efeito starburst no Illustrator. Mude para o Illustrator por um tempo. Selecione a ferramenta Polygon. Clique duas vezes sobre ele, que irá aparecer paleta de opções, defina o número de lados para 3. Desenhar um triângulo.

Step-019

Passo 20

Estique o triângulo verticalmente como na imagem abaixo.

Step-020

Passo 21

Vá para Effect> Distrort & Transform> Transform.

Passo-021

Passo 22

Insira os valores abaixo na caixa de diálogo.

Step-022

Passo 23

Você deve ter resultado semelhante em sua tela. Copie o efeito.

Step-023

Passo 24

Volte para o Photoshop, cole o starburst como camada de forma.

Step-024

Passo 25

Aumentar a escala da forma. Você pode digitar os valores na barra de opções acima.

Step-025

Passo 26

Mova o starburst ligeiramente em direção à metade superior do documento.

Passo-026

Passo 27

Defina o modo starburst belnding para "Color Burn". Clip o starburst para a camada de padrão de vintage.

Passo-027

Passo 28

Gostaria de esconder o fundo do starburst. Adicione máscara à camada primeiro.

Passo-029

Passo 30

Selecione a ferramenta Gradiente, escolha o gradiente de preto para branco e desenhe sobre a área desejada como na imagem abaixo.

Step-030

Passo 31

O fundo foi preparado. Agora vamos começar a desenhar o personagem do gato. Vamos começar criando a cabeça. Selecione a Ferramenta Elipse e desenhe uma forma de círculo como abaixo.

Step-031

Passo 32

Desenvolver os olhos a partir da forma elipse. Use a ferramenta de elipse para desenhar a forma que você vê na imagem abaixo.

Step-032

Passo 33

Pegue a ferramenta de seleção direta e selecione o ponto de âncora médio esquerdo.

Step-033

Passo 34

Selecione a ferramenta Convert Point e clique no ponto de ancoragem acima para converter a borda arredondada em uma nítida.

Passo-034

Passo 35

Repita a mesma coisa com o ponto de âncora do meio direito também.

Step-035

Passo 36

Pressione Ctrl + T e gire o olho em um ângulo em um grau que parece apropriado.

Step-036

Passo 37

Duplicar a forma do olho. Virar horizontalmente.

Step-037

Passo 38

Desenhe os globos oculares usando a Ellipse Tool.

Passo-038

Passo 39

Agora, aplicamos gradiente à camada de base da cabeça. Clique duas vezes na camada para carregar a caixa de diálogo Estilo de camada, crie o gradiente abaixo e aplique.

Step-039

Passo 40

Defina a cor dos olhos para # 4e2419.

Step-040

Passo 41

Desenhe a forma do nariz usando a ferramenta Polygon

Passo-041

Passo 42

Continue a construir a forma da boca. Use a ferramenta Rectangle para desenhar a forma abaixo.

Passo-042

Passo 43

Desenhe esta forma ainda mais.

Passo-043

Passo 44

Gire a forma.

Passo-044

Passo 45

Duplique a camada.

Step-045

Passo 46

Pressione Ctrl + T, clique com o botão direito do mouse na forma e escolha Flip horizontal.

Passo-046

Passo 47

Sua imagem deve ficar assim até agora.

Passo-047

Passo 48

Agora desenhamos os bigodes no Illustrator. Desenhe uma linha curva com a ferramenta Caneta. Depois de desenhar o caminho inicial fazer um par de cópias.

Passo-048

Passo 49

Selecione todas as 3 formas e crie uma cópia dela arrastando enquanto segura a tecla Alt.

Step-049

Passo 50

Copie as duas formas do ilustrador e cole no documento de trabalho principal.

Step-050

Passo 51

Aplicar sobreposição de cores para corresponder à cor.

Passo-051

Passo 52

Desenhe a forma da orelha com a ferramenta Caneta.

Passo-052

Passo 53

Duplique a forma e gire.

Passo-053

Etapa 54

Agora desenhe o corpo com a ferramenta Caneta.

Passo-054

Passo 55

Aplicar gradiente para a forma do corpo. Crie o gradiente abaixo na paleta Estilo de Camada e aplique.

Passo-055

Passo 56

Vamos desenhar a forma da perna.

Passo-056

Passo 57

Duplique a forma e o lugar acima da camada do corpo.

Passo-057

Passo 58

Aplicar gradiente para a forma da perna.

Passo-058

Passo 59

Aplique o mesmo gradiente para a outra perna também.

Passo-059

Passo 60

Desenhe os pés como na imagem abaixo.

Step-060

Passo 61

Nós somos feitos com as pernas dianteiras. Agora vamos criar a perna traseira, desenhar a forma como na imagem abaixo.

Passo-061

Passo 62

Agora adicione o mesmo gradiente que aplicamos ao corpo.

Passo-062

Passo 63

Desenhe os pés.

Passo-063

Passo 64

O personagem está quase pronto, exceto a cauda. Desenhe a forma da cauda com a ferramenta Caneta. Aplique o gradiente que é aplicado às pernas da frente.

Passo-064

Passo 65

Desenhe uma forma de contorno ao redor do personagem usando a ferramenta Caneta, que funcionará como um traço. Com esta etapa nós terminamos de construir o personagem.

Passo-065

Passo 66

Vamos continuar com a criação do tipo. Baixe e instale as fontes "Deftone Stylus" e "Poplar Std". Comece com "o" definir a fonte para "Deftone Stylus".

Passo-066

Passo 67

Crie a segunda linha e defina o tamanho e posição semelhante à imagem de instrução abaixo.

Passo-067

Passo 68

Digite o "CAT" e defina a fonte para o "Poplar Std".

Passo-068

Passo 69

Sua imagem deve ficar assim.

Step-069

Passo 70

Como você pode ver, a segunda linha está sobrepondo a camada "CAT", vamos acomodar a camada "irritada" subtraindo as áreas sobrepostas da camada "CAT". Mantenha o botão "Ctrl" e clique na camada "irritado" para carregar a seleção.

Step-070

Passo 71

Expanda a seleção. Vá para Selecionar> Modificar> Expandir.

Passo-071

Passo 72

Selecione a camada de tipo "CAT" e clique no botão "Adicionar uma máscara".

Passo-072

Passo 73

Permite criar a forma da Faixa de Opções usando a ferramenta Retângulo. Verifique se a opção "Shape" está selecionada. Desenhe uma barra horizontal como abaixo.

Passo-073

Passo 74

Desenhe a dobra da fita e ajuste o canto superior direito usando a "Ferramenta de Seleção Direta".

Passo-074

Etapa 75

Duplicar e virar a forma para o outro lado também.

Step-075

Passo 76

Desenhe outra forma e coloque-a atrás das outras 2 camadas.

Passo-076

Passo 77

Agora adicione um corte a fita. Adicione um ponto de ancoragem à margem esquerda da forma usando a ferramenta "Add Anchor Point".

Passo-077

Passo 78

Selecione o ponto de ancoragem que acabamos de adicionar usando a "Ferramenta de Seleção Direta".

Passo-078

Passo 79

Mova o ponto para dentro de sua posição real. Você pode usar as teclas de seta no teclado para cutucá-lo.

Passo-079

Passo 80

Permite endireitar o "Convert Point Tool".

Step-080

Passo 81

Duplique a forma e use-a para o outro lado.

Passo-081

Passo 82

Aplique o gradiente à forma central da fita.

Passo-082

Passo 83

Adicione o tipo e defina a fonte como "KiloGram".

Passo-083

Passo 84

Agora vamos criar uma forma de bolha de discurso com a Ellipse Tool.

Passo-084

Passo 85

Desenhe a ponta da bolha do discurso.

Passo-085

Passo 86

Adicione o tipo acima da bolha do discurso, ajuste a cor da pia batismal ao branco.

Passo-086

Passo 87

Eu tenho duplicado os bigodes de cima e redimensionado, colocá-lo acima da camada "CAT", apenas para dar um pouco de tratamento simbólico.

Passo-091

Passo 88

Selecione a forma de estrela na paleta de formas personalizadas. Desenhe estrelas entre o gato e a camada de fita.

Passo-092

Passo 89

Abra a textura do papel dobrado. Selecione tudo (Ctrl + A) e copie toda a textura.

Passo-087

Passo 90

Cole no documento de trabalho.

Passo-088

Passo 91

Ajuste o brilho usando o comando Curves.

Passo-089

Passo 92

Defina o modo de mesclagem de camadas como "Overlay"

Step-090

Passo 97

Abra o "emerald_green_scratch_paper_texture".

Step-097

Passo 98

Copie e cole a textura do papel de rascunho no documento principal.

Passo-098

Etapa 100

Redimensione a textura do papel de arranjo para caber a lona agradàvel.

Passo-100

Passo 101

Desaturate a textura (CTRL + Shift + U).

Passo-101

Passo 102

Escureça a textura usando o comando Curvas.

Passo-102

Passo 103

Altere o modo de mesclagem de camadas para "Tela".

Passo-103

Passo 104

Adicione a camada de ajuste Curves à camada de textura zero.

Passo-104

Passo 105

Adicione a camada de ajuste "Filtro de fotos".

Passo-105

Passo 106

Finalmente vamos adicionar algum ruído para a arte. Criar um novo acima de todas as camadas e preenchê-lo com preto.

Passo-106

Passo 107

Adicione ruído à camada. Filtro> Ruído> Adicionar ruído. Altere o modo de mesclagem de camadas para "Tela".

Passo-107

Passo 108

Altere o modo de mesclagem de camadas para "Tela".

Passo-108

Resultados Finais

Resultados finais [1]

Faça o download do PSD


Comments