Embora alguns desses estilos antidesign tenham raízes há quase 100 anos, este é um estilo que nunca parou de evoluir. Recentemente, vimos a popularidade do meme “design gráfico é minha paixão”, zombando dos designers gráficos e seu intenso amor pelo design.
Inspirados pelos últimos memes, temos um tutorial para você que fará você explorar o design de uma forma diferente. Antidesign geralmente significa livre expressão, toneladas de personalidade, vibrações fortes, diversão e rebelião. Vamos começar!
O que você vai precisar
Para este tutorial, você precisará de acesso ao Adobe Photoshop e Adobe InDesign. Você também precisará de alguns ga-analytics#sendElementsClickEvent”>ativos gráficos do ga-analytics#sendElementsClickEvent”>Envato:
O que você aprenderá
No processo de criação deste pôster antidesign, você aprenderá a:
- Crie um fundo difuso e sujo
- Use guias no Adobe InDesign
- Quebre todas as regras que você aprendeu sobre design gráfico
- Explore diferentes abordagens para um pôster antidesign
1. Crie o fundo no Photoshop
Passo 1
No Adobe Photoshop, crie um Novo Documento. Defina o Largura para 2400 e Altura para 3300. Selecione Píxeis no menu suspenso. Defina o Resolução para 300 pixels/polegada. Defina o Cor Modo para RGB. Clique Criar.
Passo 2
No Camadas painel, pressione Shift-Comando-N para adicionar um Nova camada. Desativar o Fundo camada.
No Ferramentas painel, selecione o Ferramenta Pincel (B). Clique duas vezes em Cor do primeiro plano. No Seletor de cores janela, selecione qualquer coisa no intervalo laranja. Clique OK.
Adicione algumas pinceladas na página.
Passo 3
Clique duas vezes no Cor de primeiro plano. No Seletor de cores janela, selecione qualquer coisa na faixa verde. Clique OK.
Adicione algumas pinceladas na página.
Passo 4
Clique duas vezes no Cor de primeiro plano. No Seletor de cores janela, selecione qualquer coisa no intervalo azul. Clique OK.
Adicione algumas pinceladas na página.
Passo 5
Vá para Filtro > Ruído > Adicionar ruído.
No Adicionar ruído janela pop-up, defina o Quantia para 2% e o Distribuição para Uniforme. Clique OK.
Passo 6
Repita os passos 2-5, mas com cores diferentes. Tente escolher cores contrastantes e neon que entrem em choque com a camada anterior.
Passo 7
Salve cada camada como um arquivo TIFF separado. No Opções TIFF janela pop-up, verifique o Salvar Transparência opção. Clique OK.
2. Crie o pôster anti-design no InDesign
Passo 1
Como este gráfico foi criado para ser usado em mídias sociais, criaremos um arquivo com dimensões verticais/retrato do Instagram.
No InDesign, crie um Novo documento. No Novo Documento janela pop-up, defina o Largura para 1080 pixels e o Altura para 1350 pixels. Defina o Margens para 60 px. Clique OK.
Passo 2
Vá para Layout > Criar guias. No Criar Guias janela pop-up, defina o Linhas para 5 e Colunas para 5. Defina o Calhas para 12 px. Sob Guias de ajuste para: Margens. Clique OK.
Passo 3
No Camadas painel, adicione mais duas camadas. Teremos muitos elementos para trabalhar, e queremos criar algum tipo de organização, embora o antidesign seja sobre caos.
Passo 4
Vou pegar um dos arquivos TIFF de gradiente que criei no Photoshop e soltá-lo no arquivo do InDesign. Redimensionar o gradiente e o quadro para quase caber na primeira coluna à esquerda da página.
Passo 5
Pegue o outro arquivo TIFF e coloque-o no arquivo do InDesign. Desta vez, redimensione o quadro para ocupar o restante da área branca da página, deixando a margem branca.
Passo 6
Duplique o mesmo quadro e crie pequenos retângulos. Estamos tentando criar um fundo caótico que esteja alinhado com o estilo anti-design. Não há uma maneira certa ou errada de fazer isso. Tente usar tamanhos diferentes ou colocar esses elementos menores atrás do elemento principal. Como salvamos os arquivos com transparência, obteremos efeitos diferentes dependendo de onde os colocarmos.
Passo 7
Para criar alguma dimensão, adicionei um fundo preto sólido atrás do elemento principal.
Passo 8
No Camadas painel, selecione Camada 2. Crie uma série de formas, retangulares e esféricas, usando os gradientes TIFF. No Ferramentas painel, selecione o Ferramenta Elipse (L) para criar um círculo. Solte um dos arquivos TIFF dentro da forma. Redimensione e mova como desejar.
Repita o mesmo processo, mas com formas retangulares.
Passo 9
Localize os arquivos ga-analytics#sendElementsClickEvent”>Earth & World Maps & Icons no seu computador. Adicionei formas de wireframe, uma para o chão e uma para o canto superior esquerdo da página.
Passo 10
Localize ga-analytics#sendElementsClickEvent”>Robot Head no seu computador. Coloque a imagem no arquivo do InDesign.
Para criar mais caos, quero duplicar a imagem várias vezes. Neste caso, usei a linha perto do centro da composição para atuar como um ponto de corte e coloquei parte da imagem do robô à esquerda.
O resto da imagem eu coloquei no lado direito da linha. Eu também dupliquei o espaço da testa do robô e redimensionei o quadro sem redimensionar a imagem para adicionar mais dimensão.
Passo 11
Agora é hora de adicionar detalhes de texto. Como é uma composição antidesign inspirada em tecnologia, quero criar palavras e frases que se apliquem a este tópico. Criei quatro pontos principais para chamar a atenção.
Selecione o Ferramenta de texto (T) do Ferramentas painel. Crie um quadro de texto — neste caso, adicionei a palavra “_ANTIDESIGN”. No Controlar painel, defina o Fonte para Gutão, o Tamanho para 42 pontos, e o Monitorando para 50. Defina o Cor para Branco.
Crie outra caixa de texto logo abaixo e altere a fonte Tamanho para 20 pontos. Adicionei outra caixa de texto com o mesmo formato na metade inferior da composição.
Passo 12
Usando o Ferramenta Retângulo (M)crie dois retângulos para encaixar texto relacionado à tecnologia, neste caso como modelo/marca. No Controlar barra, defina os cantos do retângulo para Arredondado.
Usando o Ferramenta de texto (T), crie dois quadros de texto e adicione seu texto.
Passo 13
Para tornar esta composição ainda mais caótica, podemos adicionar um texto maior. Crie uma caixa de texto e defina o Tamanho da fonte para 200 pontos. Defina o Cor do texto para o verde atualmente muito popular: #00e000. Girar (R) o texto verticalmente e coloque-o bem no centro da composição.
Passo 14
Crie outra caixa de texto — esta será para o espaço em branco no lado direito do pôster. Defina o Fonte para Gutondefina o Tamanho para 40 pontose coloque a caixa de texto verticalmente no espaço vazio.
3. Exportar o arquivo JPEG
Vá para Arquivo > Exportar. No Exportar janela pop-up, defina o Formatar para Arquivo JPEG. Clique Salvar.
No Exportar JPEG janela pop-up, defina o Qualidade da imagem para Alto. Clique Exportar.
Parabéns! Você terminou este tutorial
Espero que você tenha achado este tutorial útil. O movimento antidesign é um que nunca para de crescer ou evoluir. Ao longo dos anos, vimos vários exemplos de design gráfico ruim que geralmente começam como um comentário sobre design gráfico e acabam se tornando uma tendência de design. Este é um deles. Divirta-se criando mais pôsteres antidesign!
Se você gostou deste tutorial e quer mais exemplos anti-design, você pode gostar de:
